/* Result-led editorial report. Three type levels per breakpoint. */
@media screen {
  #result {
    --report-title:44px; --report-body:20px; --report-label:14px;
    --report-line:1.5; --report-gap:32px; --report-width:1248px;
    display:none; position:relative; z-index:3; background:#fff; color:var(--ink);
    font-size:var(--report-body);
  }
  .report-bar {display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:8px var(--gutter);background:white;border-bottom:1px solid var(--ink);font-size:var(--report-label);line-height:1.4}
  .report-bar .studio-logo{width:180px}.report-bar .studio-logo img{filter:brightness(0)}
  .res-hero,.res-sec,.res-cta{padding:40px var(--gutter);background:#fff;color:var(--ink)}
  .res-hero-inner,.res-sec-inner,.res-cta-inner{max-width:var(--report-width);margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0 var(--report-gap);align-items:start}
  .res-verdict{grid-column:1/8;grid-row:1;min-width:0}
  .res-verdict-heading .kicker,.kick{font:400 var(--report-label)/1.4 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}
  .res-level,.res-sec h2,.res-cta h2,.unlock h3{font:400 var(--report-title)/1.08 var(--serif);letter-spacing:-.035em;text-wrap:balance;max-width:30ch}
  .res-read,.lede,.area p,.steps li,.protect li,.docs li,.res-cta p,.unlock-copy p{font:400 var(--report-body)/var(--report-line) var(--sans)}
  .res-read{margin-top:24px;max-width:60ch}.res-read+.res-read{margin-top:16px;color:var(--muted)}
  .profile-card{display:contents;border:0;box-shadow:none;background:none}
  .profile-primary{grid-column:8/-1;grid-row:1;display:grid;grid-template-columns:1fr;gap:20px;align-self:start;background:var(--ink);color:#fff;padding:28px;box-shadow:0 8px 18px #1b202512}
  .priority-facts{display:contents}.profile-primary .cell{padding:0;border:0;min-width:0}.risk-fact{grid-row:1}.risk-scale{grid-row:2}.priority-fact{grid-row:3;border-top:1px solid #ffffff40!important;padding-top:20px!important}
  .cell dt{font:400 var(--report-label)/1.4 var(--sans);color:var(--muted);margin:0 0 8px}.cell dd{font:400 var(--report-body)/1.4 var(--sans);margin:0;overflow-wrap:break-word}
  .profile-primary dt{color:#ccd1d5}.profile-primary .risk-fact dd{font:400 var(--report-title)/1.08 var(--serif);letter-spacing:-.03em}.profile-primary .priority-fact dd{font-weight:500}
  .meter{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 0 8px}.meter span{height:4px;background:#ffffff30}.meter span.on{background:#fff}.meter-labels{display:flex;justify-content:space-between;gap:12px;font:400 var(--report-label)/1.4 var(--sans);color:#bcc3c9}.meter-labels b{font-weight:400}.meter-labels b.on{font-weight:500;color:white;text-decoration:underline;text-underline-offset:4px}
  .profile-supporting{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:32px;padding:24px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--rule)}
  .profile-supporting .cell{padding:0;border:0;min-width:0}.profile-supporting .cell dd{font-size:var(--report-body);line-height:1.4}
  .hedge{grid-column:1/-1;grid-row:3;font:400 var(--report-label)/1.5 var(--sans);color:var(--muted);max-width:112ch;margin-top:16px}
  .res-sec{padding-top:48px;padding-bottom:48px;border-top:1px solid var(--rule)}
  .res-sec .kick,.res-sec h2,.res-sec .lede{grid-column:1/-1}.kick{display:flex;gap:10px;align-items:baseline}.kick em{font:inherit;letter-spacing:inherit}.lede{margin-top:20px;max-width:66ch;color:var(--muted)}
  .report-chapter{background:#f1f2f2}.chapter-copy{grid-column:1/-1;display:grid;grid-template-columns:5fr 7fr;gap:var(--report-gap);align-items:start;position:relative;z-index:1}.chapter-copy .chapter-heading{grid-column:1}.chapter-copy .lede{grid-column:2;margin:0;padding-top:36px}.chapter-copy .lede{color:var(--ink);max-width:64ch}
  .exp{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}
  .area{display:grid;grid-template-columns:24px minmax(0,1fr);gap:16px;padding:24px;border:1px solid var(--rule);border-top:2px solid var(--ink);background:#fff;min-width:0;box-shadow:0 3px 8px #1b202505}
  .area .num{font:400 var(--report-label)/1.5 var(--sans);color:var(--muted);padding-top:4px}.area h3{font:500 var(--report-body)/1.4 var(--sans);letter-spacing:0;text-wrap:initial;margin:0 0 16px}.area p{color:var(--muted)}
  .flag{display:table;font:400 var(--report-label)/1.4 var(--sans);letter-spacing:0;border:1px solid #c8cfd3;background:#eff2f3;color:#414e57;padding:5px 8px;margin-top:12px}
  .steps{grid-column:1/8;list-style:none;padding:0;margin:28px 0 0;counter-reset:step}.steps li{counter-increment:step;position:relative;padding:20px 0 20px 40px;border-top:1px solid var(--rule)}.steps li::before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:25px;color:var(--muted);font:400 var(--report-label)/1.4 var(--sans)}
  .kwwrap{grid-column:8/-1;position:sticky;top:88px;margin-top:28px;padding:24px;background:#f1f3f4;border:1px solid #d5dadd;box-shadow:0 3px 8px #1b202505}.kwwrap .kick{margin-bottom:20px;letter-spacing:.04em}.kwwrap .kick em{display:none}#kwList{display:flex;flex-wrap:wrap;gap:8px}.kw{font:400 var(--report-label)/1.4 var(--sans);padding:7px 10px;background:#fff;border:1px solid #c8d0d5}
  .report-benchmark{background:#f2f3f3}.protect{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;list-style:none;margin:28px 0 0;padding:0}.protect li{position:relative;padding:20px 0 20px 32px;border-top:1px solid var(--rule)}.protect li::before{content:'✓';position:absolute;top:23px;left:0;font:400 var(--report-label)/1.5 var(--sans);color:#5d727f}
  .docs{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;list-style:none;margin:28px 0 0;padding:0}.docs li{position:relative;min-width:0;padding:20px 24px 20px 52px;border:1px solid #c7cdd0;background:white;box-shadow:0 3px 8px #1b202507}.docs li::before{content:'';position:absolute;left:24px;top:27px;width:12px;height:16px;border:1px solid #6f8491}
  .unlock{display:none}.gate{position:relative}.gate.is-locked{padding:40px var(--gutter);background:#ecf0f2;border-top:1px solid var(--rule)}
  .gate.is-locked .unlock{display:grid;grid-template-columns:5fr 7fr;gap:32px;align-items:start;max-width:var(--report-width);margin:auto;padding:32px;background:#fff;border:1px solid #bdc7ce;border-radius:2px;box-shadow:0 6px 16px #1b20250c}
  .unlock-copy{grid-column:1}.unlock h3{max-width:18ch}.unlock-copy p{color:var(--muted);margin-top:20px}#unlockForm{grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0}.field{min-width:0}.field label{display:block;font:400 var(--report-label)/1.4 var(--sans);margin-bottom:8px}.field input{width:100%;height:52px;font:400 var(--report-body)/1.4 var(--sans);padding:12px 14px;border:1px solid #879ba8;background:white;border-radius:2px}.err{display:none;font:400 var(--report-label)/1.5 var(--sans);margin-top:6px;color:#90372d}.field.bad .err{display:block}#unlockForm .btn,#unlockForm .assure{grid-column:1/-1}.unlock .btn{width:100%}.assure{font:400 var(--report-label)/1.5 var(--sans);color:var(--muted)}.gate.is-locked .gate-inner{display:none}.gate.open .gate-inner{display:block}
  #result .btn{font:400 var(--report-label)/1.4 var(--sans);min-height:48px;padding:12px 18px;border-radius:2px;gap:20px}
  .res-cta{border-top:2px solid var(--ink);background:#eef1f2}.res-cta h2{grid-column:1/-1;max-width:30ch}.review-copy{grid-column:1/-1;margin-top:24px}.cta-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;list-style:none;padding:0;margin:20px 0 24px}.cta-list li{font:400 var(--report-body)/1.5 var(--sans);padding:12px 0;border-bottom:1px solid #c8d0d4}.res-cta #printBtn{margin-top:12px;background:#fff;color:var(--ink);border-color:#869ba8}.restart{display:block;min-height:44px;border:0;background:none;margin-top:8px;padding:12px 0;font:400 var(--report-label)/1.4 var(--sans);color:var(--muted);text-decoration:underline;text-underline-offset:4px}
  .site-foot{display:block;background:#fff;color:var(--muted);border-top:1px solid var(--rule);padding:24px var(--gutter);font:400 var(--report-label)/1.5 var(--sans)}.foot-copy{max-width:var(--report-width);margin:auto}.foot-legal{margin-top:8px}
}
@media screen and (max-width:1000px){
  #result{--report-title:40px;--report-body:18px;--report-gap:24px}
  .res-hero,.res-sec,.res-cta{padding:32px 24px}.res-verdict{grid-column:1/8}.profile-primary{grid-column:8/-1;padding:24px;gap:18px}.profile-supporting{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}.chapter-copy{grid-column:1/-1}
  .exp{gap:16px}.area{padding:20px;gap:12px;grid-template-columns:20px minmax(0,1fr)}.steps{grid-column:1/8}.kwwrap{grid-column:8/-1;padding:20px}.docs{gap:14px}.docs li{padding:20px 20px 20px 44px}.docs li::before{left:18px;top:24px}
  .gate.is-locked .unlock{grid-template-columns:1fr;padding:28px;gap:16px}#unlockForm{grid-column:1;grid-row:auto;margin-top:8px}.res-cta-inner{display:block}.res-cta h2{max-width:25ch}.review-copy{margin-top:24px}.cta-list{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}
}
@media screen and (max-width:720px){
  .res-verdict{display:contents}.res-verdict-heading{grid-column:1/-1;grid-row:1}.profile-primary{grid-column:1/-1;grid-row:2;margin-top:24px}.res-verdict-copy{grid-column:1/-1;grid-row:3}.profile-supporting{grid-row:4}.hedge{grid-row:5}.profile-primary{grid-template-columns:1fr 1.6fr;gap:16px 28px}.risk-fact{grid-column:1;grid-row:1}.risk-scale{grid-column:1;grid-row:2}.priority-fact{grid-column:2;grid-row:1/3;border-top:0!important;border-left:1px solid #ffffff40!important;padding:0 0 0 24px!important}.meter-labels{gap:8px}.chapter-copy{grid-column:1/-1;grid-template-columns:1fr;gap:0}.chapter-copy .chapter-heading,.chapter-copy .lede{grid-column:1}.chapter-copy .lede{padding:0;margin-top:20px}.exp{display:block}.area+.area{margin-top:16px}.steps,.kwwrap{grid-column:1/-1}.kwwrap{position:static;margin-top:20px}.protect{column-gap:28px}
}
@media screen and (max-width:540px){
  #result{--report-title:34px;--report-body:18px;--report-gap:20px}
  .report-bar{padding:8px 20px;gap:16px}.report-bar .studio-logo{width:144px}.report-bar>span{max-width:13ch;text-align:right}
  .res-hero,.res-sec,.res-cta{padding:28px 20px}.profile-primary{display:grid;grid-template-columns:1fr;padding:24px;gap:18px}.risk-fact{grid-column:1;grid-row:1}.risk-scale{grid-column:1;grid-row:2}.priority-fact{grid-column:1;grid-row:3;border-left:0!important;border-top:1px solid #ffffff40!important;padding:18px 0 0!important}.profile-supporting{grid-template-columns:1fr;margin-top:24px;gap:0;padding:0;border-top:1px solid var(--ink);border-bottom:0}.profile-supporting .cell{padding:18px 0;border-bottom:1px solid var(--rule)}
  .res-read{margin-top:24px}.res-read+.res-read{margin-top:16px}.res-verdict-heading .kicker,.kick{margin-bottom:14px;letter-spacing:.035em}.lede{margin-top:18px}.area{padding:20px 18px;grid-template-columns:18px minmax(0,1fr);gap:12px}.area h3{margin-bottom:14px}.exp{margin-top:24px}.flag{font-size:var(--report-label);line-height:1.4;padding:5px 7px}.steps{margin-top:24px}.steps li{padding:18px 0 18px 34px}.steps li::before{top:22px}.protect,.docs{display:block;margin-top:24px}.protect li{padding-top:18px;padding-bottom:18px}.protect li::before{top:22px}.docs li{margin-top:12px}
  .gate.is-locked{padding:24px 20px}.gate.is-locked .unlock{padding:24px}#unlockForm{grid-template-columns:1fr}.cta-list{display:block}.res-cta .btn{width:100%}.site-foot{padding:24px 20px}
}
@media screen and (max-width:360px){#result{--report-title:32px;--report-body:17px}.res-hero,.res-sec,.res-cta{padding-inline:16px}.report-bar{padding-inline:16px}.profile-primary{padding:20px}.gate.is-locked{padding-inline:16px}.gate.is-locked .unlock{padding:20px}}

/* The full breakdown follows the preview's grid with a quieter reading scale. */
@media screen {
  .gate-inner {
    --report-title:36px;
    --report-body:18px;
    --report-line:1.6;
  }
  .gate-inner .res-sec,.gate-inner .res-cta {padding-block:36px}
  .gate-inner .res-sec h2,.gate-inner .res-cta h2 {line-height:1.15;max-width:36ch}
  .gate-inner .kick {margin-bottom:12px}
  .gate-inner .lede {margin-top:16px;max-width:68ch}
  .gate-inner h2[tabindex="-1"]:focus {outline:none}

  /* Shared row tracks keep titles and explanations aligned across each pair. */
  .exp {column-gap:var(--report-gap);row-gap:0;margin-top:24px}
  .area {
    grid-row:span 2;
    grid-template-columns:24px minmax(0,1fr);
    grid-template-rows:subgrid;
    gap:12px 16px;
    padding:20px 0 24px;
    border:0;
    border-top:1px solid var(--rule);
    box-shadow:none;
    align-items:start;
  }
  .area>div {display:contents}
  .area .num {grid-column:1;grid-row:1;padding-top:3px}
  .area h3 {grid-column:2;grid-row:1;margin:0;line-height:1.45}
  .area p {grid-column:2;grid-row:2;max-width:58ch}
  .flag {margin-top:8px;padding:3px 7px}

  .steps {grid-column:1/7;margin-top:24px}
  .steps li {padding-block:16px}
  .steps li::before {top:21px}
  .kwwrap {grid-column:7/-1;position:static;margin-top:24px;box-shadow:none}
  .kwwrap .kick {margin-bottom:16px}
  .protect {column-gap:var(--report-gap);margin-top:24px}
  .protect li {padding-block:16px}
  .protect li::before {top:21px}
  .docs {column-gap:var(--report-gap);row-gap:0;margin-top:24px}
  .docs li {padding:16px 0 16px 24px;border:0;border-top:1px solid var(--rule);box-shadow:none}
  .docs li::before {left:3px;top:28px;width:4px;height:4px;border:0;border-radius:50%;background:var(--muted)}
  .cta-list {column-gap:var(--report-gap);margin-block:16px 24px}
  .cta-list li {padding-block:14px;line-height:var(--report-line)}
  .review-copy {margin-top:16px}
  .report-actions {display:flex;align-items:stretch;flex-wrap:wrap;gap:12px;margin-top:24px}
  #result .report-actions .btn {margin:0;font-size:16px;min-height:48px}
  .res-cta .delivery-status {max-width:72ch}
}
@media screen and (max-width:720px) {
  .gate-inner {--report-title:32px}
  .gate-inner .res-sec,.gate-inner .res-cta {padding-block:28px}
  .exp {display:grid;grid-template-columns:1fr}
  .area {grid-row:auto;grid-template-rows:auto auto;gap:12px 14px;padding-block:20px}
  .area+.area {margin-top:0}
  .steps,.kwwrap {grid-column:1/-1}
  .protect,.docs,.cta-list {grid-template-columns:1fr}
  .docs li {margin:0}
}
@media screen and (max-width:540px) {
  .gate-inner {--report-title:30px;--report-body:18px}
  .area {grid-template-columns:20px minmax(0,1fr)}
  .report-actions {display:grid;grid-template-columns:1fr;gap:12px}
}
