:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#20384f;background:#f7f9fb;--navy:#213c56;--gold:#f0b338;--green:#69a84d;--red:#ef614b;--line:#e3e8ee}*{box-sizing:border-box}body{margin:0}.top{min-height:56px;background:linear-gradient(110deg,#162e45,#294863);color:white;display:flex;justify-content:space-between;align-items:center;padding:10px max(20px,calc((100vw - 1510px)/2));gap:16px}.brand{display:flex;align-items:center;gap:10px}.brandmark{font-size:32px;color:var(--gold)}.brand strong{letter-spacing:.03em;font-size:18px}.brand small{display:block;font-size:9px;color:#d5e1e8}.tm{font-size:9px;vertical-align:super}.topright{display:flex;align-items:center;gap:18px;font-size:13px}.demopill{font-size:10px;border:1px solid #d4a644;color:#f9dba3;border-radius:20px;padding:6px 10px;letter-spacing:.08em}.main{max-width:1510px;margin:auto;padding:16px 18px 24px}.filters{display:flex;align-items:center;gap:20px;margin-bottom:13px;min-height:46px}.picker{display:flex;align-items:center;gap:15px;white-space:nowrap;font-size:12px;flex:1}.picker select{font:inherit;color:#1e3851;padding:11px 13px;border:1px solid #dce2e8;border-radius:6px;background:white;min-width:190px;max-width:300px;width:100%;box-shadow:0 2px 6px #192c4410}.metadata{display:flex;gap:0;flex:1.7;justify-content:center}.metadata>div{display:flex;align-items:center;gap:10px;padding:0 26px;border-right:1px solid #dce3e9}.metadata>div:last-child{border:0}.metadata small,.metadata strong{display:block;font-size:11px}.metadata small{color:#607487;margin-bottom:4px}.metaicon{font-size:26px;color:#5f7e9a}.download{padding:11px 18px;background:white;border:1px solid #a5b5c4;border-radius:6px;color:#25445e;font-size:12px;font-weight:700;cursor:pointer}.download:hover{background:#edf4f9}.layout{display:grid;grid-template-columns:minmax(235px,1fr) minmax(420px,2.1fr) minmax(215px,.83fr);gap:12px;align-items:stretch}.leftcol,.rightcol{display:flex;flex-direction:column;gap:11px}.panel{background:#fff;border:1px solid #e8edf1;border-radius:10px;box-shadow:0 2px 9px #1b334812;padding:15px}h3{margin:0 0 11px;text-transform:uppercase;color:#294765;font-size:12px;letter-spacing:.015em;font-weight:800}h2{margin:0}p{line-height:1.5}.scorepanel{text-align:center;min-height:244px}.scorepanel h3{font-size:11px}.gauge{width:170px;height:95px;margin:7px auto 1px;position:relative;overflow:hidden}.gauge:before{content:"";width:142px;height:142px;border:12px solid #e1e5e9;border-radius:50%;position:absolute;top:5px;left:14px;clip-path:inset(0 0 47% 0)}.gauge:after{content:"";width:142px;height:142px;border:12px solid var(--gauge-color,var(--gold));border-radius:50%;position:absolute;top:5px;left:14px;clip-path:polygon(0 0,100% 0,100% 50%,50% 50%,50% 100%,0 100%);transform:rotate(var(--gauge-rotation,0deg));transition:transform .35s}.gaugenum{position:absolute;bottom:0;left:0;right:0;z-index:1}.gaugenum strong{font-size:48px;line-height:1}.gaugenum span{font-size:22px;font-weight:750}.scorepanel h2{color:var(--gold);font-size:15px;text-transform:uppercase;margin:11px 0 5px}.scorepanel p{font-size:12px;margin:0 auto;max-width:210px}.breakdown{flex:1}.breakrow{display:flex;gap:8px;align-items:center;margin:10px 0}.symbol{width:27px;height:27px;flex:none;border-radius:50%;border:1px solid #b8c5d1;display:grid;place-items:center;color:#6b8294}.barbody{flex:1;min-width:0}.barhead{display:flex;justify-content:space-between;font-size:11px;margin-bottom:5px;gap:5px}.barhead strong{white-space:nowrap}.bar{height:7px;border-radius:10px;background:#e6e9ed;overflow:hidden}.bar>div{height:100%;transition:width .3s}.minidot{width:9px;height:9px;border-radius:50%}.distribution{min-height:125px}.distbar{display:flex;gap:5px;align-items:end;height:62px;padding:0 5px}.distitem{flex:1;text-align:center;font-size:10px}.distcol{height:var(--dist-height);background:var(--dist-color);min-height:3px;border-radius:3px 3px 0 0;margin:5px auto;width:70%}.distitem b,.distitem span{display:block}.distitem b{font-size:11px}.distitem span{font-size:9px;white-space:nowrap}.treepanel{display:flex;flex-direction:column}.sectiontitle{display:flex;gap:8px}.info{color:#63788b}.treestage{min-height:444px;position:relative;display:grid;grid-template-columns:25% 48% 27%;align-items:center}.treeimage{width:100%;height:375px;object-fit:contain;grid-column:2;mix-blend-mode:multiply}.treequotes{grid-column:1;grid-row:1;align-self:center;display:flex;flex-direction:column;gap:24px;z-index:2}.quote{font-size:11px;text-align:center;line-height:1.7;border:1px solid #e2d5be;border-radius:7px;padding:13px 7px;background:#fff}.qone{background:#eaf0f5;border-color:#cbd9e4}.treebadges{grid-column:3;grid-row:1;display:flex;flex-direction:column;gap:19px;z-index:2}.treebadge{padding:11px 6px;text-align:center;border:1px solid #65849f;border-radius:5px;background:#fff;font-size:10px;font-weight:700;min-width:0}.treebadge strong{display:block;font-size:18px;margin-top:4px}.legend{display:flex;border:1px solid #dbe2e9;border-radius:7px;margin-top:auto;padding:12px 2px;justify-content:space-around}.legend>div{flex:1;text-align:center;border-right:1px solid #e1e7eb;text-transform:uppercase;font-size:9px}.legend>div:last-child{border:0}.legend b{display:inline}.legend small{display:block;margin-top:5px;letter-spacing:.04em}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.red{background:var(--red)}.amber{background:var(--gold)}.green{background:var(--green)}.rightcol .meaning{min-height:275px}.accent{height:3px;width:32px;background:var(--gold);margin:2px 0 16px}.meaning p{font-size:12px}.quotefoot{font-size:11px;color:#60768b;background:#f5f7f9;border-radius:6px;padding:15px 11px;margin-top:16px}.explore{flex:1}.areaBtn{display:flex;align-items:center;width:100%;gap:8px;padding:9px 7px;background:#fff;border:1px solid #d4dce4;border-radius:5px;margin-bottom:7px;text-align:left;color:#2d4963;font-size:11px;cursor:pointer}.areaBtn:hover{background:#f0f5f9}.areaBtn span:first-child{border:1px solid #ccd8e1;border-radius:50%;width:24px;height:24px;display:grid;place-items:center}.areaBtn span:nth-child(2){flex:1}.hint{font-size:10px;color:#82909d;text-align:center}.bottom{margin-top:12px;display:grid;grid-template-columns:1.1fr 1.4fr .75fr;padding:10px 14px}.bottom-section{padding:0 20px;border-right:1px solid #d9e1e8;min-height:155px}.bottom-section:first-child{padding-left:5px}.bottom-section:last-child{padding-right:0;border:0}.bottom-section small{font-size:11px}.trendline{display:block;width:100%;max-height:120px}.insightcards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.insightcard{font-size:10px;line-height:1.5}.insightcard strong{display:block;margin-bottom:5px}.insightIcon{font-size:26px;color:#477196}.nextbox{background:linear-gradient(120deg,#eaf1f6,#e3ecf4);border-radius:7px;display:flex;align-items:center;gap:12px;padding:13px}.target{font-size:43px;color:#466c8d}.nextbox b{font-size:11px}.nextbox p{font-size:10px}.nextbox button,.modalbtn{background:#294c6a;color:#fff;padding:9px 25px;border:0;border-radius:4px;cursor:pointer}footer{text-align:center;color:#8795a4;font-size:10px;margin-top:15px}dialog{border:1px solid #dce4eb;border-radius:12px;box-shadow:0 20px 70px #0b22334f;padding:25px;max-width:450px;width:90%;color:#253e56}dialog::backdrop{background:#11253791}.close{float:right;border:0;background:transparent;font-size:24px;cursor:pointer}.modalnote{color:#647b8b;font-size:12px}.modalbtn{margin-top:12px}@media(max-width:1040px){.layout{grid-template-columns:1fr 2fr}.rightcol{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr}.metadata>div{padding:0 12px}.bottom{grid-template-columns:1fr 1fr}.steps{grid-column:1/-1;border-top:1px solid var(--line);padding:18px 0 0;margin-top:12px}.bottom .insight{border:0}}@media(max-width:700px){.main{padding:12px}.topright>span:first-child{display:none}.filters{flex-wrap:wrap}.picker{flex-basis:100%;justify-content:space-between}.metadata{justify-content:start;flex:1}.metadata>div{padding:0 10px}.download{width:100%}.layout,.rightcol,.bottom{display:flex;flex-direction:column}.treestage{grid-template-columns:29% 42% 29%;min-height:300px}.treeimage{height:280px}.quote{padding:7px 3px;font-size:8px}.treequotes{gap:9px}.treebadges{gap:8px}.treebadge{font-size:8px;padding:5px 3px}.treebadge strong{font-size:14px}.bottom-section{border:0;border-bottom:1px solid var(--line);padding:12px 0}.insightcards{gap:8px}.brand strong{font-size:14px}}@media print{body{background:white;-webkit-print-color-adjust:exact;print-color-adjust:exact}.top{background:#213c56!important}.filters .picker,.filters .download,.demopill,.explore button,.hint,footer,.steps button{display:none!important}.filters{justify-content:center}.metadata{flex:none}.main{padding:10px;max-width:none}.layout{grid-template-columns:22% 53% 25%;gap:6px}.panel{box-shadow:none;padding:9px}.treestage{min-height:370px}.treeimage{height:320px}.treebadges{gap:10px}.quote{font-size:9px}.legend{padding:8px 0}.legend>div{font-size:7px}.bottom{break-inside:avoid;grid-template-columns:1fr 1fr 1fr}.bottom-section{padding:0 10px}.bottom .steps{grid-column:auto;border:0;margin:0;padding:0}.explore .areaBtn{border:0;padding:3px 2px;margin:3px 0;display:flex!important}.explore .areaBtn::after{content:' — see individual coaching guidance';font-size:8px;color:#63788b}.rightcol .meaning{min-height:220px}@page{size:A4 landscape;margin:8mm}}

/* VERSION 0.2 — reference-inspired compact dashboard */
.main{max-width:1500px;padding-top:12px}
.layout{grid-template-columns:minmax(245px,1.05fr) minmax(500px,2.05fr) minmax(245px,.9fr);gap:10px}
.leftcol,.rightcol{gap:9px}
.panel{border-radius:8px;padding:13px}
.scorepanel{min-height:207px}
.scorepanel h3{margin-bottom:5px}
.gauge{width:170px;height:104px;overflow:visible;margin:6px auto 0;--score:68}
.gauge:before,.gauge:after{display:none}
.gauge{background:conic-gradient(from 270deg,var(--gauge-color,#f0b338) 0 calc(var(--score)*.5%),#e2e5e8 calc(var(--score)*.5%) 100%);border-radius:50%;width:134px;height:134px;clip-path:inset(0 0 48% 0);margin-bottom:-49px}
.gauge:before{display:block;content:'';position:absolute;inset:10px;background:#fff;border:0;clip-path:none;border-radius:50%;width:auto;height:auto;top:10px;left:10px}
.gaugenum{bottom:53px}
.gaugenum strong{font-size:40px}
.scorepanel h2{font-size:13px;margin:5px 0 3px}
.scorepanel p{font-size:11px}
.distribution{min-height:127px}
.distbar{height:88px;align-items:flex-end;gap:9px}
.distitem{height:100%;display:flex;flex-direction:column;justify-content:flex-end;min-width:0}
.distitem b{font-size:10px}
.distcol{flex:none;max-height:60px;height:var(--dist-height);min-height:3px;width:72%;margin:4px auto 3px}
.distitem span{font-size:9px;white-space:normal;min-height:20px}
.treepanel{min-height:480px}
.treestage{min-height:400px;grid-template-columns:24% 48% 28%}
.treeimage{height:345px;mix-blend-mode:multiply}
.treequotes{gap:12px}
.quote{font-size:10px;padding:12px 7px}
.treebadges{gap:13px}
.treebadge{font-size:9px;padding:9px 3px}
.treebadge strong{font-size:17px}
.legend{padding:11px 3px}
.explore{flex:1;min-height:295px}
.steps{min-height:155px}
.nextbox{padding:13px 11px}
.nextbox p{margin:8px 0;font-size:10px}
.nextbox button{font-size:10px}
@media(max-width:1050px){.layout{grid-template-columns:minmax(220px,1fr) minmax(410px,2fr)}.rightcol{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.treepanel{min-height:475px}.steps{min-height:unset}}
@media(max-width:700px){.layout,.rightcol{display:flex;flex-direction:column}.treepanel{min-height:0}.treestage{grid-template-columns:28% 43% 29%;min-height:300px}.treeimage{height:260px}.gauge{margin-bottom:-49px}.rightcol{gap:9px}}
@media print{.layout{grid-template-columns:24% 51% 25%;gap:6px}.rightcol{display:flex;flex-direction:column;grid-column:auto}.scorepanel{min-height:180px}.treepanel{min-height:0}.treestage{min-height:310px}.treeimage{height:285px}.explore{min-height:220px}.steps{min-height:115px}.distbar{height:75px}.panel{padding:9px}.nextbox{padding:6px}.target{font-size:25px}.nextbox button{display:none}.gauge{transform:scale(.8);transform-origin:top center;margin-bottom:-64px}.treestage .quote{font-size:8px}.treebadge{padding:5px 2px;font-size:8px}.treebadge strong{font-size:13px}@page{size:A4 landscape;margin:8mm}}