/* Locked Option B: outline frame, three chapters, 4:5 capture, independent report scroll. */
body[data-phase=report]{--ink:#263a30;--muted:#697368;--line:#c5c9be;--paper:#f5f4eb}
body[data-phase=report] #experience-dialog{overflow-y:auto;color:var(--ink)}
body[data-phase=report] #experience-dialog header{padding:20px 28px;max-width:1230px;margin:auto;align-items:center}
body[data-phase=report] #experience-dialog main{width:100%;max-width:min(1230px,calc((100dvh - 185px)*1.73913));padding:0 28px 24px}
body[data-phase=report] .chapter-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--paper);border-color:#596457}
body[data-phase=report] .chapter-nav button{font-size:11px;min-height:48px;border-color:#596457;letter-spacing:.02em}
body[data-phase=report] .experience{background:var(--paper);border-color:#596457;align-items:start;overflow:hidden}
body[data-phase=report] .portrait-stage{position:relative;border-color:#596457}
body[data-phase=report] .portrait{aspect-ratio:4/5;width:100%;overflow:hidden}
body[data-phase=report] #subject{width:100%!important;height:100%;object-fit:cover!important;transform:none!important}
body[data-phase=report] .portrait-meta{position:absolute;bottom:0;left:0;right:0;background:#f5f4ebdd;border:0;padding:11px 14px;font-size:8px}
body[data-phase=report] .halo,body[data-phase=report] #mesh,body[data-phase=report] .frame-corners,body[data-phase=report] .scan-line{display:none}
body[data-phase=report] .content{padding:24px 28px;background:var(--paper);color:var(--ink);overscroll-behavior-y:auto}
body[data-phase=report] .content h1{font:normal 32px/1.12 Georgia,serif;letter-spacing:-.04em;margin:20px 0 18px}
body[data-phase=report] .content p{font-size:12px;line-height:1.65;max-width:none}
body[data-phase=report] .content .eyebrow{font-size:9px;letter-spacing:.12em}
body[data-phase=report] .primary{background:#314f41;color:#fafaf0;border:1px solid #314f41;min-width:0;width:auto;padding:13px 20px;font-size:11px}
.locked-report-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.locked-report-head .report-status{font-size:9px;color:#677060;white-space:normal}
body[data-phase=report] .report-reference{font-size:8px;overflow-wrap:anywhere;color:var(--muted);margin:10px 0}
.locked-takeaway{padding:16px;background:#e8eddf;margin:20px 0}.locked-takeaway p{margin:9px 0 0}
.locked-charts{padding:4px 0;border-block:1px solid #c5c9be}.locked-chart-row{padding:12px 0}.locked-chart-row>div:first-child,.locked-score>div:first-child{display:flex;justify-content:space-between;gap:12px;font-size:11px}.locked-chart-row strong,.locked-score strong{font-size:10px;font-weight:400;color:#62705e;white-space:nowrap}.locked-chart-row small,.locked-score small{font-size:9px;color:#697368;line-height:1.5;display:block}
.locked-track{display:flex;gap:4px;height:4px;margin:10px 0}.locked-track i{flex:1;background:#dce0d3}.locked-track i.on{background:#5b7258}
.locked-micro{display:flex;gap:25px;padding:20px 0}.locked-micro>span{flex:1;font-size:8px;letter-spacing:.06em;color:var(--muted)}.locked-micro b{display:block;font-size:10px;line-height:1.6;font-weight:400;letter-spacing:0;margin-top:7px;color:var(--ink)}
.locked-findings{border-top:1px solid #c5c9be;padding:10px 0}.locked-findings>summary{display:flex;align-items:center;cursor:pointer;font-size:11px}.locked-scores{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:15px 0}.locked-score{min-width:0;padding:12px 0;border-bottom:1px solid #c5c9be}.locked-score>div:first-child{display:block}.locked-score strong{display:block;margin-top:5px}
body[data-phase=report] .all-observations{background:none;border:0;border-top:1px solid #c5c9be;padding:10px 0;margin:14px 0}.locked-signal{border-bottom:1px solid #c5c9be;padding:7px 0}.locked-signal summary{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;cursor:pointer}.locked-signal strong{font-size:10px;font-weight:400;color:var(--muted)}.locked-signal small{font-size:9px;color:var(--muted)}
body[data-phase=report] .feel-refinement{background:none;border:0;border-top:1px solid #c5c9be;padding:10px 0;margin:14px 0}.feel-refinement select{font-size:12px}
body[data-phase=report] .overview-footer{margin-top:20px;padding:16px 0;border-top:1px solid #c5c9be;display:flex;align-items:center;justify-content:space-between}.overview-footer p{margin:0;font-size:9px!important}
body[data-phase=report] .focus-row{background:#eaece2;padding:20px}.focus-row b{font-size:15px;font-weight:400}.focus-row .num{font-size:10px;color:#697368}.focus-row small{font-size:9px;color:#697368}.priority-grid{display:grid;grid-template-columns:1fr;gap:12px}.followup-card{background:transparent!important;border:1px solid #c5c9be!important}.followup-card b{font-size:13px;font-weight:400}
body[data-phase=report] .routine-grid{display:block}.routine-grid .keep-step{background:none!important;border-bottom:1px solid #c5c9be!important;padding:18px 0!important;display:flow-root}.routine-product-image{float:left;margin:12px 20px 12px 0!important;width:75px!important;height:100px!important}.keep-step small{font-size:9px;display:block}.keep-step b{font-size:13px;font-weight:400}.keep-step p{font-size:11px!important}.keep-step label{font-size:10px!important}.step-choice select{display:block;width:100%;padding:12px;color:var(--ink);background:var(--paper);border:1px solid #a7b0a0;margin-top:8px;font-size:11px}.routine-total{font-size:11px}.refinement input[type=number]{min-width:0;width:90px;padding:9px}.content summary{font-size:11px}.content .text-button{font-size:10px}.content .fine{font-size:10px!important}
body[data-phase=report] :focus-visible{outline:2px solid #34594f;outline-offset:3px}
@media(max-width:760px){body[data-phase=report] #experience-dialog header{padding:16px 20px;gap:12px}body[data-phase=report] #experience-dialog header>.eyebrow{display:none}body[data-phase=report] #experience-dialog main{max-width:560px;padding:0 14px 20px}body[data-phase=report] .chapter-nav button{font-size:9px;padding:10px 5px;min-height:48px}body[data-phase=report] .experience{display:block;overflow:visible}body[data-phase=report] .portrait{width:min(100%,260px);margin:auto;aspect-ratio:4/5}body[data-phase=report] .content{position:relative;left:auto;top:auto;width:100%;height:min(560px,65dvh);min-height:300px;max-height:none;padding:22px 20px;overflow-y:auto;scrollbar-gutter:stable}body[data-phase=report] .portrait-stage{border-right:0;border-bottom:1px solid #596457;background:#e8e3d7}body[data-phase=report] .content h1{font-size:29px}.locked-report-head{flex-wrap:wrap}}
@media(max-width:360px){body[data-phase=report] .content{padding:18px 16px}.locked-scores{grid-template-columns:1fr}.locked-micro{gap:14px}}
@media(prefers-reduced-motion:reduce){body[data-phase=report] .content{animation:none!important;scroll-behavior:auto}}

body[data-phase=report] #content,body[data-phase=report] #content p{text-align:left;color:var(--ink)}
body[data-phase=report] #content em{color:var(--ink)}
body[data-phase=report] #content .report-reference{font-size:8px;line-height:1.5;overflow-wrap:anywhere;color:var(--muted)}
