/* Isolated direction samples. Content, controls, charts and major geometry inherit v0.27. */
html[data-design=classic] body{ }
html:not([data-design=classic]) .page-shell{position:relative;isolation:isolate}
html:not([data-design=classic]) .group{position:relative;isolation:isolate;overflow:hidden}
html:not([data-design=classic]) .metric-value{font-variant-numeric:tabular-nums}
html:not([data-design=classic]) :is(.group-frequency,.group-scope){border:1px solid transparent}
html:not([data-design=classic]) .metric:hover{background:transparent}
/* 01: editorial vermilion, rice paper, equestrian mark. */
html[data-design=horse] body{--ink:#412c26;--muted:#716054;--line:#cbb79e;--paper:#faf5e9;background:#e8ddd0;color:var(--ink)}
html[data-design=horse] .page-shell{background:radial-gradient(ellipse at 88% 0,#d7b87b25,transparent 36%),repeating-linear-gradient(0deg,#ad977106 0 1px,transparent 1px 4px),#faf5e9;box-shadow:0 0 45px #61382b20}
html[data-design=horse] .masthead{border-bottom:4px double #933829;background:linear-gradient(90deg,#f2e6d1,transparent 55%),url('/assets/ppt-horse.png') no-repeat 73% 25%;background-size:auto,78px auto}
html[data-design=horse] .brand-line h1{color:#792c27;font-family:'Songti SC','STSong',serif;font-weight:900;text-shadow:0 1px #fff}
html[data-design=horse] .brand-line p{color:#916330}html[data-design=horse] .brand-divider{border-color:#ae7952}
html[data-design=horse] .dashboard-grid .group:nth-child(n){background:linear-gradient(145deg,#fffdf8,#faf4e9);border:1px solid #d4c0a4;border-radius:3px;box-shadow:0 4px 14px #7a422609,inset 0 3px #aa3b2e}
html[data-design=horse] .group:after{content:'';position:absolute;width:72px;height:72px;right:8px;bottom:8px;border:1px solid #b1834922;border-radius:50%;box-shadow:inset 0 0 0 8px #fff9;z-index:-1;pointer-events:none}
html[data-design=horse] .group-head{border-color:#cdb390}
html[data-design=horse] .group-title{color:#76342a;font-weight:800;border-color:#c8a47a}
html[data-design=horse] .group-number{color:#a63d2d;font-family:Georgia,serif;font-style:italic}
html[data-design=horse] :is(.group-frequency,.group-scope){background:#f4e6cf;color:#705135;border-color:#dec7a4;border-radius:2px}
html[data-design=horse] .metric-top h4{color:#50362d;font-weight:700}
html[data-design=horse] :is(.metric-period,.metric-more,.metric-aux,.person-button,.person-button span:nth-child(2)){color:#6e5946}
html[data-design=horse] :is(input,select,.light-button){background:#fffdf7;color:#5d3b2b;border-color:#c1a882;border-radius:2px}
html[data-design=horse] .view-nav{border-color:#cdb59a}html[data-design=horse] .view-nav button.active{color:#8b312b;border-color:#a64032}
html[data-design=horse] .track{background:#e6dfd0;border-radius:1px}html[data-design=horse] .is-winner{background:linear-gradient(90deg,#f4e0b0,transparent)}
html[data-design=horse] .winner-caption{background:#ad7627;color:#fff8e6}
/* 02: dark engineering panels, cyan circuitry, precise numerals. */
html[data-design=tech] body{--ink:#e2edf3;--muted:#b0c4d3;--line:#39566b;--paper:#0f1c2a;background:#080f18;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
html[data-design=tech] .page-shell{background:radial-gradient(ellipse at 90% -10%,#2bcdd529,transparent 42%),linear-gradient(90deg,#6ba4c707 1px,transparent 1px),linear-gradient(#6ba4c707 1px,transparent 1px),#0f1c2a;background-size:auto,40px 40px,40px 40px,auto;box-shadow:0 0 45px #0006}
html[data-design=tech] .masthead{border-bottom:4px double #44b8c7;background:linear-gradient(120deg,transparent 62%,#29d3e321 62.1%,transparent 62.4%,transparent 66%,#29d3e321 66.1%,transparent 66.4%)}
html[data-design=tech] .brand-line h1{color:#e4f8ff;font-family:-apple-system,'PingFang SC',sans-serif;letter-spacing:.04em;font-weight:800}
html[data-design=tech] .brand-line p{color:#77d5da}html[data-design=tech] .brand-divider{border-color:#4b7181}html[data-design=tech] .person-button{color:#e3f4fc}html[data-design=tech] .person-button span:nth-child(2){color:#b2c9d7}
html[data-design=tech] .dashboard-grid .group:nth-child(n){background:linear-gradient(135deg,#1c3042,#132638);border:1px solid #426477;border-radius:3px;box-shadow:inset 0 1px #7196ab29,0 5px 14px #0002}
html[data-design=tech] .group:before{content:'';position:absolute;left:0;top:0;width:22px;height:9px;border-top:2px solid #64e0e5;border-left:2px solid #64e0e5;pointer-events:none}
html[data-design=tech] .group:after{content:'';position:absolute;right:0;bottom:0;width:22px;height:9px;border-bottom:2px solid #64e0e5;border-right:2px solid #64e0e5;pointer-events:none}
html[data-design=tech] .group-head{border-color:#527080}html[data-design=tech] .group-title{font-family:-apple-system,'PingFang SC',sans-serif;font-weight:750;color:#e4f6ff;border-color:#547789}
html[data-design=tech] .group-number{font-family:'SF Mono',Menlo,monospace;color:#74dbe2;font-size:21px;letter-spacing:-.06em}
html[data-design=tech] :is(.group-frequency,.group-scope){background:#203c50;color:#bee9ee;border-color:#496777;border-radius:2px}
html[data-design=tech] :is(.metric-top h4,.project-label,.metric-value,.detail-head h2){color:#e5f0f7}
html[data-design=tech] .metric-value{font-family:'SF Mono',Menlo,monospace;font-size:16px;letter-spacing:-.04em}
html[data-design=tech] :is(.metric-period,.metric-more,.metric-aux,.date-controls label,.home-heading p,footer){color:#acc9db;border-color:#496979}
html[data-design=tech] .metric,.metric-shell{border-color:#456375}html[data-design=tech] .track{background:#2d4252;border-radius:2px;box-shadow:inset 0 1px 3px #0005}
html[data-design=tech] .fill.blue{background:linear-gradient(90deg,#2d7bb9,#68b3e4)!important;box-shadow:inset 0 1px #b3e3ff55}html[data-design=tech] .fill.orange{background:linear-gradient(90deg,#b17732,#f0ba68)!important;box-shadow:inset 0 1px #fff1bf66}
html[data-design=tech] .is-winner{background:linear-gradient(90deg,#70581e44,transparent)}html[data-design=tech] .winner-caption{background:#f0c574;color:#35291a;box-shadow:none}
html[data-design=tech] :is(input,select,.light-button){background:#182e40;color:#e5f1f8;border-color:#537284;border-radius:3px}
html[data-design=tech] .view-nav{border-color:#425f73}html[data-design=tech] .view-nav button{color:#adc4d5}html[data-design=tech] .view-nav button.active{color:#85e0e6;border-color:#6dd6dc}
html[data-design=tech] .demo-disclosure{background:#353222;color:#ead7a7;border-color:#82754b}
html[data-design=tech] :is(.detail-project-table,.trend-section,.report-form,.rw-sheet,.detail-card){background:#182c3c;border-color:#527184;color:#e5f1f8}
html[data-design=tech] :is(th,td){background:#192e3e!important;color:#d7e8f3!important;border-color:#486575!important}
html[data-design=tech] :is(.composition-total-row,.composition-row-total){background:#4c4730!important;color:#ffdea3!important}
/* 03: botanical linework, soft paper surfaces and warm green typography. */
html[data-design=forest] body{--ink:#294b3e;--muted:#62766a;--line:#b1c7b6;--paper:#f4f7ee;background:#e3ebe2;color:var(--ink);font-family:-apple-system,'PingFang SC',sans-serif}
html[data-design=forest] .page-shell{background:radial-gradient(ellipse at 96% 2%,#a9c5a13d,transparent 33%),radial-gradient(ellipse at 0 80%,#c2d8b326,transparent 30%),#f4f7ee;box-shadow:0 0 45px #35523a17}
html[data-design=forest] .masthead{border-bottom:4px double #799c7e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 280 80'%3E%3Cg fill='none' stroke='%236d9869' stroke-width='1.2' opacity='.35'%3E%3Cpath d='M10 82Q100 45 266 4M85 58Q56 2 120 25Q123 48 85 58M145 36Q150 75 201 61Q187 32 145 36M194 20Q178 -9 235 8Q222 25 194 20M87 56L117 26M149 37L197 59M197 20L231 9'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:74% center;background-size:230px auto}
html[data-design=forest] .brand-line h1{color:#2d5840;font-family:-apple-system,'PingFang SC',sans-serif;font-weight:750;letter-spacing:.03em}html[data-design=forest] .brand-line p{color:#668047}html[data-design=forest] .brand-divider{border-color:#a1b591}
html[data-design=forest] .dashboard-grid .group:nth-child(n){background:linear-gradient(145deg,#fffefa,#f5f8f0);border:1px solid #baceba;border-radius:12px 3px 12px 3px;box-shadow:0 5px 15px #3e5b3010,inset 0 2px #fff}
html[data-design=forest] .group:after{content:'';position:absolute;width:55px;height:55px;right:-22px;bottom:-20px;border:1px solid #8dab753b;border-radius:70% 0 70% 0;transform:rotate(-15deg);pointer-events:none;z-index:-1}
html[data-design=forest] .group-head{border-color:#b5ccb5}html[data-design=forest] .group-title{color:#315744;font-family:-apple-system,'PingFang SC',sans-serif;font-weight:650;border-color:#9db697}
html[data-design=forest] .group-number{font-family:Georgia,serif;font-style:italic;color:#719268}
html[data-design=forest] :is(.group-frequency,.group-scope){background:#e5eedc;color:#4b6345;border-color:#c9d8c0;border-radius:8px 2px 8px 2px}
html[data-design=forest] :is(.metric-top h4,.metric-value,.project-label){color:#294e3d}html[data-design=forest] .metric-value{font-family:-apple-system,'PingFang SC',sans-serif;font-weight:650}
html[data-design=forest] :is(.metric-period,.metric-more,.metric-aux,.date-controls label,.person-button,.person-button span:nth-child(2)){color:#54705b}
html[data-design=forest] .track{background:#dde7d9;border-radius:7px}html[data-design=forest] .fill{border-radius:7px}
html[data-design=forest] .is-winner{background:linear-gradient(90deg,#eee2b7,transparent)}html[data-design=forest] .winner-caption{background:#bb9841;color:#fffdf2}
html[data-design=forest] :is(input,select,.light-button){background:#fcfef8;color:#345a43;border-color:#a7c19f;border-radius:6px}
html[data-design=forest] .view-nav{border-color:#adc4a8}html[data-design=forest] .view-nav button.active{color:#376547;border-color:#618957}
@media(max-width:680px){html:not([data-design=classic]) .masthead{background-image:none}html[data-design=tech] .metric-value{font-size:15px}html[data-design=horse] .brand-line h1{font-family:'Songti SC',serif}}
/* Authorized business wording shared by the three drafts; not a theme change. */
.frequency-with-note{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.25}
.denom-note{font-size:10px;font-weight:400;white-space:nowrap;opacity:.95}
html body .group-head{min-height:38px;align-items:center}
html[data-design=tech] body .metric-project .project-label.winner{color:#e8f3fc!important}
html[data-design=tech] body .quality-cohort-label{background:#203c50;color:#bee9ee;border:1px solid #496777}
html[data-design=tech] body .group-head .group-frequency{color:#bee9ee}
html[data-design=tech] body .date-controls small{color:#acc9db}
[data-metric=students] .fill{position:relative}
.student-inset{position:absolute;left:0;top:5px;height:4px;background:#fff9;border-right:2px solid #fff;box-shadow:0 1px 1px #14314244;pointer-events:none}
.student-count-tooltip{position:fixed;z-index:300;width:290px;padding:9px 11px;border:1px solid #92aba8;border-radius:5px;background:#fffffc;color:#244637;font:12px/1.5 system-ui;box-shadow:0 5px 18px #112d3329}
[data-metric=students] .track:focus-visible{outline:2px solid #b88736;outline-offset:3px}
/* Shared aligned header height accommodates two-line scope without moving a column alone. */
html body .group-head{min-height:50px}
html[data-design=horse] .masthead{background-image:linear-gradient(90deg,#f2e6d1,transparent 55%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 88'%3E%3Cg fill='none' stroke='%2390352c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' opacity='.65'%3E%3Cpath d='M32 71Q37 48 51 39L70 29L76 9L84 24L96 20L103 8L105 29L123 43L128 55L116 60L102 49L97 65L79 78M43 69Q47 51 63 47M64 42Q73 45 77 57L72 72M72 30Q56 22 43 37M60 26Q39 26 33 47M80 78L98 82M105 41L106 43'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,128px auto;background-position:0 0,73% center}
@media(max-width:680px){html[data-design=horse] .masthead{background-image:none}}
html[data-design=horse] .masthead{background-image:linear-gradient(90deg,#f2e6d1,transparent 55%),url('/assets/horse-v28.png');background-size:auto,128px auto;background-position:0 0,73% center;background-repeat:no-repeat}
@media(max-width:680px){html[data-design=horse] .masthead{background-image:none}}

/* Integrate the year theme through paper and brush colors instead of a floating mascot. */
html[data-design="horse"] .masthead{background-image:none!important;background-color:transparent!important}html[data-design="horse"] .masthead:after{display:none!important}