/* Shared OREY report presentation */
html,body{width:1440px;height:900px;overflow:hidden}
main{height:836px;padding:24px 28px 18px}
.intro{min-height:82px}.intro h1{font-size:30px}.intro p{max-width:950px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:8px 0 14px}
.metrics.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.metric{padding:16px 18px;border:1px solid var(--line);background:#fff;border-radius:9px;text-align:left;color:var(--ink);font:inherit;min-width:0}
button.metric{cursor:pointer}.metric[aria-pressed=true]{outline:2px solid var(--rose-deep);outline-offset:-2px;background:#fdf7f7}
.metric .label{display:block;margin:0 0 7px}.metric h2{font-size:18px;margin:0 0 8px;line-height:1.3}
.metric .value{display:block;font-size:34px;line-height:1.1;font-weight:700;margin:0 0 8px}
.metric p{font-size:13px;line-height:1.45;margin:0;color:var(--muted)}
.metric.dark{background:var(--navy);color:#fff}.metric.dark .value,.metric.dark .label{color:var(--rose)}.metric.dark p{color:#c7d1df}
.report-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:14px}.report-grid.ai-layout{grid-template-columns:.85fr 1fr 1.22fr}
.report-grid .panel{min-width:0}.panel>header{height:auto;min-height:46px;padding:12px 17px}.panel>header h3{font-size:16px}
.panel-content{padding:14px 18px}.report-note{font-size:11px;color:var(--muted);margin:10px 0 0}
.choice{font:inherit;text-align:left;display:block;width:100%;background:white;color:var(--ink);border:0;border-bottom:1px solid var(--line);padding:15px 16px;cursor:pointer}
.choice[aria-pressed=true]{background:#edf2f8;box-shadow:inset 4px 0 var(--rose-deep)}
.choice h4{font-size:16px;line-height:1.3;margin:0 0 6px}.choice p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}.choice strong{font-size:17px}.choice .money{color:var(--blue-dark);display:block;margin-top:8px;font-size:21px}
.track{height:7px;background:#e8edf3;border-radius:5px;margin-top:8px;overflow:hidden}.track i{display:block;height:100%;background:#8b9db6;border-radius:5px}
.good{color:#337959}.bad{color:#b34d45}.track i.good{background:#3d8b67}.track i.bad{background:#c4554d}
.detail-item{border-bottom:1px solid var(--line);padding:12px 0}.detail-item:last-child{border:0}.detail-item h4{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);margin:0 0 5px}.detail-item p{font-size:13px;line-height:1.45;margin:0}
.upside{background:var(--navy);color:#fff;padding:16px 18px;border-radius:7px;margin-bottom:4px}.upside strong{font-size:32px;line-height:1.1;color:var(--rose);display:block;margin:6px 0}.upside small{color:#c5d0e0;font-size:12px;display:block}.upside .label{color:var(--rose)}
.quote-v34{padding:17px 18px;background:var(--navy);color:white;border-radius:7px;margin:0 0 14px}.quote-v34 q{font:italic 22px/1.3 Newsreader,Georgia,serif;display:block}.quote-v34 small{display:block;color:#c8d0de;font-size:11px;margin-top:9px}
.insight-row{display:grid;grid-template-columns:minmax(0,1fr) 70px;gap:14px;align-items:center;padding:14px 16px}.insight-row .row-value{font-size:23px;text-align:right}.insight-row p{margin-top:6px;font-size:12px}.insight-row h4{font-size:15px}
.breakdowns{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:16px 18px}.breakdowns h4{font-size:12px;margin:0 0 10px}.mini-row{display:grid;grid-template-columns:1fr 45px;gap:8px;margin:8px 0;font-size:12px}.mini-row .track{grid-column:1 / -1;margin:0;height:5px}
.trend{display:flex;gap:8px;align-items:flex-end;height:42px;margin-top:10px}.trend span{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:30px;font-size:9px;color:var(--muted)}.trend i{display:block;width:10px;background:#8c9eb7;margin:2px auto}
.status-chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 13px}.status-chip{padding:5px 9px;background:#eef2f6;color:#51627b;border-radius:5px;font-size:11px}
.heatmap-scroll{overflow:auto;padding:14px 14px 0}.heatmap{display:grid;grid-template-columns:150px repeat(52,minmax(17px,1fr));gap:3px;min-width:1270px;align-items:center}
.heatmap .row-label{font-size:12px;font-weight:600;padding-right:8px}.heatmap button{font:11px Hanken,Arial,sans-serif;border:1px solid transparent;min-width:0;cursor:pointer;height:34px;padding:0;border-radius:3px;color:#293d56;background:#e8edf3}
.heatmap .col-label{height:28px;font-size:9px;background:transparent}.heatmap .kpi-cell{height:26px;font-size:9px;background:#f5f7fa}.heatmap .m1{background:#f6dedb;color:#a43f38}.heatmap .m2{background:#e5eaf1;color:#53647a}.heatmap .m3{background:#dceee5;color:#326b50}.heatmap .m4{background:#3d8b67;color:white}
.heatmap button.active-col{outline:2px solid #182941;outline-offset:-2px}.heatmap button.dim{opacity:.28}
.legend{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px;padding:12px 16px;color:var(--muted)}.legend i{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:-2px;margin-right:5px}.legend .m1{background:#f6dedb}.legend .m2{background:#e5eaf1}.legend .m3{background:#dceee5}.legend .m4{background:#3d8b67}
.salon-bottom{display:grid;grid-template-columns:.85fr 1.15fr 1fr;gap:14px;margin-top:14px}.salon-bottom .panel-content{padding:14px 18px}.salon-bottom .quote-v34{margin:0}.salon-bottom .detail-item{padding:8px 0}.salon-kpi{font-size:32px;font-weight:700;color:var(--blue-dark);line-height:1.1;margin:4px 0 8px}
.cluster-buttons{display:flex;gap:10px;margin-left:auto}.cluster-reset{border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);font:12px Hanken;padding:6px 10px;cursor:pointer}
button:focus-visible,select:focus-visible{outline:3px solid #58759e;outline-offset:2px}
.exit-groups{display:flex;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.exit-groups span{font-size:12px;color:#53647a}.exit-row{grid-template-columns:minmax(0,1fr) 80px}.exit-row .row-value{font-size:19px}
@media(max-width:767px){
 html,body{width:100%;height:auto;overflow:auto}main{height:auto;padding:20px 16px}.bar{height:auto;min-height:64px;padding:14px 16px;flex-wrap:wrap;gap:8px 18px}.bar .demo{width:100%;margin:0;font-size:9px}.intro{display:block}.intro h1{font-size:26px}.filter-row{margin:14px 0;flex-wrap:wrap}
 .metrics,.metrics.four{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:13px}.metric .value{font-size:27px}.metric h2{font-size:15px}.metric p{font-size:12px}.metric .label{font-size:9px}.report-grid,.report-grid.ai-layout,.salon-bottom{grid-template-columns:1fr}.heatmap-scroll{max-width:100%}.heatmap{min-width:1270px}.panel>header{flex-wrap:wrap}.breakdowns{gap:16px}.report-note{line-height:1.5}.quote-v34 q{font-size:21px}
}

/* Keep all five practice rows and the selected evidence inside the laptop screen */
.heatmap button{height:28px}
.salon-bottom .report-note{margin-top:6px}


/* v36: explicit, shared status meanings and room for translated report copy */
.meaning-key{display:flex;gap:18px;font-size:10px;color:var(--muted);margin:-3px 0 12px;flex-wrap:wrap}
.meaning-key i,.validation-status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
i.bad{background:#b34d45}i.good{background:#337959}i.neutral{background:#909cac}
.validation-status{font-size:11px;border-top:1px solid var(--line);padding-top:8px;margin-top:8px}
.validation-status p{margin:5px 0}.report-ai .detail-item{padding:9px 0}
.report-ai .upside strong{font-size:28px}.report-ai .choice{padding:12px 15px}
.report-salon .heatmap button{height:25px}.report-salon .salon-bottom .panel-content{padding:10px 14px}
.report-salon .status-chips{margin-bottom:6px}.report-salon .salon-bottom .report-note{font-size:10px;line-height:1.35}
.metric h2{font-size:17px;min-height:0}.report-pulse .metric p{font-size:12px}
@media(max-width:767px){.meaning-key{font-size:10px;gap:10px}.intro h1{font-size:24px}.metric h2{font-size:15px}.report-ai .upside strong{font-size:26px}}
@media(min-width:768px) and (max-width:1439px){html,body{width:100%;height:auto;overflow:auto}main{height:auto}.report-grid.ai-layout{grid-template-columns:1fr 1fr}.report-grid.ai-layout>.panel:last-child{grid-column:1 / -1}.heatmap-scroll{max-width:100%}.salon-bottom{grid-template-columns:1fr 1fr}.salon-bottom>.panel:last-child{grid-column:1 / -1}.intro h1{font-size:28px}.bar .study{max-width:55%}}