@font-face{font-family:MSStudySans;src:url('assets/ms-sr-source-sans.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
*{box-sizing:border-box}[hidden]{display:none!important}
:root{color-scheme:light;--page:#f3f6f9;--paper:#fff;--ink:#233446;--muted:#53677b;--line:#d3dfe9;--accent:#285e91;--soft:#e6eef6;--bar:#172b40;--bar-ink:#e4ecf4}
body{margin:0;background:var(--page);color:var(--ink);font:16px/1.6 MSStudySans,system-ui,sans-serif}
body[data-palette=default]{--page:#f6f5f1;--paper:#fff;--ink:#202b32;--muted:#5c6b73;--line:#dce2e5;--accent:#126477;--soft:#eaf0f2;--bar:#1e3039;--bar-ink:#e7f0f3}
body[data-palette=paper]{--page:#f7f4ee;--paper:#fffdf8;--ink:#363530;--muted:#69665e;--line:#e1dcd1;--accent:#52636e;--soft:#eeebe3;--bar:#2b3033;--bar-ink:#e8e5de}
body[data-palette=slate]{--page:#f5f5f3;--paper:#fff;--ink:#2d3338;--muted:#606970;--line:#d9dde0;--accent:#4a6174;--soft:#e9ecee;--bar:#242a30;--bar-ink:#e3e6e8}
body[data-theme=dark]{color-scheme:dark;--page:#19232e;--paper:#213140;--ink:#d1dce7;--muted:#afc2d3;--line:#3b4e60;--accent:#9cc9ee;--soft:#293d50;--bar:#111d29;--bar-ink:#d1dce7}
body[data-theme=dark][data-palette=paper]{--page:#262624;--paper:#31312d;--ink:#dfded5;--muted:#b7b4a7;--line:#4e504b;--accent:#b5c5cf;--soft:#3b3e3b;--bar:#1e211f;--bar-ink:#d6d8d0}
body[data-theme=dark][data-palette=slate]{--page:#20252a;--paper:#292f35;--ink:#d7dce0;--muted:#abb5bd;--line:#434d55;--accent:#b0c5d5;--soft:#343d45;--bar:#181d22;--bar-ink:#cbd3d9}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer;color:inherit}button,a,input,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}img{display:block;max-width:100%;height:auto}p,h1,h2,h3{margin:0}h1,h2,h3{line-height:1.18;letter-spacing:-.02em;font-weight:650}button{border:0;background:none}svg{display:block}p{line-height:1.65}.wrap{width:min(1440px,100% - 64px);margin-inline:auto}.muted{color:var(--muted)}
.study-toolbar{position:relative;z-index:40;display:flex;align-items:center;gap:24px;justify-content:space-between;padding:11px 24px;background:#182127;color:#e7edf0;border-bottom:1px solid #3a4852;font-size:13px}.study-toolbar>div{display:flex;gap:12px;align-items:center}.study-toolbar>div>span{color:#bdc9d1}.study-toolbar nav{display:flex;gap:5px}.study-toolbar button{padding:7px 10px;border-radius:3px;color:inherit;white-space:nowrap}.study-toolbar button[aria-current],.study-toolbar button:hover{background:#34434d}.study-flow{padding:20px max(24px,calc((100vw - 1200px)/2));background:var(--paper);border-bottom:1px solid var(--line)}.study-flow .flow-content{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:center}.study-flow svg{width:100%;max-width:600px;height:auto}.study-flow rect{fill:var(--soft);stroke:var(--line)}.study-flow text{fill:var(--ink);font:15px MSStudySans,sans-serif}.study-flow path{fill:none;stroke:var(--accent);stroke-width:2}.study-flow marker path{fill:var(--accent);stroke:none}.study-flow p{font-size:14px}.study-flow small{display:block;margin-top:10px;color:var(--muted)}
.network-row{border-bottom:1px solid var(--line);background:var(--soft)}.network-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:35px;font-size:12px}.parent-brand{display:inline-flex;align-items:center;gap:8px;font-size:17px;font-weight:600;letter-spacing:-.04em}.parent-brand svg{width:26px;height:28px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.network-note{color:var(--muted)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:25px;position:relative}.site-name{display:flex;align-items:center;gap:14px;min-width:0}.site-name strong{font-size:clamp(27px,3vw,42px);line-height:1.12;letter-spacing:-.04em;display:block;font-weight:650}.site-name small{display:block;margin-top:7px;font-size:12px;color:var(--muted)}.site-name img{width:40px;height:40px;object-fit:contain;flex:none}.brand-controls{display:flex;align-items:center;gap:20px;flex:none}.tone-button{width:30px;height:34px;padding:4px}.tone-button svg,.scheme-chevron{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}.scheme-picker{position:relative;z-index:30;font-size:13px}.scheme-picker summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer;white-space:nowrap;padding:7px 0}.scheme-picker summary::-webkit-details-marker{display:none}.scheme-chevron{width:14px;height:14px}.scheme-picker[open] .scheme-chevron{transform:rotate(90deg)}.scheme-options{position:absolute;right:0;top:calc(100% + 8px);min-width:185px;padding:7px;background:var(--paper);box-shadow:0 8px 24px #0002;border-radius:4px}.scheme-options button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:9px 11px;font-size:14px;text-align:left}.scheme-options button:hover,.scheme-options button[aria-checked=true]{background:var(--soft)}.scheme-options button[aria-checked=true]::after{content:'✓';color:var(--accent)}.rgb{display:flex;gap:2px}.rgb i{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent)}.rgb i:nth-child(2){opacity:.65}.rgb i:nth-child(3){opacity:.4}.war-mark{width:25px;height:29px;display:grid;grid-template-rows:1fr 1fr;transform:skewY(-10deg);flex:none}.war-mark:before{content:'';background:#3775b9}.war-mark:after{content:'';background:#f4d04d}.navigation{background:var(--bar);color:var(--bar-ink)}.nav-inner{display:flex;align-items:center;gap:25px;min-height:53px}.main-nav{display:flex;align-items:center;gap:27px;font-size:14px}.main-nav a{padding:15px 0;white-space:nowrap}.main-nav a:hover,.main-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px}.search{margin-left:auto;display:flex;align-items:center;min-width:220px;width:320px;border-bottom:1px solid currentColor}.search input{min-width:0;flex:1;padding:8px 0;background:transparent;color:inherit;border:0;font-size:14px}.search input::placeholder{color:inherit;opacity:.9}.search button{font-size:21px;padding:1px 0 3px 10px}.masthead-b{padding-block:21px}.masthead-c{padding-block:24px}.masthead-c .site-name strong{font-family:Georgia,serif;font-weight:600;font-size:clamp(28px,3.3vw,44px)}.masthead-c .parent-brand{font-size:19px}.masthead-c .site-name{margin-inline:auto}
.page{padding-block:29px 55px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px;border-top:2px solid var(--ink);padding-top:14px}.section-heading h2{font-size:25px}.section-heading a{font-size:13px;white-space:nowrap}.page-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:24px}.page-intro h1{font-size:25px}.page-intro p{font-size:13px;color:var(--muted)}.kicker{display:block;margin-bottom:9px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:650}.story{min-width:0;display:flex;flex-direction:column}.photo{display:grid;place-items:center;aspect-ratio:16/10;overflow:hidden;background:transparent;margin-bottom:16px}.photo img{width:100%;height:100%;object-fit:contain;background:transparent;transition:transform .3s}.photo:hover img{transform:scale(1.015)}.story h2,.story h3{font-size:23px}.story h2 a:hover,.story h3 a:hover{text-decoration:underline;text-underline-offset:4px}.story .summary{font-size:15px;margin-top:12px;color:var(--ink)}.meta{font-size:12px;font-weight:500;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:15px}.meta time::before{content:'·';margin-right:10px}.story-compact h3{font-size:19px}.story-compact .photo{aspect-ratio:16/9;margin-bottom:12px}.story-compact .summary{display:none}.story-text{border-top:1px solid var(--line);padding-top:15px}.story-text+.story-text{margin-top:19px}.story-text h3{font-size:20px}.story-text .summary{font-size:14px;margin-top:9px}.story-text .meta{margin-top:10px}.story-lead h2{font-size:clamp(28px,3vw,39px)}.story-lead .summary{max-width:70ch}.story-horizontal{display:grid;grid-template-columns:140px minmax(0,1fr);gap:18px}.story-horizontal .photo{aspect-ratio:4/3;margin:0;grid-row:1/5}.story-horizontal h3{font-size:20px}.story-horizontal .summary{display:none}.story-horizontal .meta{margin-top:9px}
.overview-lead{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.9fr) minmax(0,.7fr);gap:30px;padding-bottom:32px}.overview-side{display:grid;align-content:start;gap:23px;border-inline:1px solid var(--line);padding-inline:25px}.brief-panel{padding-top:1px}.brief-panel>h2{font-size:23px;margin-bottom:20px}.brief-panel .story-text:first-of-type{border-top:0;padding-top:0}.brief-panel .story-text h3{font-size:20px}.brief-panel .story-text .summary{display:none}.overview-second{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:40px;margin-top:20px}.section-stack{display:grid;gap:24px}.topic-pair{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:38px}.topic-pair .story+.story{margin-top:25px}.text-band{margin-top:34px;background:var(--soft);padding:25px 29px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px}.text-band .story-text{margin:0;border-top:0;padding:0}.text-band .story-text+.story-text{border-left:1px solid var(--line);padding-left:28px}.text-band .summary{font-size:14px}
.section-hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:42px;align-items:start;padding-block:3px 32px}.section-hero .story-lead h2{font-size:clamp(28px,3.1vw,43px)}.section-hero .photo{margin:0;aspect-ratio:16/10}.section-hero .summary{font-size:17px}.section-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:20px}.section-columns>section+section{border-left:1px solid var(--line);padding-left:28px}.section-columns .story-text h3{font-size:21px}.section-columns .section-heading h2{font-size:25px}.section-feature{display:grid;grid-template-columns:1.4fr .8fr;gap:40px;margin-top:40px}.note-block{background:var(--soft);padding:28px}.note-block h2{font-size:27px}.note-block p{margin-top:12px}.note-block .story-text{margin-top:20px}.rubric-rail{display:flex;flex-wrap:wrap;gap:12px 24px;padding-block:18px;border-block:1px solid var(--line);font-size:14px;font-weight:600;margin-top:30px}
.journal-top{display:grid;grid-template-columns:1.45fr 1fr 1fr;gap:27px;align-items:start;padding-bottom:29px}.journal-top>.story+.story{border-left:1px solid var(--line);padding-left:25px}.journal-top .story-lead h2{font-family:Georgia,serif;font-size:clamp(27px,3vw,37px);font-weight:600}.journal-top .photo{aspect-ratio:16/10}.journal-top .story:not(.story-lead) h3{font-size:24px}.journal-middle{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;margin-top:30px}.editorial-text{background:var(--soft);padding:29px}.editorial-text h2{font-family:Georgia,serif;font-size:30px;line-height:1.24;letter-spacing:-.02em}.editorial-text p{font-size:17px;margin-top:16px}.journal-stack{display:grid;gap:24px}.journal-bottom{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:37px}.journal-bottom .story-horizontal+.story-horizontal{margin-top:25px}
.feed-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px}.feed-items{display:grid;grid-template-columns:1fr 1fr;gap:30px}.feed-items .story{border-top:1px solid var(--line);padding-top:20px}.feed-aside>h2{font-size:24px;margin-bottom:18px}.feed-aside a{display:block;border-bottom:1px solid var(--line);padding:12px 0}.empty{font-size:20px;padding-block:30px}.site-footer{border-top:1px solid var(--line);background:var(--soft);padding-block:30px 20px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.footer-brand{display:flex;align-items:center;gap:12px;font-weight:650}.footer-brand img{width:28px;height:28px;object-fit:contain}.war-clock{padding-block:20px;border-block:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:30px}.war-clock strong{display:block;font-variant-numeric:tabular-nums;font-size:22px}.war-clock span{font-size:13px;color:var(--muted)}.war-clock h2{font-size:14px;letter-spacing:.07em;margin-bottom:7px}.technical{text-align:center;font-size:12px;color:var(--muted);margin-top:20px}.technical p+p{margin-top:5px}.technical a{text-decoration:underline;text-underline-offset:3px}
dialog{width:min(720px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:7px;padding:30px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#0008}.dialog-close{position:absolute;right:10px;top:7px;font-size:26px}.dialog-close+div{padding-top:10px}dialog h2{font-size:29px;margin-bottom:18px}dialog img{width:100%;max-height:300px;object-fit:contain;margin-block:20px}.fragment-note{font-size:13px;margin-top:24px;padding-top:15px;border-top:1px solid var(--line);color:var(--muted)}
@media(min-width:1550px){.wrap{width:min(1440px,100% - 96px)}.overview-lead{gap:36px}}
@media(max-width:1100px){.study-toolbar{flex-wrap:wrap;gap:8px 20px}.study-toolbar>div{flex:1 0 100%}.overview-lead{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.brief-panel{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid var(--line);padding-top:20px}.brief-panel>h2{grid-column:1/-1;margin:0}.brief-panel .story-text{margin:0;padding:0;border:0}.overview-side{border-right:0;padding-right:0}.journal-top{grid-template-columns:1.3fr 1fr}.journal-top>.story:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.journal-top>.story:last-child .photo{grid-row:1/5}.feed-grid{grid-template-columns:1fr}.feed-aside{display:flex;flex-wrap:wrap;gap:8px 22px;border-top:1px solid var(--line);padding-top:20px}.feed-aside h2{flex:1 0 100%}.feed-aside a{border:0;padding:5px 0}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.masthead{padding-block:22px}.brand-controls{gap:10px}.network-note{display:none}.main-nav{gap:20px}.nav-inner{gap:18px;flex-wrap:wrap;padding-block:4px}.search{width:auto;flex:1;min-width:200px}.overview-lead,.section-hero,.journal-top{gap:24px}.overview-side{padding-left:21px}.overview-second,.section-feature,.journal-middle{gap:28px}.story-horizontal{grid-template-columns:110px minmax(0,1fr)}.section-columns{grid-template-columns:1fr 1fr;gap:25px}.section-columns>section:last-child{grid-column:1/-1;border-left:0;padding-left:0}.text-band{grid-template-columns:1fr 1fr}.text-band .story:last-child{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.study-flow .flow-content{grid-template-columns:1fr}.masthead-c>.parent-brand{display:none}.journal-middle .editorial-text{padding:23px}.editorial-text h2{font-size:26px}}
@media(max-width:600px){.wrap{width:calc(100% - 32px)}.study-toolbar{padding:10px 12px;font-size:12px;gap:7px}.study-toolbar>div>span{display:none}.study-toolbar nav{gap:0}.study-toolbar button{padding:7px 8px}.study-toolbar #flow-toggle{margin-left:auto}.network-inner{min-height:32px}.parent-brand{font-size:16px}.site-name{gap:10px}.site-name strong{font-size:27px}.site-name small{font-size:11px;max-width:220px}.site-name img{width:30px;height:30px}.masthead{align-items:flex-start;gap:16px;flex-wrap:wrap;padding-block:18px}.brand-controls{margin-left:auto;gap:13px}.scheme-picker{font-size:12px}.tone-button{width:26px;height:28px}.war-mark{display:none}.masthead-c .site-name{margin:0}.main-nav{gap:23px;font-size:14px}.nav-inner{gap:0}.main-nav a{padding-block:12px}.search{flex:1 0 100%;min-width:0;width:100%;margin:0 0 8px}.search input{padding-block:8px}.page{padding-top:24px}.page-intro p{display:none}.page-intro h1{font-size:22px}.overview-lead,.overview-second,.topic-pair,.section-hero,.section-columns,.section-feature,.journal-top,.journal-middle,.journal-bottom,.feed-items{grid-template-columns:minmax(0,1fr)}.story-lead h2,.section-hero .story-lead h2{font-size:30px}.overview-side{padding:22px 0 0;border:0;border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:20px}.overview-side .story h3{font-size:19px}.overview-side .photo{aspect-ratio:4/3}.brief-panel{display:block;padding-top:24px}.brief-panel>h2{margin-bottom:20px}.brief-panel .story+.story{margin-top:17px}.overview-second,.topic-pair,.section-feature,.journal-middle,.journal-bottom{gap:28px}.section-heading{margin-bottom:20px}.text-band{grid-template-columns:1fr;padding:22px;margin-top:27px;gap:20px}.text-band .story-text+.story-text{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.text-band .story:last-child{grid-column:auto}.section-hero .photo{grid-row:2}.section-hero .summary{font-size:16px}.section-columns>section+section,.section-columns>section:last-child{border-left:0;padding-left:0;grid-column:auto}.section-columns>section+.section-heading{margin-top:15px}.journal-top>.story+.story,.journal-top>.story:last-child{border-left:0;border-top:1px solid var(--line);padding:22px 0 0;display:grid;grid-template-columns:110px minmax(0,1fr);gap:14px}.journal-top>.story+.story .photo{grid-row:1/5;aspect-ratio:4/3;margin:0}.journal-top>.story:not(.story-lead) h3{font-size:21px}.journal-top>.story:not(.story-lead) .summary{display:none}.journal-top>.story:not(.story-lead) .meta{margin:3px 0 0}.footer-main{align-items:flex-start}.footer-main .muted{display:none}.war-clock{grid-template-columns:1fr;gap:18px}.war-clock strong{font-size:21px}.technical{font-size:11px}.feed-items{gap:25px}.story-horizontal{grid-template-columns:100px minmax(0,1fr);gap:15px}}
.story-leadtop>.photo{margin-top:18px;aspect-ratio:16/9}.story-leadtop>.story-copy:last-child .summary{margin-top:0}
.brief-panel .story-brief .summary,.story-brief .summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.6;margin-top:9px}
.story-brief .meta time:first-child::before{content:none;margin:0}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Owner review: authorial blog, readable metadata, unified footer. */
a:hover,a:focus-visible,.story h2 a:hover,.story h3 a:hover,.technical a,.main-nav a:hover,.main-nav a[aria-current]{text-decoration:none;color:var(--accent)}
.story h2 a,.story h3 a,.editorial-text h2 a,.section-heading a,.technical a{color:var(--accent)}
.main-nav a:hover,.main-nav a[aria-current]{color:var(--bar-ink);font-weight:650}
.meta,.page-intro p,.network-note,.technical,.fragment-note{font-weight:600}
body:not([data-theme=dark]) .meta,body:not([data-theme=dark]) .page-intro p,body:not([data-theme=dark]) .technical{color:var(--ink)}
.footer-bottom{display:grid;grid-template-columns:190px minmax(0,1fr) 130px;align-items:end;gap:24px}
.footer-bottom>.parent-brand{justify-self:end}
.footer-brand{padding-bottom:2px;font-size:16px;line-height:1.25}
.war-clock{display:block;border:0;padding:0;text-align:center;min-width:0}
.war-clock>h2{font-size:15px;font-weight:650;letter-spacing:.06em;margin:0 0 12px}
.war-clock-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.war-clock strong{font-size:22px;white-space:nowrap}
.war-clock span{display:block;font-size:15px;font-weight:600;line-height:1.4;color:var(--ink);margin-top:5px}
.technical{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}
@media(max-width:1100px){.footer-bottom{grid-template-columns:1fr 1fr;gap:18px}.footer-bottom>.war-clock{grid-column:1/-1;grid-row:1}.footer-bottom>.footer-brand{grid-column:1;grid-row:2}.footer-bottom>.parent-brand{grid-column:2;grid-row:2}.war-clock-pair{max-width:700px;margin-inline:auto}}
@media(max-width:600px){.war-clock-pair{grid-template-columns:1fr;gap:20px}.war-clock span{font-size:15px}.footer-brand{font-size:14px;gap:8px}.footer-bottom{gap:20px 12px}.footer-bottom>.parent-brand{font-size:16px}.technical{font-size:12px}}

/* Shared menu above the site title; owner's subtitle stays with the name. */
.nav-inner{gap:24px;flex-wrap:wrap;padding-block:8px}.navigation .parent-brand{flex:none;color:var(--bar-ink)}
.navigation .brand-controls{gap:14px;margin-left:0}.navigation .search{width:260px;min-width:180px;flex:1;max-width:320px}
.navigation .scheme-options{color:var(--ink)}.navigation .main-nav{gap:22px}.navigation .main-nav a{padding-block:8px}
.masthead{padding-block:24px}.site-name .site-subtitle{font-size:15px;font-weight:600;letter-spacing:0;max-width:none;margin-top:10px;color:var(--ink)}
@media(max-width:1100px){.navigation .search{margin-left:auto}.navigation .brand-controls{margin-left:auto}.navigation .main-nav{flex:1}}
@media(max-width:600px){.nav-inner{gap:10px 16px}.navigation .parent-brand{order:0}.navigation .brand-controls{order:1;margin-left:auto}.navigation .main-nav{order:2;flex:1 0 100%;justify-content:space-between;gap:12px}.navigation .search{order:3;flex:1 0 100%;width:100%;max-width:none;margin-bottom:0}.site-name .site-subtitle{font-size:14px;line-height:1.45}.masthead{padding-block:20px}}

/* D: overview opening, journal-style author block and varied lower sections. */
.mixed-middle{margin-top:26px;align-items:start}.mixed-middle .editorial-text{padding:26px}
.mixed-topics{margin-top:36px}.mixed-topics .story-horizontal{grid-template-columns:150px minmax(0,1fr)}
.mixed-reading{margin-top:38px}.mixed-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;align-items:start}
.mixed-cards>.story{background:var(--soft);padding:23px;border:0;margin:0}.mixed-cards .story-compact h3{font-size:21px}
.mixed-ending{margin-top:32px}.mixed-ending>.story{max-width:760px}.study-toolbar nav{flex-wrap:wrap}
@media(max-width:800px){.mixed-cards{grid-template-columns:1fr 1fr}.mixed-cards>.story:last-child{grid-column:1/-1}.mixed-topics .story-horizontal{grid-template-columns:110px minmax(0,1fr)}}
@media(max-width:600px){.mixed-cards{grid-template-columns:minmax(0,1fr)}.mixed-cards>.story:last-child{grid-column:auto}.mixed-middle .editorial-text{padding:22px}.mixed-topics .story-horizontal{grid-template-columns:100px minmax(0,1fr)}.study-toolbar nav{flex:1 0 100%}}

/* Selected A/D, two-level navigation and the established Fasol wordmark. */
@font-face{font-family:MSStudyFasol;src:url('assets/ms-sr-fasol.otf') format('opentype');font-display:swap}
.parent-brand{font:20px/1 MSStudyFasol,sans-serif;letter-spacing:0;gap:7px;transition:transform .3s ease;transform-origin:left center;color:var(--ink)}
.parent-brand svg{width:34px;height:40px;flex:none;stroke:var(--accent)}
.parent-brand>span{background:linear-gradient(135deg,var(--ink),var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
@media(hover:hover){.parent-brand:hover{transform:scale(1.05)}}
@media(prefers-reduced-motion:reduce){.parent-brand{transition:none}.parent-brand:hover{transform:none}}
.utility-strip{background:var(--soft);border-bottom:1px solid var(--line)}
.utility-row{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:56px;padding-block:8px}
.utility-tools{display:flex;align-items:center;gap:24px;margin-left:auto;min-width:0}
.utility-tools .search{width:210px;min-width:0;max-width:230px;flex:0 1 210px;margin:0}
.utility-tools .search input{font-size:14px;padding-block:5px}.utility-tools .search button{font-size:20px}
.utility-tools .brand-controls{margin:0;gap:16px}.utility-tools .scheme-options{color:var(--ink)}
.navigation .main-nav{justify-content:center;gap:38px;min-height:45px}.navigation .main-nav a{padding-block:10px}
.masthead{padding-right:100px}.war-ribbon{position:absolute;right:0;top:0;width:76px;height:76px}.war-ribbon img{width:76px;height:76px;object-fit:contain}
.study-reserve{position:relative;font-size:13px}.study-reserve summary{cursor:pointer;list-style:none;padding:7px 10px}.study-reserve[open] summary{background:#34434d}.study-reserve>div{position:absolute;top:100%;right:0;background:#182127;padding:8px;min-width:150px;z-index:50;box-shadow:0 5px 15px #0003}.study-reserve button{display:block;width:100%;text-align:left}
@media(max-width:800px){.utility-row{gap:18px}.utility-tools{gap:16px}.utility-tools .search{width:170px;flex-basis:170px}.utility-tools .brand-controls{gap:10px}}
@media(max-width:600px){.utility-row{flex-wrap:wrap;gap:8px 16px}.utility-row>.parent-brand{font-size:20px}.utility-tools{display:contents}.utility-tools .brand-controls{order:1;margin-left:auto}.utility-tools .search{order:2;flex:1 0 100%;width:100%;max-width:none}.navigation .main-nav{gap:22px;justify-content:center;font-size:14px;flex-wrap:wrap}.navigation .main-nav a{padding-block:8px}.masthead{padding-right:64px}.war-ribbon,.war-ribbon img{width:52px;height:52px}.site-name strong{font-size:26px}.site-name .site-subtitle{font-size:13px}.study-toolbar nav{flex:0 1 auto}.study-reserve{margin-left:auto}.study-toolbar #flow-toggle{margin-left:0}.footer-bottom .parent-brand{font-size:20px}}
.mixed-middle .story-horizontal .photo,.mixed-topics .story-horizontal .photo,.mixed-ending .story-horizontal .photo{grid-row:auto;align-self:start}

/* D review: one generous text panel beside an illustrated card, no staircase. */
.mixed-reading-pair{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:28px;align-items:stretch}
.mixed-text-panel,.mixed-picture-panel{background:var(--soft);padding:26px;min-width:0}
.mixed-text-panel{display:flex;flex-direction:column;justify-content:space-between;gap:22px}
.mixed-text-panel>.story{margin:0;padding:0;border:0}.mixed-text-panel>.story+.story{padding-top:22px;border-top:1px solid var(--line)}
.mixed-text-panel .story h3{font-size:24px;line-height:1.25}.mixed-text-panel .summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;margin-top:10px;line-height:1.6}
.mixed-text-panel .meta{margin-top:10px}.mixed-picture-panel .photo{aspect-ratio:16/10;margin-bottom:16px}.mixed-picture-panel .story h3{font-size:23px}
@media(max-width:800px){.mixed-reading-pair{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.mixed-text-panel,.mixed-picture-panel{padding:22px}.mixed-text-panel .story h3{font-size:21px}}
@media(max-width:600px){.mixed-reading-pair{grid-template-columns:minmax(0,1fr)}.mixed-text-panel{gap:22px}.mixed-text-panel .story h3,.mixed-picture-panel .story h3{font-size:22px}}

/* Compact, same-colour two-level navigation; native TEST archive in two columns. */
.utility-strip,.navigation{background:var(--soft);color:var(--ink)}.utility-strip{border-bottom:0}.navigation{border-bottom:1px solid var(--line)}
.utility-row{min-height:0;padding-block:2px}.utility-row>.parent-brand svg{height:34px;width:30px}.utility-tools .search input{padding-block:2px}.utility-tools .search{width:190px;flex-basis:190px}.utility-tools .brand-controls .tone-button{height:30px}.utility-tools .scheme-picker summary{padding-block:3px}
.navigation .main-nav{gap:23px;min-height:39px;flex-wrap:wrap;font-size:14px}.navigation .main-nav>a{padding-block:7px}.navigation .main-nav a:hover,.navigation .main-nav a[aria-current]{color:var(--accent)}
.nav-dropdown{position:relative;z-index:25}.nav-dropdown summary{cursor:pointer;list-style:none;padding-block:7px;white-space:nowrap}.nav-dropdown summary::after{content:' ▾';font-size:11px}.nav-dropdown>div{position:absolute;top:100%;left:0;min-width:205px;max-width:280px;background:var(--paper);padding:8px;box-shadow:0 6px 18px #0002}.nav-dropdown a{display:block;padding:8px 10px;white-space:normal}.nav-dropdown a:hover{background:var(--soft)}
.native-study-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 30px}.native-study-archive>.breadcrumb,.native-study-archive>h1,.native-study-archive>.archive-years,.native-study-archive>.archive-filter,.native-study-archive>.result-count,.native-study-archive>.result-tag,.native-study-archive>.pagination,.native-study-archive>.empty{grid-column:1/-1}
.native-study-archive>h1{font-size:32px}.breadcrumb{font-size:14px;font-weight:600}.archive-years{display:flex;flex-wrap:wrap;gap:8px}.archive-years a,.pagination a{padding:7px 13px;border:1px solid var(--line);border-radius:4px;color:var(--accent);background:var(--paper);font-weight:600}.archive-years a[aria-current],.pagination a[aria-current]{background:var(--accent);color:var(--paper);border-color:var(--accent)}
.archive-filter{display:grid;grid-template-columns:2fr 1.3fr .9fr 1.2fr auto;gap:14px;align-items:end;background:var(--soft);padding:20px}.archive-filter label{display:grid;gap:6px;font-size:14px;font-weight:600;min-width:0}.archive-filter input,.archive-filter select{width:100%;min-width:0;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:9px 10px;font:inherit;border-radius:3px}.archive-filter button{background:var(--accent);color:var(--paper);padding:10px 16px;border-radius:3px;font-weight:600;white-space:nowrap}.result-count{font-weight:600}
.native-study-archive .feed-row{display:flex;flex-direction:column;background:var(--soft);padding:23px;min-width:0;gap:18px}.native-study-archive .feed-photo{order:-1;aspect-ratio:16/9;display:grid;place-items:center;background:transparent}.native-study-archive .feed-photo img{width:100%;height:100%;object-fit:contain}.native-study-archive .feed-copy h2{font-size:25px;margin-block:8px 12px}.native-study-archive .feed-copy h2 a,.eyebrow{color:var(--accent)}.native-study-archive .feed-copy p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.05em}.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:15px}.pagination a{min-width:40px;text-align:center}.native-study-archive .meta{font-size:13px}
@media(max-width:1000px){.archive-filter{grid-template-columns:2fr 1fr 1fr}.archive-filter label:first-child{grid-column:1/-1}.navigation .main-nav{gap:8px 20px}.nav-dropdown>div{left:auto;right:0}}
@media(max-width:600px){.utility-row{padding-block:2px;gap:2px 12px}.utility-tools .search{flex-basis:100%;padding-bottom:3px}.navigation .main-nav{gap:0 18px;font-size:13px}.navigation .main-nav>a,.nav-dropdown summary{padding-block:7px}.native-study-archive{grid-template-columns:minmax(0,1fr);gap:22px}.archive-filter{grid-template-columns:1fr 1fr;padding:16px}.archive-filter label:first-child,.archive-filter button{grid-column:1/-1}.native-study-archive .feed-copy h2{font-size:23px}.nav-dropdown>div{position:fixed;left:16px;right:16px;top:auto;max-width:none;min-width:0}.native-study-archive>.feed-row{padding:20px}}

.brief-panel{border-top:1px solid var(--line);padding-top:16px}.brief-panel>h2{line-height:1.25}


/* D ending: a wider highlighted story and useful rubric tiles, no repeated rail. */
.mixed-ending-filled{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px;align-items:start}
.mixed-ending-filled>.story{max-width:none;background:var(--soft);padding:26px;grid-template-columns:minmax(130px,.8fr) minmax(0,1fr);gap:22px}
.mixed-ending-filled>.story .photo{grid-row:auto;align-self:start}.mixed-ending-filled>.story h3{font-size:23px}.ending-rubrics{min-width:0}.ending-rubrics h2{font-size:23px;margin-bottom:17px}.ending-rubrics nav{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ending-rubrics a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:var(--soft);color:var(--accent);font-weight:600;min-height:55px}.ending-rubrics a:hover{background:var(--paper)}
@media(max-width:800px){.mixed-ending-filled{gap:22px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.mixed-ending-filled>.story{display:flex;padding:22px}.mixed-ending-filled>.story .photo{width:100%;aspect-ratio:16/9}.ending-rubrics nav{grid-template-columns:1fr}}
@media(max-width:600px){.mixed-ending-filled{grid-template-columns:minmax(0,1fr)}.ending-rubrics nav{grid-template-columns:1fr 1fr}.ending-rubrics a{padding:13px;min-height:52px}.mixed-ending-filled>.story h3{font-size:22px}}

/* Owner review: a distinct, spacious site masthead; light palette only gradient. */
.site-masthead{border-bottom:1px solid var(--line);background:var(--page)}
body:not([data-theme=dark]) .site-masthead{background:linear-gradient(180deg,var(--soft) 0%,var(--page) 100%)}
.site-masthead .masthead{padding-block:50px 46px}.site-masthead .site-subtitle{margin-top:12px}
@media(max-width:600px){.site-masthead .masthead{padding-block:36px 32px}.site-masthead .site-subtitle{margin-top:10px}}

/* Owner adjustment: the two left cards match; all column gaps share one value. */
.site-masthead{position:relative}.site-masthead .masthead{position:static}.site-masthead .war-ribbon{left:0;right:auto;top:0;transform:rotate(-90deg)}
.mixed-final-columns{--card-gap:28px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:var(--card-gap);align-items:stretch}
.mixed-left-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--card-gap);min-width:0}
.mixed-right-stack{display:flex;flex-direction:column;gap:var(--card-gap);min-width:0}
.mixed-left-card{background:var(--soft);padding:24px;min-height:235px;display:flex;align-items:start;min-width:0}
.mixed-left-card>.story{width:100%;border:0;padding:0;margin:0}.mixed-left-card .story h3{font-size:24px;line-height:1.25}.mixed-left-card .summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:15px;line-height:1.6;margin-top:12px}.mixed-left-card .meta{margin-top:14px}
.mixed-left-video .story-horizontal{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}.mixed-left-video .photo{grid-row:auto;align-self:start;aspect-ratio:4/3}.mixed-left-video .story h3{font-size:23px}
.mixed-right-stack .mixed-picture-panel{padding:24px}.mixed-right-stack .ending-rubrics{margin:0}
@media(max-width:800px){.mixed-final-columns{--card-gap:22px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.mixed-left-card{padding:22px}.mixed-left-video .story-horizontal{display:flex;gap:14px}.mixed-left-video .photo{width:100%;aspect-ratio:16/9}.mixed-left-card .story h3{font-size:21px}.mixed-left-card{min-height:220px}}
@media(max-width:600px){.mixed-final-columns{grid-template-columns:minmax(0,1fr)}.mixed-left-stack{grid-template-rows:auto}.mixed-left-card{min-height:0}.mixed-left-video .story-horizontal{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px}.mixed-left-video .photo{aspect-ratio:4/3}.mixed-left-card .story h3{font-size:22px}}

.mixed-left-card .story-horizontal{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}.mixed-left-card .story-horizontal .photo{grid-row:auto;align-self:start;aspect-ratio:4/3}.mixed-left-card .story-horizontal .summary{display:none}
@media(max-width:800px){.mixed-left-card .story-horizontal{display:flex;gap:14px}.mixed-left-card .story-horizontal .photo{width:100%;aspect-ratio:16/9}}
@media(max-width:600px){.mixed-left-card .story-horizontal{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px}.mixed-left-card .story-horizontal .photo{aspect-ratio:4/3}}

.rubric-page-heading{margin:22px 0 28px}.rubric-page-heading h1{font-size:32px}.rubric-demo-note{font-size:14px;color:var(--muted);margin-top:12px;max-width:75ch}.rubric-page .feed-items>.story{background:var(--soft);padding:24px}.rubric-page .feed-items .story h3{font-size:25px}.rubric-page .summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.rubric-page .photo{aspect-ratio:16/9}.rubric-page .breadcrumb{font-weight:600}
@media(max-width:600px){.rubric-page .feed-items>.story{padding:20px}.rubric-page-heading h1{font-size:28px}.rubric-page .feed-items .story h3{font-size:23px}}

/* Rubric titles are the navigation; a short line grows from their final letters. */
.section-heading h2 .section-title-link,.brief-panel h2 .section-title-link{display:inline;position:relative;color:var(--ink);font:inherit;white-space:normal;text-decoration:none}
.section-title-link::after{content:'';position:absolute;right:-18px;bottom:-6px;width:2.8em;border-bottom:1px solid var(--accent)}
.section-title-arrow{position:absolute;right:-18px;bottom:-8px;width:5px;height:5px;border-top:1px solid var(--accent);border-right:1px solid var(--accent);transform:rotate(45deg)}
.section-heading h2 .section-title-link:hover,.brief-panel h2 .section-title-link:hover{color:var(--accent)}
.section-heading:has(.section-title-link){padding-bottom:8px}.brief-panel>h2:has(.section-title-link){padding-right:20px;padding-bottom:8px}

/* Rubric link affordance: palette text shift, warm pointer; keyboard parity. */
body{--rubric-pointer-hover:#aa4035}body[data-theme=dark]{--rubric-pointer-hover:#ffb29e}
body[data-palette=paper]{--rubric-pointer-hover:#974327}body[data-theme=dark][data-palette=paper]{--rubric-pointer-hover:#f1bd8c}
.section-title-link{transition:color .16s ease}.section-title-link::after,.section-title-arrow{transition:border-color .16s ease}
.section-heading h2 .section-title-link:is(:hover,:focus-visible),.brief-panel h2 .section-title-link:is(:hover,:focus-visible){color:var(--accent)}
.section-title-link:is(:hover,:focus-visible)::after,.section-title-link:is(:hover,:focus-visible) .section-title-arrow{border-color:var(--rubric-pointer-hover)}
.section-title-link::after{border-bottom-width:1.5px}.section-title-arrow{width:6px;height:6px;border-top-width:1.5px;border-right-width:1.5px;bottom:-8.5px}
@media(prefers-reduced-motion:reduce){.section-title-link,.section-title-link::after,.section-title-arrow{transition:none}}

/* Quiet title, visible route cue on pointer or keyboard focus. */
.section-title-text{transition:opacity .18s ease}.section-heading h2 .section-title-link:is(:hover,:focus-visible),.brief-panel h2 .section-title-link:is(:hover,:focus-visible){color:var(--ink)}
.section-title-link:is(:hover,:focus-visible) .section-title-text{opacity:.68}
.section-title-arrow{opacity:0;transition:opacity .18s ease,border-color .18s ease}.section-title-link:is(:hover,:focus-visible) .section-title-arrow{opacity:1;border-color:var(--rubric-pointer-hover)}
.section-title-hint{display:none;position:absolute;left:calc(100% + 28px);bottom:-14px;white-space:nowrap;font:600 13px/1.35 MSStudySans,sans-serif;letter-spacing:0;color:var(--rubric-pointer-hover);pointer-events:none}
.section-title-link:is(:hover,:focus-visible) .section-title-hint{display:inline-block}
.brief-panel .section-title-hint{left:auto;right:0;bottom:-31px}.brief-panel>h2:has(.section-title-link){margin-bottom:38px}
@media(prefers-reduced-motion:reduce){.section-title-text,.section-title-arrow{transition:none}.section-title-hint.animation-fade{animation:none}}

/* D working design: restrained light cards and complete rubric tiles. */
body:not([data-theme=dark]) :is(.editorial-text,.mixed-left-card,.mixed-picture-panel,.rubric-page .feed-items>.story,.native-study-archive .feed-row){background:linear-gradient(145deg,var(--paper) 0%,var(--soft) 100%)}
.ending-rubrics a{border-left:3px solid var(--accent);border-radius:3px;padding-left:14px}
body:not([data-theme=dark]) .ending-rubrics a{background:linear-gradient(115deg,var(--paper),var(--soft))}
body:not([data-theme=dark]) .ending-rubrics a:hover{background:linear-gradient(115deg,var(--soft),var(--paper))}
.page::after{content:'';display:block;width:min(420px,65%);height:1px;margin:36px auto 0;background:var(--line)}.site-footer{border-top:0}
.site-masthead .war-ribbon{width:76px;height:76px;left:0;right:auto;top:0;transform:none}.site-masthead .war-ribbon img{width:76px;height:76px}
@media(max-width:600px){.site-masthead .war-ribbon,.site-masthead .war-ribbon img{width:52px;height:52px}.ending-rubrics a{padding-left:12px}}

/* Working D: shared Parfum UI stack and restrained, consistent editorial scale. */
:root{--sr-ui:'Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,Arial,sans-serif;--sr-card-title:20px;--sr-section-title:20px}
body{font-family:var(--sr-ui);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body #site :is(h1,h2,h3){font-family:var(--sr-ui);font-weight:500;letter-spacing:0;line-height:1.4}
body #site .page-intro h1{font-size:18px;font-weight:400}.page-intro{margin-bottom:22px}
body #site .section-heading h2,body #site .ending-rubrics h2{font-size:var(--sr-section-title);font-weight:500}
body #site .story :is(h2,h3),body #site .editorial-text h2{font-size:var(--sr-card-title);font-weight:500;line-height:1.4}
body #site .story-lead h2{font-size:27px;line-height:1.35}.story .summary,.editorial-text p{font-size:15px;line-height:1.8}
body #site .site-name strong{font-family:var(--sr-ui);font-size:32px;font-weight:500;letter-spacing:-.025em}.site-name .site-subtitle{font-size:14px;font-weight:400}
.meta{font-size:12px;font-weight:400}.meta a{font-weight:400}.kicker,.eyebrow{font-weight:500}.section-heading{border-top-width:1px}
.overview-side .story-copy{min-width:0}.editorial-text{padding:25px}.brief-panel{container-type:inline-size}
body #site .brief-panel>h2{font-size:18px;font-weight:500;line-height:1.35;margin-bottom:35px;padding-bottom:0}
.brief-title-main{display:block;font-size:18px;font-weight:500}.brief-title-tail{display:block;font-size:14px;font-weight:400;line-height:1.5}
@container(min-width:340px){.brief-title-main,.brief-title-tail{display:inline;font-size:18px;font-weight:500}}
.section-heading h2 .section-title-link,.brief-panel h2 .section-title-link{display:inline-block;white-space:nowrap}
.section-title-link::after{display:none;content:none}.section-title-arrow,.section-title-hint{display:none!important}
.section-title-text{transition:opacity .65s ease}.section-title-link:is(:hover,:focus-visible) .section-title-text{opacity:.3}
.section-route-cue{display:none;position:absolute;left:0;top:100%;align-items:center;gap:19px;white-space:nowrap;color:var(--rubric-pointer-hover);font:400 12px/1.4 var(--sr-ui);letter-spacing:0;pointer-events:none}
.section-title-link:is(:hover,:focus-visible) .section-route-cue{display:inline-flex}
.route-rule{display:block;width:49px;height:1px;background:currentColor;position:relative;flex:none}
.route-rule::after{content:'';position:absolute;right:0;top:-2px;width:4px;height:4px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.section-heading:has(.section-title-link){padding-bottom:12px}.section-route-cue.animation-slow{animation-duration:1.5s}
.utility-row>.parent-brand{width:145px;flex:none}.utility-tools .scheme-picker{width:190px;flex:none}.utility-tools .scheme-picker summary{width:190px;min-height:28px;justify-content:flex-start}
.utility-tools .tone-button{width:30px;flex:none}.utility-tools .search{width:200px;flex:0 0 200px}.utility-tools{gap:24px}.utility-tools .brand-controls{gap:14px}
.scheme-options{border:1px solid var(--line);box-shadow:0 7px 24px #00000014;border-radius:5px}.scheme-options button{font:400 14px/1.5 var(--sr-ui);border-radius:3px;transition:background .2s,color .2s}.scheme-picker[open] .scheme-options,.nav-dropdown[open]>div{animation:animationfade .3s both}
.main-nav>a,.nav-dropdown>summary{position:relative;font-family:var(--sr-ui);font-size:14px;font-weight:400;transition:color .2s;white-space:nowrap}
.main-nav>a::after,.nav-dropdown>summary::before{content:'';position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:center;transition:transform .32s cubic-bezier(.2,.8,.3,1.3)}
.main-nav>a:is(:hover,:focus-visible,[aria-current])::after,.nav-dropdown:is(:hover,[open])>summary::before,.nav-dropdown>summary:focus-visible::before{transform:scaleX(1)}
.navigation .main-nav a[aria-current]{font-weight:400}.navigation .main-nav{gap:25px}.nav-dropdown>div{border:1px solid var(--line);border-radius:4px}.nav-dropdown a{font-size:14px;font-weight:400;transition:background .2s,color .2s}.nav-dropdown summary{font-weight:400}
.info-page{max-width:1000px;margin-inline:auto}.info-page>h1{font-size:28px;margin:24px 0}.info-page-content{font-size:16px;line-height:1.85}.info-page-content :is(p,div,blockquote,ul,ol){margin-block:14px}.info-page-content :is(h2,h3){margin-block:24px 15px}.info-page-content a{color:var(--accent)}.info-page-content hr{border:0;border-top:1px solid var(--line);margin-block:22px}.info-page-content blockquote{border-left:3px solid var(--accent);padding-left:22px}
.technical{font-size:12px;font-weight:400}.native-study-archive .feed-copy h2{font-size:21px;font-weight:500}
html[data-sr-theme=light][data-sr-palette=blue] body{--page:#f4f5f6;--paper:#fff;--soft:#eaf0f4;--ink:#293742;--muted:#586773;--line:#d7e0e6;--accent:#345f7f}
html[data-sr-theme=light][data-sr-palette=default] body{--page:#f5f4f1;--paper:#fff;--soft:#edf0ef;--ink:#303b3b;--muted:#606c6b;--line:#dbe0dd;--accent:#306976}
html[data-sr-theme=light][data-sr-palette=paper] body{--page:#f7f1eb;--paper:#fffdf9;--soft:#f0e8df;--ink:#382e2d;--muted:#6b5d5b;--line:#ded3c8;--accent:#795d43}
html[data-sr-theme=light][data-sr-palette=slate] body{--page:#f4f4f2;--paper:#fff;--soft:#e9ecee;--ink:#30373c;--muted:#626b71;--line:#d9dfe2;--accent:#526978}
html[data-sr-theme=dark] body{--page:#212a33;--paper:#293641;--soft:#2b3b48;--ink:#dbe3e9;--muted:#b1bfca;--line:#445562;--accent:#acd0e7;color-scheme:dark}
html[data-sr-theme=dark][data-sr-palette=paper] body{--page:#282724;--paper:#33322d;--soft:#3a3932;--ink:#e3dfd4;--muted:#c2baaa;--line:#57564b;--accent:#d9c29c}
html[data-sr-theme=dark][data-sr-palette=slate] body{--page:#252a2e;--paper:#30383e;--soft:#353e45;--ink:#dfe4e7;--muted:#b7c1c7;--line:#4d5961;--accent:#bdd0dc}
@media(max-width:800px){.utility-tools{gap:16px}.utility-tools .search{width:165px;flex-basis:165px}.navigation .main-nav{gap:8px 20px}}
@media(max-width:600px){body{--sr-card-title:19px;--sr-section-title:19px}.utility-row>.parent-brand{width:120px;font-size:20px}.utility-tools .scheme-picker,.utility-tools .scheme-picker summary{width:160px}.utility-tools .brand-controls{gap:10px}.utility-tools .search{width:100%;flex:1 0 100%}body #site .site-name strong{font-size:27px}.site-name .site-subtitle{font-size:13px}body #site .story-lead h2{font-size:24px}body #site .page-intro h1{font-size:17px}.section-route-cue{font-size:11px;gap:17px}.route-rule{width:43px}.navigation .main-nav{font-size:13px;gap:0 17px}.main-nav>a,.nav-dropdown>summary{font-size:13px}}
@media(prefers-reduced-motion:reduce){.section-title-text,.main-nav>a,.main-nav>a::after,.nav-dropdown>summary::before,.nav-dropdown a{transition:none}.section-route-cue.animation-fade,.scheme-picker[open] .scheme-options,.nav-dropdown[open]>div{animation:none}}

/* Match Parfum's actual brand metrics and menu rhythm; search lives in Archive. */
.wrap{width:min(1440px,100% - 100px)}.site-navigation{background:var(--page)}
.sr-header-row{display:flex;align-items:center;gap:28px;min-height:76px;padding-block:18px}
.sr-header-row>.parent-brand{position:relative;display:flex;align-items:center;flex:0 0 100px;height:40px;padding:0;gap:0;font:20px/1 MSStudyFasol,sans-serif;letter-spacing:0}
.sr-header-row>.parent-brand svg{position:absolute;left:-48px;top:0;width:40px;height:40px}
.sr-header-row>.parent-brand>span{display:block;line-height:1}
.site-navigation .main-nav{flex:1;justify-content:center;align-items:center;gap:20px;min-height:40px;flex-wrap:nowrap}
.site-navigation .main-nav>a,.site-navigation .nav-dropdown>summary{font-size:15px;font-weight:500;line-height:1.5;padding:7px 0}
.site-navigation .main-nav>a[aria-current]{font-weight:500}.site-navigation .utility-tools{flex:none;margin-left:0;gap:0}
.site-navigation .scheme-picker,.site-navigation .scheme-picker summary{width:178px}.site-navigation .brand-controls{gap:14px}.site-navigation .tone-button{width:24px;height:30px;padding:3px}.site-navigation .tone-button svg{width:18px;height:18px}
.admin-menu-icon{display:grid;place-items:center;flex:none;width:20px}.admin-menu-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.4}
@media(max-width:1250px){.sr-header-row{flex-wrap:wrap;gap:8px 24px}.site-navigation .utility-tools{margin-left:auto}.site-navigation .main-nav{order:3;flex:1 0 100%;flex-wrap:wrap;gap:4px 22px}}
@media(max-width:800px){.wrap{width:calc(100% - 64px)}.sr-header-row>.parent-brand svg{left:-30px;width:24px;height:24px;top:8px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.sr-header-row{padding-block:18px 12px;gap:8px 12px}.sr-header-row>.parent-brand{flex-basis:110px;font-size:18px;height:40px}.sr-header-row>.parent-brand svg{left:-20px;top:12px;width:16px;height:16px}.site-navigation .scheme-picker,.site-navigation .scheme-picker summary{width:156px}.site-navigation .brand-controls{gap:10px}.site-navigation .main-nav{gap:2px 20px}.site-navigation .main-nav>a,.site-navigation .nav-dropdown>summary{font-size:15px}.site-navigation .utility-tools{display:flex}}

/* The cue starts under the last three letters and extends by roughly one letter. */
.section-route-cue{left:calc(100% - 1.6em);top:100%;font:inherit;line-height:1;gap:6px}
.route-rule{width:2.2em;height:1px}.route-label{font:400 10.5px/1.4 var(--sr-ui);white-space:nowrap}
body #site .brief-panel>h2{font-size:17px}.brief-title-main{display:block;font-size:17px;font-weight:500}.brief-title-tail{display:block;font-size:14px;font-weight:400}
.brief-panel .section-route-cue{left:calc(100% - 2.1em)}.brief-panel .route-rule{width:2.7em}
@container(min-width:360px){.brief-title-main,.brief-title-tail{display:inline;font-size:17px;font-weight:500}.brief-panel .section-route-cue{left:calc(100% - 1.6em)}.brief-panel .route-rule{width:2.2em}}
@media(max-width:600px){.section-route-cue{gap:6px}.route-rule{width:2.2em}.route-label{font-size:10px}.brief-panel .route-rule{width:2.7em}}

/* Same icons, rounded menus and clear dropdown hover as Parfum. */
.rgb-icon{width:18px;height:18px;flex:none}.scheme-chevron{width:12px;height:12px;flex:none}
.site-navigation .scheme-picker summary{gap:6px}.scheme-options,.nav-dropdown>div{border-radius:5px;box-shadow:0 7px 24px #00000014;padding:8px;border:1px solid var(--line)}
.site-navigation .nav-dropdown>summary:is(:hover,:focus-visible),.site-navigation .nav-dropdown[open]>summary{color:var(--accent)}
.tone-button svg{stroke-width:1.5}.admin-top-link{font:400 12px/1.5 var(--sr-ui);color:var(--muted);white-space:nowrap}.admin-top-link:hover{color:var(--accent)}
.site-navigation{position:relative}.site-navigation>.war-ribbon{position:absolute;left:0;right:auto;top:0;width:36px;height:36px;transform:none;z-index:2}.site-navigation>.war-ribbon img{width:36px;height:36px}
/* A hairline directly under the last letters; slow, gentle reveal. */
.section-route-cue{top:calc(100% - .55em)}.route-rule{height:.6px}.route-rule::after{width:3px;height:3px;top:-1.2px;border-width:.6px}
.section-title-text{transition:opacity 1s ease}.section-route-cue.animation-slow{animation-duration:1.8s}
/* Restore the tall, image-backed war counter; keep technical footer compact. */
.sr-war-feature{background:linear-gradient(#07101c91,#07101cba),url('assets/ms-sr-war-background.webp') center/cover no-repeat;color:#d5e4ef;text-align:center;padding:44px 0 52px;min-height:570px}
body #site .sr-war-feature h2{font:400 24px/1.4 var(--sr-ui);letter-spacing:.035em;margin-bottom:32px;color:inherit}
.sr-war-feature-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}.sr-war-feature-item{display:flex;flex-direction:column;align-items:center;font-variant-numeric:tabular-nums}
.sr-war-feature-item strong{font:400 clamp(54px,5vw,68px)/1.15 var(--sr-ui)}.sr-war-feature-item>[data-war-unit]{font-size:20px;margin-top:3px}.sr-war-feature-item>[data-war-time]{font-size:22px;letter-spacing:.04em;margin-top:8px}.sr-war-feature-item p{font-size:17px;line-height:1.6;margin-top:14px;color:inherit}
.site-footer{padding-block:20px;background:var(--page)}.footer-compact{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:25px;align-items:center}
.footer-stoprasha{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:17px;font-weight:500;color:var(--ink)}.footer-stoprasha img{width:26px;height:26px;object-fit:contain}
.footer-compact .technical{border:0;margin:0;padding:0;font:400 11px/1.7 var(--sr-ui)}.footer-compact>.parent-brand{justify-self:end}.footer-compact .technical p+p{margin-top:4px}
@media(max-width:1000px){.footer-compact{grid-template-columns:1fr 1fr;gap:15px}.footer-compact .technical{grid-column:1/-1;grid-row:2}.footer-compact>.parent-brand{grid-column:2;grid-row:1}}
@media(max-width:600px){.sr-war-feature{padding:36px 0 44px;min-height:0}.sr-war-feature-grid{gap:32px}body #site .sr-war-feature h2{font-size:20px}.sr-war-feature-item strong{font-size:52px}.sr-war-feature-item p{font-size:15px}.sr-war-feature-item>[data-war-time]{font-size:20px}.footer-stoprasha{font-size:16px}.footer-compact .technical{font-size:10px}.site-navigation .brand-controls{gap:8px}.site-navigation .scheme-picker,.site-navigation .scheme-picker summary{width:151px}.sr-header-row>.parent-brand{flex-basis:90px}}
@media(max-width:380px){.site-navigation .scheme-picker,.site-navigation .scheme-picker summary{width:140px}.site-navigation .scheme-picker summary{font-size:11px}.site-navigation .brand-controls{gap:6px}.admin-top-link{font-size:11px}}

/* Main SRBlog identity: its saved final rule uses Arial 400 at 40px. */
body #site .site-name strong{font:400 40px/1.6 Arial,sans-serif;letter-spacing:0}.site-masthead .masthead{padding-right:0}
@media(max-width:600px){body #site .site-name strong{font-size:32px;line-height:1.35}}
@media(max-width:380px){body #site .site-name strong{font-size:30px}}

/* A larger corner on wide screens; only narrow layouts require the small version. */
.site-navigation>.war-ribbon,.site-navigation>.war-ribbon img{width:clamp(36px,calc((100vw - 1440px)/2 - 24px),76px);height:clamp(36px,calc((100vw - 1440px)/2 - 24px),76px)}
/* Both entrance and exit use the same gentle opacity transition, without display jumps. */
.section-route-cue,.section-route-cue.animation-fade.animation-slow{display:inline-flex;animation:none;opacity:0;visibility:hidden;transition:opacity 1.6s ease,visibility 0s linear 1.6s}
.section-title-link:is(:hover,:focus-visible) .section-route-cue{opacity:1;visibility:visible;transition:opacity 1.6s ease,visibility 0s}
.section-title-text{transition:opacity 1.6s ease}.route-label{font-size:10px}
@container(min-width:245px){.brief-title-main,.brief-title-tail{display:inline;font-size:clamp(14px,5cqi,17px);font-weight:500}.brief-panel .section-route-cue{left:calc(100% - 1.6em)}.brief-panel .route-rule{width:2.2em}}
@media(prefers-reduced-motion:reduce){.section-title-text,.section-route-cue,.section-route-cue.animation-fade.animation-slow{transition:none}}

/* Publication links visibly respond without underlines or changing their metrics. */
body #site .story :is(h2,h3) a,body #site .editorial-text h2 a{color:var(--accent);text-decoration:none;transition:color .24s ease}
body #site .story :is(h2,h3) a:is(:hover,:focus-visible),body #site .editorial-text h2 a:is(:hover,:focus-visible){color:var(--ink);text-decoration:none}
/* A discreet chevron replaces the long underlining arrow. */
body #site .route-rule{width:9px;height:9px;background:none;flex:0 0 9px}
body #site .route-rule::after{left:1px;right:auto;top:1.5px;width:4px;height:4px;border-top:.75px solid currentColor;border-right:.75px solid currentColor;transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){body #site .story :is(h2,h3) a,body #site .editorial-text h2 a{transition:none}}

/* Archive cards keep the same geometry across random selections and reloads. */
.mixed-final-columns{align-items:start}
.mixed-left-stack{--archive-card-height:340px;grid-template-rows:repeat(2,var(--archive-card-height));align-content:start}
.mixed-left-card{height:var(--archive-card-height);min-height:0;min-width:0;overflow:hidden}
.mixed-left-card>.story{height:100%;min-height:0;min-width:0;align-items:start}
.mixed-left-card .story-copy{min-width:0;min-height:0;overflow:hidden}
body #site .mixed-left-card .story h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mixed-left-card .kicker,.mixed-left-card .meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mixed-left-card .story-horizontal .photo{width:100%;min-width:0;max-height:100%;overflow:hidden;aspect-ratio:4/3;background:transparent}
.mixed-left-card .photo img{width:100%;height:100%;object-fit:contain}
@media(min-width:601px) and (max-width:800px){.mixed-left-stack{--archive-card-height:360px}.mixed-left-card .story-horizontal .photo{height:140px;flex:0 0 140px;aspect-ratio:auto}.mixed-left-card .story h3{font-size:19px}}
@media(max-width:600px){.mixed-left-stack{--archive-card-height:280px;grid-template-rows:repeat(2,var(--archive-card-height))}.mixed-left-card{padding:20px}.mixed-left-card .story-horizontal{grid-template-columns:100px minmax(0,1fr)}body #site .mixed-left-card .story h3{font-size:19px;line-height:1.3;-webkit-line-clamp:4}.mixed-left-card .summary{-webkit-line-clamp:4}.mixed-left-card .meta{font-size:12px}}
/* Keep the cue below the final letter, with space reserved for its caption. */
body #site .section-title-link{display:inline-block;max-width:100%;padding-bottom:18px}
body #site .section-route-cue{top:auto;bottom:0;left:calc(100% - .6em);gap:8px;line-height:14px}
body #site .brief-panel .section-route-cue{left:auto;right:0}
body #site .route-label{font-size:10px}
.mixed-reading>.section-heading>a{white-space:nowrap}
/* Balance only the footer wordmark; the header keeps the reference size. */
.footer-compact>.parent-brand{font-size:17px;gap:6px}
.footer-compact>.parent-brand svg{width:23px;height:26px}

/* The right archive feature has its own fixed height, independent of title/image. */
.mixed-right-stack .mixed-picture-panel{height:440px;min-height:0;overflow:hidden}
.mixed-right-stack .mixed-picture-panel>.story{height:100%;margin:0;border:0;padding:0;display:flex;flex-direction:column;gap:0;min-height:0}
.mixed-right-stack .mixed-picture-panel .photo{height:185px;flex:0 0 185px;aspect-ratio:auto;margin:0 0 14px;background:transparent;overflow:hidden}
.mixed-right-stack .mixed-picture-panel .photo img{width:100%;height:100%;object-fit:contain}
.mixed-right-stack .mixed-picture-panel .story-copy{min-width:0;min-height:0;overflow:hidden}
body #site .mixed-right-stack .mixed-picture-panel h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mixed-right-stack .mixed-picture-panel .summary{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:8px;font-size:14px;line-height:1.5}
.mixed-right-stack .mixed-picture-panel .meta{font-size:12px;margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:800px){.mixed-right-stack .mixed-picture-panel .photo{height:155px;flex-basis:155px}}
@media(max-width:600px){.mixed-right-stack .mixed-picture-panel{height:420px}.mixed-right-stack .mixed-picture-panel .photo{height:170px;flex-basis:170px}}

/* Brief uses exactly the section typography; cue begins under its initial letter. */
body #site .brief-panel>h2,body #site .brief-title-main,body #site .brief-title-tail{font-size:var(--sr-section-title);font-weight:500;line-height:1.4}
body #site .brief-title-main,body #site .brief-title-tail{display:inline}
body #site .brief-panel .section-route-cue{left:0;right:auto}
/* Original footer order, with balanced brands and socials in a separate row. */
.footer-compact{grid-template-columns:auto minmax(0,1fr) auto;gap:22px}
.footer-socials{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.footer-socials a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--accent);transition:color .24s}
.footer-socials a:hover{color:var(--ink)}.footer-socials svg{width:18px;height:18px;fill:currentColor}
.footer-technical{border-top:1px solid var(--line);margin-top:20px;padding-top:12px;font:400 11px/1.7 var(--sr-ui)}
.footer-technical-row{display:flex;align-items:center;justify-content:space-between;gap:10px 22px;flex-wrap:wrap}
.footer-technical-row+ .footer-technical-row{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}
.footer-meta,.footer-counter-links{display:flex;gap:16px;flex-wrap:wrap}
.footer-counter-links a{border:1px solid var(--line);padding:2px 8px;border-radius:3px;font-size:10px}
.sr-sitemap ul{list-style:none;padding:0;margin:16px 0 28px}.sr-sitemap li{padding:10px 0;border-bottom:1px solid var(--line)}
.sr-sitemap a{color:var(--accent)}
@media(max-width:1000px){.footer-compact{grid-template-columns:1fr 1fr}.footer-socials{grid-column:1/-1;grid-row:2}.footer-compact>.parent-brand{grid-column:2;grid-row:1}}
@media(max-width:600px){.footer-technical-row{justify-content:center;text-align:center}.footer-socials{gap:14px}.footer-technical{font-size:10px}.footer-counter-links{justify-content:center}}

/* Equal-sized Brief heading wraps naturally when its column is narrow. */
body #site .brief-panel h2 .section-title-link{white-space:normal}

/* Lightness follows Parfum's Berry-based 96%/91% surfaces.
   SR hue families stay their own; these custom tints are not renamed Berry rows. */
html[data-sr-theme=light][data-sr-palette] body{--sr-light-h:192deg;--sr-light-s:25%;--page:hsl(var(--sr-light-h) var(--sr-light-s) 96%);--soft:hsl(var(--sr-light-h) var(--sr-light-s) 91%);--paper:hsl(var(--sr-light-h) var(--sr-light-s) 99%);--line:hsl(var(--sr-light-h) 18% 80%);--menu-bg:var(--soft)}
html[data-sr-theme=light][data-sr-palette=blue] body{--sr-light-h:205deg;--sr-light-s:34%}
html[data-sr-theme=light][data-sr-palette=slate] body{--sr-light-h:210deg;--sr-light-s:7%}
html[data-sr-theme=light][data-sr-palette=paper] body{--sr-light-h:30deg;--sr-light-s:31%}
.site-navigation{position:sticky;top:0;z-index:80;border:0;background:var(--menu-bg,var(--page))}
.site-masthead{border:0}
body:not([data-theme=dark]) .site-masthead{background:linear-gradient(180deg,var(--menu-bg,var(--soft)),var(--page))}
.footer-compact>.parent-brand,.footer-compact>.parent-brand:hover{transform:none;transition:none}
.footer-compact>.parent-brand>span{background:none;color:var(--accent);-webkit-text-fill-color:currentColor}
.mixed-left-card{border:1px solid var(--accent);transition:transform .32s ease,box-shadow .32s ease;box-shadow:none}
@media(hover:hover){.mixed-left-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 12%,transparent)}}
.mixed-left-card:focus-within{transform:translateY(-3px)}
/* Match the fine divider over Brief with the left lead's divider. */
.overview-lead>.story-leadtop{border-top:1px solid var(--line);padding-top:16px}
.brief-panel{border-top:1px solid var(--line)}
.section-heading{border-top:1px solid var(--line)}
@media(prefers-reduced-motion:reduce){.mixed-left-card{transition:none}.mixed-left-card:hover,.mixed-left-card:focus-within{transform:none}}

/* TextBlog aligns with War; only the section divider remains. */
.mixed-topics .story-text{border-top:0;padding-top:0}

/* Shared heading row and equally sized stories keep the two topics aligned. */
.mixed-topics{grid-template-rows:auto 260px;row-gap:20px;align-items:start}
.mixed-topics>section{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0;gap:20px}
.mixed-topics>section>.section-heading{margin-bottom:0;align-self:stretch}
.mixed-topics>section>.story{height:260px;min-height:0;overflow:hidden;align-self:start}
.mixed-topics .story-copy{min-width:0;min-height:0}
body #site .mixed-topics .story h3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.mixed-topics .summary{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mixed-topics .meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:600px){.mixed-topics{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto}.mixed-topics>section{grid-column:1}}

/* Footer and fixed menu share the exact same scheme surface. */
.site-footer{background:var(--menu-bg,var(--page))}
.ms-sr-scroll-top{position:fixed;right:22px;bottom:22px;z-index:70;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s}
.ms-sr-scroll-top.is-visible{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .28s ease,visibility 0s}
.ms-sr-scroll-top button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--accent);border-radius:50%;color:var(--accent);background:var(--page);box-shadow:0 4px 16px #00000012;transition:background .24s ease,transform .24s ease,box-shadow .24s ease}
.ms-sr-scroll-top svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .24s ease}
.ms-sr-scroll-top button:hover{background:var(--soft);transform:translateY(-2px);box-shadow:0 6px 18px #00000020}
.ms-sr-scroll-top button:hover svg{transform:translateY(-2px)}
@media(max-width:600px){.ms-sr-scroll-top{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){.ms-sr-scroll-top,.ms-sr-scroll-top button,.ms-sr-scroll-top svg{transition:none}.ms-sr-scroll-top button:hover,.ms-sr-scroll-top button:hover svg{transform:none}}
@media print{.site-navigation,.ms-sr-scroll-top{display:none}}

/* Two centred technical lines, with counters at the ends of the upper line. */
.site-footer{border-top:0}
.footer-technical{border:0;margin-top:16px;padding-top:0}
.footer-technical-row{justify-content:center;gap:8px 16px}
.footer-technical-row.footer-main-row{display:grid;grid-template-columns:88px minmax(0,1fr) 88px;align-items:center;gap:18px}
.footer-main-caption{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 16px;text-align:center}
.footer-counter{display:block;width:88px;height:31px}.footer-counter img{display:block;width:88px;height:31px;max-width:none}
.footer-meta{justify-content:center}
.footer-secondary-row{font-size:10px}
@media(max-width:600px){.footer-technical-row.footer-main-row{gap:8px}.footer-main-caption{gap:3px 8px;font-size:10px}.footer-main-caption .footer-meta{gap:8px}.footer-secondary-row{font-size:9px;gap:6px 10px}}

/* Reserve the 1px border space; show its colour only with hover or keyboard focus. */
.mixed-left-card{border-color:transparent;transition:border-color .32s ease,transform .32s ease,box-shadow .32s ease}
@media(hover:hover){.mixed-left-card:hover{border-color:var(--accent)}}
.mixed-left-card:focus-within{border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){.mixed-left-card{transition:none}}

/* On desktop the Brief title fits one line; narrow columns alone reduce its size. */
body #site .brief-panel>h2:has(.section-title-link){padding-right:0}
@media(min-width:601px){body #site .brief-panel>h2,body #site .brief-title-main,body #site .brief-title-tail{font-size:clamp(14px,6.4cqi,var(--sr-section-title))}body #site .brief-panel h2 .section-title-link{white-space:nowrap}}

/* Social icons, inset counters, centred technical text, brands at the very bottom. */
.footer-social-icons{gap:22px}.footer-social-icons a{width:32px;height:32px;display:grid;place-items:center}.footer-social-icons svg{width:24px;height:24px}
.footer-counter-row{width:min(560px,calc(100% - 120px));margin:14px auto;display:flex;align-items:center;justify-content:space-between;gap:16px}
.footer-technical{margin-top:10px}.footer-main-caption{font-size:13px;line-height:1.5}
.footer-secondary-row{border-top:1px solid var(--line);margin-top:10px;padding-top:10px;font-size:12px;line-height:1.6}
.footer-bottom-brands{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}
.footer-bottom-brands>.parent-brand{font-size:17px;gap:6px;transform:none;transition:none}
.footer-bottom-brands>.parent-brand:hover{transform:none}.footer-bottom-brands>.parent-brand svg{width:23px;height:26px}
.footer-bottom-brands>.parent-brand>span{background:none;color:var(--accent);-webkit-text-fill-color:currentColor}
.ms-sr-scroll-top button{border-color:transparent}
.ms-sr-scroll-top button:is(:hover,:focus-visible){border-color:var(--accent)}
@media(max-width:600px){.footer-main-caption{font-size:12px}.footer-secondary-row{font-size:10px}.footer-counter-row{width:calc(100% - 100px)}}

.ms-sr-scroll-top button{transition:border-color .32s ease,background .24s ease,transform .24s ease,box-shadow .24s ease}
@media(prefers-reduced-motion:reduce){.ms-sr-scroll-top button{transition:none}}

/* The five shared columns centre each counter in the gap beside the technical line. */
.footer-aligned{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content minmax(0,1fr) max-content;gap:12px;margin-top:14px}
.footer-counter-left{grid-column:2;grid-row:1;justify-self:center}.footer-counter-right{grid-column:4;grid-row:1;justify-self:center}
.footer-aligned>.footer-main-caption{grid-column:1/-1;grid-row:2}
.footer-baseline{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:subgrid;align-items:center;border-top:1px solid var(--line);padding-top:10px}
.footer-baseline>.footer-stoprasha{grid-column:1;grid-row:1}
.footer-baseline>.footer-secondary-row{grid-column:3;grid-row:1;margin:0;padding:0;border:0;flex-wrap:nowrap;white-space:nowrap;gap:10px;font-size:11px}
.footer-baseline>.parent-brand{grid-column:5;grid-row:1;justify-self:end;font-size:17px;gap:6px;transform:none;transition:none}
.footer-baseline>.parent-brand:hover{transform:none}.footer-baseline>.parent-brand svg{width:23px;height:26px}
.footer-baseline>.parent-brand>span{background:none;color:var(--accent);-webkit-text-fill-color:currentColor}
body #site .sr-war-feature{--sr-war-ink:color-mix(in srgb,white 85%,var(--accent) 15%);color:var(--sr-war-ink)}
body #site .sr-war-feature :is(h2,strong,span,p){color:var(--sr-war-ink)}
@media(max-width:1000px) and (min-width:761px){.footer-baseline>.footer-secondary-row{font-size:10px;gap:7px}.footer-aligned{column-gap:8px}}
@media(max-width:760px){.footer-aligned{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-counter-left{grid-column:1/3}.footer-counter-right{grid-column:3/5}.footer-baseline{grid-template-columns:1fr 1fr;gap:10px}.footer-baseline>.footer-secondary-row{grid-column:1/-1;grid-row:1;flex-wrap:wrap;white-space:normal;font-size:10px}.footer-baseline>.footer-stoprasha{grid-column:1;grid-row:2}.footer-baseline>.parent-brand{grid-column:2;grid-row:2}}

/* Original SRBlog uses Arial in its footer; give the primary line the requested extra presence. */
.footer-main-caption{font:500 14px/1.5 Arial,sans-serif;color:var(--ink)}
@media(max-width:600px){.footer-main-caption{font-size:13px}}

/* Direct composition and measured typography of the current SRBlog footer.
   Same Source Sans font file (SHA 5f16566f...), own names isolate old study rules. */
.sr-original-footer{padding:0;border:0;background:var(--menu-bg,var(--page));font:400 16px/1.6 MSStudySans,'Segoe UI',Arial,sans-serif}
.sr-original-counter-row,.sr-original-main-inner{width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px;box-sizing:border-box}
.sr-original-counter-row{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:32px;align-items:center;padding-block:24px;margin-top:24px;min-height:42px;border-top:1px solid var(--line)}
.sr-original-counter{display:block;width:88px;height:31px;line-height:0;justify-self:center}.sr-original-counter img{display:block;width:88px;height:31px;max-width:none}.sr-original-counter-iua{grid-column:3}
.sr-original-main{padding:16px 0 10px}
.sr-original-main-inner{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:28px;padding-block:10px}
.sr-original-main-inner>.footer-stoprasha{justify-self:start;display:block;font:400 20px/1.2 MSStudySans,'Segoe UI',Arial,sans-serif;letter-spacing:0;color:var(--ink)}
.sr-original-main-inner>.footer-socials{justify-self:center;flex-wrap:nowrap;gap:16px}
.sr-original-main-inner>.footer-socials a{width:40px;height:40px}.sr-original-main-inner>.footer-socials svg{width:28px;height:28px}
.sr-original-info{display:flex;justify-content:flex-end;justify-self:end;align-items:center;flex-wrap:wrap;gap:18px;font:400 16px/1.6 MSStudySans,'Segoe UI',Arial,sans-serif}
.sr-original-technical{padding:5px 0;font-size:13px;line-height:1.5}
.sr-original-meta,.sr-original-bottom{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 22px;padding:5px clamp(18px,3vw,64px)}
.sr-original-meta{font-size:15px;line-height:24px;border-bottom:1px solid var(--line)}
.sr-original-meta nav{display:flex;gap:18px}.sr-original-meta time{white-space:nowrap}
.sr-original-bottom{font-size:12px;line-height:18px}
.sr-original-footer a{transition:color .16s ease}.sr-original-footer a:hover{color:var(--accent)}
@media(max-width:768px){.sr-original-counter-row{grid-template-columns:1fr;gap:20px}.sr-original-counter-iua{grid-column:1}}
@media(max-width:760px){.sr-original-main-inner{grid-template-columns:1fr;justify-items:center;gap:14px}.sr-original-main-inner>.footer-stoprasha,.sr-original-main-inner>.footer-socials,.sr-original-info{justify-self:center}.sr-original-info{justify-content:center}}
@media(prefers-reduced-motion:reduce){.sr-original-footer a{transition:none}}

/* Reset the former prototype footer row placement inside the copied original grid. */
.sr-original-main-inner>.footer-socials{grid-column:auto;grid-row:auto}

/* Measured on current SRBlog: 50px circle, 24px glyph, 24px right, 128px bottom. */
.ms-sr-scroll-top{right:24px;bottom:128px}
.ms-sr-scroll-top button{width:50px;height:50px;border:0;border-radius:50%;background:var(--soft);color:var(--accent);box-shadow:0 3px 12px #0004;transition:background-color .5s,color .5s,opacity .3s,transform .3s}
.ms-sr-scroll-top button:is(:hover,:focus-visible){border:0;background:var(--accent);color:var(--page);box-shadow:0 3px 12px #0004;transform:none}
.ms-sr-scroll-top svg{width:24px;height:24px;stroke-width:2;transition:transform .3s ease}
.ms-sr-scroll-top button:hover svg{transform:translateY(-2px)}
@media(max-width:760px){.ms-sr-scroll-top{right:24px;bottom:calc(136px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.ms-sr-scroll-top button,.ms-sr-scroll-top svg{transition:none}.ms-sr-scroll-top button:hover svg{transform:none}}

/* Mirror the masthead fade: page surface above, menu/theme surface below. */
body:not([data-theme=dark]) .sr-original-footer{background:linear-gradient(180deg,var(--page),var(--menu-bg,var(--soft)))}
.sr-original-info-grid{width:100%;max-width:1200px;margin-inline:auto;padding:34px 24px 0;display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:32px;box-sizing:border-box}
.sr-original-info-text{grid-column:3;min-width:0;color:var(--ink);font:400 15px/1.6 MSStudySans,'Segoe UI',Arial,sans-serif}
.sr-original-info-text p{font:inherit;margin:0 0 18px}
@media(max-width:760px){.sr-original-info-grid{grid-template-columns:1fr;padding-top:28px}.sr-original-info-text{grid-column:1}}

/* Restore the original information divider and its exact spacing/opacity. */
.sr-original-info-rule{border:0;border-top:1px solid currentColor;opacity:.3;margin:20px 0}
/* A small trial darkening: same SR hue/saturation, footer end L89 vs menu L91. */
body:not([data-theme=dark]) .sr-original-footer{--sr-footer-end:hsl(var(--sr-light-h) var(--sr-light-s) 89%);background:linear-gradient(180deg,var(--page),var(--sr-footer-end))}

/* Increase only the information text contrast; keep its size, weight and rule intact. */
body:not([data-theme=dark]) .sr-original-info-text{color:color-mix(in srgb,var(--ink) 80%,black 20%)}
.sr-original-info-rule{color:var(--ink)}

/* Match the restrained MySpaces edge: keep 1px geometry, soften its visible tint. */
body:not([data-theme=dark]) .mixed-left-card:focus-within{border-color:color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 6%,transparent)}
@media(hover:hover){body:not([data-theme=dark]) .mixed-left-card:hover{border-color:color-mix(in srgb,var(--accent) 25%,transparent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 6%,transparent)}}

/* Original SRBlog backdrop, same byte-exact image: no extra dark overlay. */
.sr-war-feature{background:#080808 url('assets/ms-sr-war-background.webp') center center/cover no-repeat fixed}
/* Keep the original SRBlog small-screen fallback for mobile fixed-background support. */
@media(max-width:760px){.sr-war-feature{background-attachment:scroll}}

/* Match the measured desktop SRBlog counter height and original vertical spacing. */
@media(min-width:761px){
 .sr-war-feature{min-height:809.2px;padding:20px 0 50px}
 .sr-war-feature>.wrap{height:739.2px;display:flex;flex-direction:column}
 body #site .sr-war-feature h2{min-height:44.8px;line-height:44.8px;margin:20px 0 48px;flex:none}
 .sr-war-feature-grid{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:48px}
 .sr-war-feature-item{min-height:0;justify-content:space-between}
}

/* Compact brands in the free left column, aligned with the last information line. */
.sr-info-brands{grid-column:1;grid-row:1;align-self:end;justify-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:18px;min-width:0}
.sr-original-info-text{grid-row:1}
.sr-info-brands .parent-brand{font-size:22px;gap:8px;transform:none;transition:none}
.sr-info-brands .parent-brand:hover{transform:none}.sr-info-brands .parent-brand svg{width:27px;height:32px}
.sr-info-reality{display:inline-flex;align-items:center;gap:10px;font:400 20px/1.25 Arial,sans-serif;color:var(--ink);max-width:100%}
.sr-info-reality img{width:28px;height:28px;object-fit:contain;flex:none}
@media(max-width:760px){.sr-info-brands{grid-column:1;grid-row:2;align-self:start;margin:12px 0 18px}.sr-original-info-text{grid-row:1}}

/* Quiet separators across all shared light-page layouts. */
html[data-sr-theme=light][data-sr-palette] body{--line:color-mix(in srgb,var(--ink) 12%,transparent)}
body:not([data-theme=dark]) .sr-original-info-rule{opacity:.14}
body:not([data-theme=dark]) .ending-rubrics a{border-left-width:1px;border-left-color:color-mix(in srgb,var(--accent) 25%,transparent)}

.sr-info-brands{position:relative;align-self:stretch;justify-content:space-between;padding-top:85px}
.sr-info-brand-rule{position:absolute;left:0;top:calc(50% + 44.5px);width:max-content;padding-left:38px;border-top:1px solid var(--line);height:0;line-height:0;font-family:Arial,sans-serif;font-size:20px;font-weight:400;color:transparent;pointer-events:none;user-select:none}
.sr-info-brands .parent-brand{transition:transform .3s ease;transform-origin:left center}
.sr-info-reality img{transition:transform .3s ease}
@media(hover:hover){.sr-info-brands .parent-brand:hover{transform:scale(1.05)}.sr-info-reality:hover img{transform:scale(1.05)}}
@media(max-width:760px){.sr-info-brands{padding-top:0;align-self:start}.sr-info-brand-rule{top:calc(50% + 2px)}}
@media(prefers-reduced-motion:reduce){.sr-info-brands .parent-brand,.sr-info-reality img{transition:none}.sr-info-brands .parent-brand:hover,.sr-info-reality:hover img{transform:none}}

/* Owner menu pass: stock Berry chevrons and native SR palette component. */
.sr-palette-picker .sr-palette-panel{position:absolute;right:0;top:100%;display:grid;width:220px;max-width:calc(100vw - 36px);padding:8px 0;background:var(--paper);color:var(--ink);border:1px solid var(--line);box-shadow:0 6px 16px #0004;transform-origin:top right}
.sr-palette-picker:not([open]) .sr-palette-panel{display:none}
.sr-palette-panel button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;padding:10px 16px;text-align:left;color:var(--ink);background:transparent;font:400 16px/1.4 var(--sr-font-text)}
.sr-palette-panel button:hover,.sr-palette-panel button:focus-visible{background:var(--soft);color:var(--accent)}
.sr-palette-panel button[aria-checked=true]::after{content:'✓';color:var(--accent)}
@keyframes sr-palette-in{from{opacity:0}to{opacity:1}}
@keyframes sr-palette-out{from{opacity:1}to{opacity:0}}
body:not([data-theme=dark]){--picker-bg:#e2e8ee;--picker-ink:#263746;--picker-line:#a9bac9;--picker-hover:#ccd8e3;--picker-hover-ink:#1c3042;--picker-active:#526f8c;--picker-active-ink:#fff}
body:not([data-theme=dark])[data-palette=blue]{--picker-bg:#e1ebf4;--picker-ink:#233446;--picker-line:#9eb7ce;--picker-hover:#c7dbee;--picker-hover-ink:#193c60;--picker-active:#285e91;--picker-active-ink:#fff}
body:not([data-theme=dark])[data-palette=slate]{--picker-bg:#e5e8eb;--picker-ink:#2d3338;--picker-line:#aeb7be;--picker-hover:#cdd4da;--picker-hover-ink:#28333c;--picker-active:#4a6174;--picker-active-ink:#fff}
body:not([data-theme=dark])[data-palette=paper]{--picker-bg:#eae6dc;--picker-ink:#363530;--picker-line:#bcb4a4;--picker-hover:#dbd4c6;--picker-hover-ink:#39372f;--picker-active:#5a625a;--picker-active-ink:#fffdf8}
body:not([data-theme=dark])[data-palette=mono]{--picker-bg:#e9e9e9;--picker-ink:#292929;--picker-line:#aaa;--picker-hover:#d0d0d0;--picker-hover-ink:#222;--picker-active:#454545;--picker-active-ink:#fff}
body:not([data-theme=dark]) .sr-palette-picker .sr-palette-panel{background:var(--picker-bg);color:var(--picker-ink);border-color:var(--picker-line);box-shadow:0 6px 16px color-mix(in srgb,var(--picker-ink) 22%,transparent)}
body:not([data-theme=dark]) .sr-palette-panel button{background:transparent;color:var(--picker-ink);transition:background-color .15s,color .15s}
body:not([data-theme=dark]) .sr-palette-panel button:hover,body:not([data-theme=dark]) .sr-palette-panel button:focus-visible{background:var(--picker-hover);color:var(--picker-hover-ink);outline:2px solid var(--picker-active);outline-offset:-2px}
body:not([data-theme=dark]) .sr-palette-panel button[aria-checked=true]{background:var(--picker-active);color:var(--picker-active-ink)}
body:not([data-theme=dark]) .sr-palette-panel button[aria-checked=true]:hover,body:not([data-theme=dark]) .sr-palette-panel button[aria-checked=true]:focus-visible{background:color-mix(in srgb,var(--picker-active) 90%,#000);color:var(--picker-active-ink)}
body:not([data-theme=dark]) .sr-palette-panel button[aria-checked=true]::after{color:currentColor}
@media(prefers-reduced-motion:reduce){body:not([data-theme=dark]) .sr-palette-panel button{transition:none}}
.header-original .utility-bar{gap:24px}.sr-palette-picker summary{display:flex;align-items:center;gap:8px;list-style:none}.sr-palette-picker summary::-webkit-details-marker{display:none}.sr-palette-label{white-space:nowrap}
.sr-palette-chevron{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.sr-palette-picker[open] .sr-palette-chevron{transform:rotate(90deg)}
.sr-rgb-icon{position:relative;display:inline-block;flex:none;width:20px;height:17px;margin-right:-2px}.sr-rgb-icon i{position:absolute;width:10px;height:10px;border-radius:50%;opacity:.75}.sr-rgb-icon i:nth-child(1){background:#9c7377;left:0;top:0}.sr-rgb-icon i:nth-child(2){background:#58976e;right:0;top:0}.sr-rgb-icon i:nth-child(3){background:#537dac;left:5px;bottom:0}
.sr-palette-picker summary::before{display:none!important;content:none!important}

.sr-palette-picker{position:relative;z-index:120;flex:none;max-width:calc(100vw - 36px);color:inherit;font:400 16px/1.6 MSStudySans,'Segoe UI',Arial,sans-serif}
.sr-palette-picker summary{cursor:pointer;padding:8px 10px}.sr-palette-panel{border-radius:0;--sr-font-text:MSStudySans,'Segoe UI',Arial,sans-serif}
.sr-palette-picker:not([open])>.sr-palette-panel{display:none}
.sr-palette-panel button{border:0;border-radius:0;cursor:pointer}
.site-navigation .nav-dropdown>summary::after{content:'❯';display:inline-block;font-size:15px;margin-left:.6em;transition:transform .2s;transform:none}
.site-navigation .nav-dropdown[open]:not(.sr-closing)>summary::after{transform:rotate(90deg)}
.site-navigation .nav-dropdown>div{animation:none;min-width:235px;max-width:280px;max-height:calc(100dvh - 150px);overflow-y:auto}
.site-navigation .sr-donate-menu>div{width:280px;max-width:calc(100vw - 32px)}
.site-navigation .sr-donate-menu>div>a:first-child{white-space:nowrap}
.sr-admin-menu{font:500 15px/1.5 var(--sr-ui)}.site-navigation .sr-admin-menu>div{right:0;left:auto;min-width:230px}.sr-admin-menu a::before{margin-right:10px}.sr-admin-menu hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.sr-header-socials{display:flex;align-items:center;gap:9px}.sr-header-socials a{display:grid;place-items:center;width:24px;height:30px;padding:3px;color:inherit;transition:color .2s}.sr-header-socials svg{width:18px;height:18px;fill:currentColor}.sr-header-socials a:hover{color:var(--accent)}
.site-navigation .brand-controls{gap:14px}.site-navigation .utility-tools{position:relative;margin-right:-48px}
.sr-header-row{column-gap:22px}.site-navigation .main-nav{gap:17px}
.sr-mobile-toggle{display:none}
body[data-palette=mono]{--page:#f7f7f7;--paper:#fff;--ink:#292929;--muted:#626262;--line:#d9d9d9;--accent:#454545;--soft:#ededed;--bar:#e9e9e9;--bar-ink:#292929;--sr-light-hue:0;--sr-light-sat:0%}
body[data-theme=dark][data-palette=mono]{--page:#202020;--paper:#2a2a2a;--ink:#ccc;--muted:#b0b0b0;--line:#494949;--accent:#c4c4c4;--soft:#353535;--bar:#171717;--bar-ink:#d3d3d3}
@media(max-width:1650px){.sr-header-row{flex-wrap:wrap;gap:4px 22px}.site-navigation .utility-tools{margin-left:auto}.site-navigation .main-nav{order:3;flex:1 0 100%;justify-content:center;flex-wrap:nowrap;gap:22px}}
@media(max-width:1000px){.site-navigation .main-nav{gap:16px}.site-navigation .main-nav>a,.site-navigation .nav-dropdown>summary{font-size:14px}}
@media(max-width:900px){
 .sr-header-row{gap:4px 12px;padding-block:10px}.sr-mobile-toggle{display:flex;align-items:center;gap:7px;margin-left:auto;font:500 15px/1.5 var(--sr-ui);padding:6px 0}.sr-mobile-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
 .site-navigation .utility-tools{order:2;width:100%;margin:0;justify-content:flex-end}.site-navigation .brand-controls{gap:10px;flex-wrap:wrap;justify-content:flex-end}
 .site-navigation .main-nav{display:none;order:3;flex:1 0 100%;max-height:65dvh;overflow-y:auto;align-items:stretch;gap:0;flex-direction:column;background:var(--bar)}
 .site-navigation .main-nav.sr-mobile-open{display:flex;animation:sr-palette-in 180ms ease-out both}
 .site-navigation .main-nav>a,.site-navigation .main-nav .nav-dropdown>summary{display:block;padding:10px 12px;font-size:15px}
 .site-navigation .main-nav .nav-dropdown>div{position:static;width:auto;min-width:0;max-width:none;max-height:none;margin:0 12px 8px;box-shadow:none}
 .site-navigation .sr-admin-menu>div{position:absolute;right:0;left:auto;top:100%;max-height:65dvh}
 .site-navigation .nav-dropdown{z-index:auto}.site-navigation .nav-dropdown[open]{z-index:30}
 .sr-palette-picker{font-size:14px}.sr-palette-picker summary{padding:6px;gap:5px}
}
@media(min-width:601px) and (max-width:800px){.site-navigation .utility-tools{margin-right:-30px;width:calc(100% + 30px)}}
@media(max-width:600px){.site-navigation .brand-controls{gap:6px}.sr-header-socials{gap:3px}.site-navigation .sr-admin-menu>summary{font-size:15px}.site-navigation .sr-admin-menu>summary::after{margin-left:4px}.sr-header-row>.parent-brand{flex-basis:100px}.sr-palette-picker summary{font-size:14px}.sr-palette-label{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.sr-palette-chevron,.site-navigation .nav-dropdown>summary::after{transition:none}.site-navigation .main-nav.sr-mobile-open{animation:none}}

/* Slightly taller social glyphs; same external destinations as the footer. */
.sr-header-socials a{width:26px;height:32px}.sr-header-socials svg{width:20px;height:20px}
html[data-sr-theme=light][data-sr-palette=mono] body{--sr-light-h:0deg;--sr-light-s:0%}

/* Uniform, quieter main navigation; native palette timings remain unchanged. */
.site-navigation .nav-dropdown>div{background:color-mix(in srgb,var(--paper) 65%,var(--soft));box-shadow:0 7px 20px #00000012}
.site-navigation .nav-dropdown>div>a:is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}
@media(max-width:900px){.site-navigation .main-nav.sr-mobile-open{animation-duration:300ms}}

@media(max-width:900px){.site-navigation .main-nav{background:var(--menu-bg,var(--paper));color:var(--ink);overflow-x:hidden}.site-navigation .main-nav>a,.site-navigation .main-nav summary{color:var(--ink)}}

/* The second row shares the first lead divider; content length cannot move its axis. */
@media(min-width:1101px){.mixed-middle{--sr-axis-gap:30px;grid-template-columns:minmax(0,calc((100% - 2 * var(--sr-axis-gap)) * 31 / 63)) minmax(0,1fr);column-gap:var(--sr-axis-gap)}}
@media(min-width:1550px){.mixed-middle{--sr-axis-gap:36px}}
@media(min-width:801px) and (max-width:1100px){.mixed-middle{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:30px}}
@media(min-width:601px) and (max-width:800px){.mixed-middle{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);column-gap:24px}}

/* Align the centre of the row gap, rather than the start of its right column. */
@media(min-width:1101px){.mixed-middle{grid-template-columns:minmax(0,calc((100% - 2 * var(--sr-axis-gap)) * 31 / 63 + var(--sr-axis-gap) / 2)) minmax(0,1fr)}}
@media(min-width:801px) and (max-width:1100px){.mixed-middle{grid-template-columns:minmax(0,calc((100% - 30px) * 29 / 49 + 15px)) minmax(0,1fr)}}
@media(min-width:601px) and (max-width:800px){.mixed-middle{grid-template-columns:minmax(0,calc((100% - 24px) * 29 / 49 + 12px)) minmax(0,1fr)}}

/* Quiet structural separators in light schemes only; dark review is separate. */
html[data-sr-theme=light][data-sr-palette] body{--line:color-mix(in srgb,var(--ink) 7%,transparent)}
body:not([data-theme=dark]) .sr-original-info-rule{opacity:.08}

/* Original SRBlog war clock: identical markup, fonts, spacing and full-width captions. */
@font-face{font-family:MSStudySerif;src:url('assets/ms-sr-source-serif.woff2') format('woff2');font-style:normal;font-weight:200 900;font-display:swap}
.war-clock{background:#080808 url('assets/ms-sr-war-background.webp') center center/cover no-repeat fixed;color:color-mix(in srgb,white 85%,var(--accent) 15%);border:0;margin-top:50px;padding:20px 0 50px;text-align:center;font:400 16px/1.6 MSStudySans,'Segoe UI',Arial,sans-serif;font-optical-sizing:auto}
.war-clock .wrap{background:transparent;width:100%;max-width:1200px;margin-inline:auto;padding-inline:24px}
.war-clock-heading{margin:20px 0 48px}
body #site .war-clock-heading h2{font:700 32px/1.4 MSStudySerif,Georgia,serif;color:inherit;text-decoration:underline;letter-spacing:0;margin:0}
.war-clock-grid{display:flex;flex-direction:column;gap:48px}
.war-clock-item{border:0;background:transparent;padding:0}
.war-clock-value{display:flex;flex-direction:column;align-items:center;gap:20px;color:inherit;font-variant-numeric:tabular-nums}
.war-clock-value strong{font:700 72px/1.35 MSStudySerif,Georgia,serif;color:inherit}
.war-clock-value>span{font:700 32px/1.4 MSStudySerif,Georgia,serif;color:inherit}
.war-clock-value .war-clock-time{font:700 28px/1.4 MSStudySans,'Segoe UI',Arial,sans-serif;margin:8px 0 0;letter-spacing:0;color:inherit}
.war-clock-item p{font:700 24px/1.5 MSStudySerif,Georgia,serif;max-width:none;color:inherit;text-decoration:underline;margin:24px 0 0}
@media(max-width:760px){.war-clock{background-attachment:scroll;padding:24px 0 38px;margin-top:32px}.war-clock .wrap{padding-inline:18px}.war-clock-heading{margin:0 0 30px}body #site .war-clock-heading h2{font-size:25px}.war-clock-grid{gap:36px}.war-clock-value{gap:12px}.war-clock-value strong{font-size:64px}.war-clock-value>span{font-size:28px}.war-clock-value .war-clock-time{font-size:25px}.war-clock-item p{font-size:20px;margin-top:18px}}

/* Reset legacy compact-clock span margins to the original native values. */
.war-clock-value>span{margin:0}.war-clock-value .war-clock-time{margin:8px 0 0}

/* Balance the lower sphere with the MySpaces symbol without enlarging its caption. */
.sr-info-reality img{width:32px;height:32px}.sr-info-brand-rule{padding-left:42px}

/* Match the MySpaces hover pivot and timing; only the sphere scales. */
.sr-info-reality img{transform-origin:left center;transition:transform .3s ease;animation:none}
@media(prefers-reduced-motion:reduce){.sr-info-reality img{transition:none}}

/* Extend only the left end, preserving the existing right endpoint. */
.sr-info-brand-rule{left:-8px;padding-left:50px}

/* Exact left edge of the lower counter-row border: compensate the shared 24px inset. */
.sr-info-brand-rule{left:-24px;padding-left:66px}
/* Parfum dark levels: installed Berry gray850/900, 5% palette tint, native text/surface levels.
   SR accent hues remain custom; these hue variants are not claimed as named Berry palette rows. */
html[data-sr-theme=dark][data-sr-palette] body{
 --sr-dark-h:205deg;--sr-dark-s:34%;--sr-base850:hsl(216deg 7% 17%);--sr-base900:hsl(216deg 7% 13%);
 --sr-dark-tint:hsl(var(--sr-dark-h) var(--sr-dark-s) 65%);
 --page:color-mix(in srgb,var(--sr-dark-tint) 5%,var(--sr-base850));
 --menu-bg:color-mix(in srgb,var(--sr-dark-tint) 5%,var(--sr-base900));
 --paper:var(--page);--soft:color-mix(in srgb,white 1.96%,var(--page));
 --ink:#f0edf3;--muted:#ccc7d2;--line:#ffffff18;--accent:var(--sr-dark-tint);--bar:var(--menu-bg);--bar-ink:var(--ink)
}
html[data-sr-theme=dark][data-sr-palette=slate] body{--sr-dark-h:210deg;--sr-dark-s:7%}
html[data-sr-theme=dark][data-sr-palette=paper] body{--sr-dark-h:30deg;--sr-dark-s:31%}
/* Monochrome uses desaturated bases at the same 17% / 13% lightness, without blue. */
html[data-sr-theme=dark][data-sr-palette=mono] body{--sr-dark-h:0deg;--sr-dark-s:0%;--sr-base850:hsl(0deg 0% 17%);--sr-base900:hsl(0deg 0% 13%);--ink:#f0f0f0;--muted:#ccc}
body[data-theme=dark] .site-masthead{background:linear-gradient(180deg,var(--menu-bg),var(--page))}
body[data-theme=dark] .sr-original-footer{background:linear-gradient(180deg,var(--page),var(--menu-bg))}

/* All structural dark rules use Parfum's white/0x18 line, including the information hr. */
body[data-theme=dark] .sr-original-info-rule{border-top-color:var(--line);opacity:1}
body[data-theme=dark] .ending-rubrics a{border-left-width:1px;border-left-color:var(--line)}
/* Native MySpaces hover frame: one pixel, 47% accent; absent at rest. */
body[data-theme=dark] .mixed-left-card{border-width:1px;border-color:transparent}
body[data-theme=dark] .mixed-left-card:focus-within{border-color:color-mix(in srgb,var(--accent) 47%,transparent);box-shadow:0 16px 35px #0008,0 0 25px color-mix(in srgb,var(--accent) 7%,transparent)}
@media(hover:hover){body[data-theme=dark] .mixed-left-card:hover{border-color:color-mix(in srgb,var(--accent) 47%,transparent);box-shadow:0 16px 35px #0008,0 0 25px color-mix(in srgb,var(--accent) 7%,transparent)}}
/* Stable footer wordmarks: highlight symbols without scaling glyphs or changing baselines. */
.sr-info-brands .parent-brand,.sr-info-brands .parent-brand:hover{transform:none;transition:none}
.sr-info-brands .parent-brand svg,.sr-info-reality img{transform:none;transition:filter .3s ease}
.sr-info-reality:hover img{transform:none}
@media(hover:hover){.sr-info-brands .parent-brand:hover svg,.sr-info-reality:hover img{filter:brightness(1.18)}}
.sr-original-main-inner>.footer-socials a{border-radius:50%;transition:color .24s ease,background-color .24s ease}
.sr-original-main-inner>.footer-socials a:is(:hover,:focus-visible){background:color-mix(in srgb,var(--accent) 12%,transparent);color:color-mix(in srgb,var(--accent) 72%,black)}
body[data-theme=dark] .sr-original-main-inner>.footer-socials a:is(:hover,:focus-visible){color:color-mix(in srgb,var(--accent) 55%,white)}
@media(prefers-reduced-motion:reduce){.sr-info-brands .parent-brand svg,.sr-info-reality img,.sr-original-main-inner>.footer-socials a{transition:none}}

/* A minimal scheme tint in dark footer labels; keep their original lightness/readability. */
body[data-theme=dark] .sr-original-footer{--sr-footer-label:color-mix(in srgb,var(--ink) 96%,var(--accent));--sr-footer-muted:color-mix(in srgb,var(--muted) 96%,var(--accent))}
body[data-theme=dark] .sr-original-main-inner>.footer-stoprasha,body[data-theme=dark] .sr-info-reality,body[data-theme=dark] .sr-original-info,body[data-theme=dark] .sr-original-meta{color:var(--sr-footer-label)}
body[data-theme=dark] .sr-original-bottom{color:var(--sr-footer-muted)}
body[data-theme=dark] .sr-original-footer .footer-stoprasha:is(:hover,:focus-visible){color:var(--accent)}

/* Social hover highlights the glyph only, without any circular backdrop. */
.sr-original-main-inner>.footer-socials a,.sr-original-main-inner>.footer-socials a:is(:hover,:focus-visible){background:transparent;border-radius:0;box-shadow:none;transition:color .24s ease}
@media(prefers-reduced-motion:reduce){.sr-original-main-inner>.footer-socials a{transition:none}}

/* Reserve the longest palette label so schemes cannot move any navigation track. */
.site-navigation .sr-palette-picker{width:214px;min-width:214px;flex:0 0 214px}
.site-navigation .sr-palette-picker>summary{width:100%;min-width:0;box-sizing:border-box}
.site-navigation .sr-palette-label{display:block;min-width:0;flex:1;text-align:left}
@media(max-width:900px){.site-navigation .sr-palette-picker{width:184px;min-width:184px;flex-basis:184px}}

/* On the homepage these are labels, not links: no hover state. */
.sr-original-main-inner>span.footer-stoprasha:is(:hover,:focus-visible){color:var(--ink)}
body[data-theme=dark] .sr-original-main-inner>span.footer-stoprasha:is(:hover,:focus-visible){color:var(--sr-footer-label)}
.sr-info-brands span.sr-info-reality:hover img{filter:none;transform:none}

/* Reload has no entrance travel: keep the fixed control hidden until scroll restoration settles. */
.ms-sr-scroll-top[hidden]{display:none!important}
.ms-sr-scroll-top,.ms-sr-scroll-top.is-visible{transform:none;transition:opacity .25s ease,visibility .25s ease}
.ms-sr-scroll-top:not(.is-ready){opacity:0;visibility:hidden;transition:none}
@media(prefers-reduced-motion:reduce){.ms-sr-scroll-top,.ms-sr-scroll-top.is-visible{transition:none}}