@import url('https://fonts.googleapis.com/css2?family=Google+Sans+Flex:wght@400;500;600;700&family=Google+Sans+Code:wght@400;500;700&family=Jacquard+24&display=swap');
:root{--content-width:1344px;--page-gutter:clamp(20px,3.34vw,48px);--paper:#f7f6f2;--ink:#191919;--vermillion:#cf3829;--ultramarine:#1430b8;--rule:#e9ceca;--reading:680px;--code:'Google Sans Code',monospace;--body:'Google Sans Flex',Arial,sans-serif;--green:#c7e4b6;--purple:#cab6e4;--red:#e4b6b6;--yellow:#ebe3ae;--gray:#cdcdcd}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 var(--body)}a{color:var(--vermillion);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}img{max-width:100%;height:auto}button{font:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--ultramarine);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-100px;z-index:100;background:var(--paper);padding:12px}.skip:focus{top:12px}
.site-header{max-width:1440px;margin:auto;min-height:80px;padding:14px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity{display:flex;align-items:center;gap:16px;color:var(--ink);text-decoration:none}.identity>span:last-child{font-size:16px;line-height:1.5}.wordmark{font:52px/1 'Jacquard 24',serif;color:inherit;text-decoration:none}.site-header nav{display:flex;align-items:center;gap:28px;font:500 16px/1.25 var(--code)}.site-header nav>a{text-decoration:none}.contact-button{display:inline-flex;align-items:center;gap:8px;background:var(--vermillion);border:2px solid var(--vermillion);border-radius:4px;color:var(--paper);padding:10px 14px;text-decoration:none;font:500 14px/1.4 var(--code)}.contact-button img{width:16px;height:16px}.case-hero{max-width:1440px;margin:auto;padding:48px}.case-hero h1{font:700 48px/1.15 var(--code);color:var(--vermillion);margin:0 0 16px;max-width:1000px;letter-spacing:-.025em}.case-hero p{font-size:20px;line-height:1.5;margin:0;max-width:778px}.project-meta{max-width:1344px;margin:0 auto;padding:16px;display:flex;flex-wrap:wrap;gap:12px 16px;list-style:none;border-block:1px solid var(--rule)}.project-meta li+li::before{content:'◆';font-size:7px;margin-right:16px;vertical-align:middle}.project-snapshot{max-width:1344px;margin:16px auto 0;display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:16px;border-bottom:1px solid var(--rule)}.project-snapshot>div{padding:16px;border-right:1px solid var(--rule)}.project-snapshot>div:last-child{border:0}.project-snapshot dt{font-size:12px;font-weight:700;font-style:italic;text-transform:uppercase;letter-spacing:.025em;margin-bottom:16px}.project-snapshot dd{margin:0}.article-wrap{max-width:1440px;margin:auto;padding:0 48px}.chapter-nav{position:sticky;top:0;z-index:10;display:flex;gap:10px;align-items:center;min-height:64px;padding:12px 0;border-bottom:1px solid var(--rule);background:var(--paper);overflow-x:auto;scrollbar-width:thin}.chapter-nav a{display:block;flex-shrink:0;border:1px solid var(--ink);border-radius:100px;color:var(--ink);padding:5px 11px;font-size:13px;white-space:nowrap;text-decoration:none}.chapter-nav a[aria-current=true]{background:var(--ultramarine);border-color:var(--ultramarine);color:var(--paper)}.case-section{padding:36px 0;scroll-margin-top:64px}.case-section+.case-section{border-top:1px solid var(--rule)}h2,h3,h4{font-family:var(--code);font-weight:400}h2{font-size:32px;line-height:1.25;max-width:var(--reading);margin:24px 0}h3{font-size:24px;line-height:1.3;max-width:var(--reading);margin:32px 0 24px}p{margin:24px 0}.prose{max-width:var(--reading);margin:24px 0}.eyebrow,.mini-label,.figure-label{font-size:12px;line-height:1.5;font-style:italic;font-weight:500;text-transform:uppercase;letter-spacing:.02em}.eyebrow{margin:0 0 24px}.case-section>h2:first-of-type{margin-top:24px}blockquote{max-width:820px;margin:24px 0;border-left:3px solid var(--vermillion);padding:16px 24px}blockquote p{font-size:24px;line-height:1.5;margin:0;max-width:680px}.interface-figure{padding:24px;border:1px solid var(--ultramarine);border-radius:14px;margin:24px 0;width:100%;max-width:1344px}.figure-label{margin:0 0 16px}.image-zoom{display:block}.interface-figure img{display:block;width:100%;height:auto;box-shadow:0 3px 14px #19191916}.interface-figure figcaption{font-size:14px;max-width:900px;margin-top:16px}.result-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1100px;margin:24px 0}.result-comparison>div{background:var(--ink);color:var(--paper);padding:24px}.result-comparison .recommended{background:var(--ultramarine)}.result-comparison p{margin:0}.result-comparison h3{font-size:28px;margin:16px 0}.result-comparison h3 strong{font-weight:500}.table-scroll{max-width:1100px;overflow:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-size:18px}caption{font-size:12px;text-align:left;caption-side:bottom;margin:16px 0;line-height:1.5}th,td{text-align:left;vertical-align:top;padding:16px 20px;border-bottom:1px solid var(--rule)}th{font-weight:500}thead{background:var(--ink);color:var(--paper)}thead th{font-weight:400}.apply-rates{max-width:900px}.apply-rates tbody td:nth-child(3){color:var(--ultramarine);font-weight:600}.reflection{background:var(--ink);color:var(--paper);padding:40px 32px;border-radius:16px;margin:0 0 24px}.reflection-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin:24px 0}.reflection-row h3,.reflection-row p{margin:0 0 16px;max-width:none}.reflection-row h3{font-size:24px}.reflection-row p{font-size:16px}.case-ending{display:grid;grid-template-columns:680fr 600fr;gap:64px;align-items:center}.case-ending p{max-width:680px}.case-ending .interface-figure{margin:0}.case-disclosure{max-width:1440px;margin:0 auto;padding:0 48px 24px;font-size:12px;font-style:italic}.case-footer{background:var(--ink);color:var(--paper);padding:48px;display:grid;grid-template-columns:100px minmax(240px,1fr) minmax(240px,1fr) minmax(150px,.6fr);gap:48px}.case-footer h2{font:700 24px/1.5 var(--body);margin:0 0 8px}.case-footer p{margin:0 0 12px}.case-footer a:not(.wordmark){display:block;margin-bottom:8px}.case-footer button{color:var(--paper);background:transparent;border:1px solid #888;padding:8px 12px;margin-top:16px}.case-footer .wordmark{align-self:start}
/* Illustrative Confluence records: readable HTML, not screenshots. */
.workspace-figure{width:1100px;max-width:100%;margin:32px 0}.workspace-scroll{overflow-x:auto;border-radius:10px;border:1px solid #d1d1d1}.workspace{min-width:1000px;background:white;color:var(--ink)}.workspace-bar{display:flex;gap:40px;background:var(--ink);color:var(--paper);padding:16px 24px;font-size:12px;font-style:italic}.workspace-bar>span:first-child{letter-spacing:4px}.workspace-shell{display:grid;grid-template-columns:200px 1fr}.workspace aside{padding:28px 20px 32px;background:#f2f2f0;display:flex;flex-direction:column;gap:20px;align-self:start}.workspace aside strong{color:var(--ultramarine);font-weight:400;font-size:18px}.workspace aside>span{font-size:14px}.workspace aside p{margin:0}.workspace-content{padding:28px 32px 32px;min-width:0}.workspace-content>.mini-label{margin:0 0 20px;font-size:11px}.workspace-content>h3{font-size:30px;margin:0 0 20px;max-width:none}.workspace-content>p{margin:0 0 20px;font-size:16px}.mock-filters{display:flex;justify-content:space-between;gap:24px;padding:0 0 20px;font-size:14px;border-bottom:1px solid #ddd}.workspace table{font-size:14px}.workspace thead{background:transparent;color:var(--ink);font-size:11px;font-style:italic}.workspace th,.workspace td{padding:16px 8px 16px 0;border-color:#ddd}.workspace td{vertical-align:middle}.mock-index th:nth-child(1){width:24%}.mock-index th:nth-child(2){width:25%}.mock-index th:nth-child(3){width:24%}.verdict-chip{display:inline-flex;align-items:center;justify-content:center;border:1px solid;white-space:nowrap;font-size:13px;line-height:1.3;min-width:120px;padding:5px 9px;border-radius:4px}.validated{background:var(--green);border-color:#95cc75;color:#2f4e1d}.conditional{background:var(--purple);border-color:#9c75cc;color:#331d4e}.rejected{background:var(--red);border-color:#cc7575;color:#4e1d1d}.inconclusive{background:var(--yellow);border-color:#dac01a;color:#4e471d}.untested{background:var(--gray);border-color:#a1a1a1;color:#363636}.workspace-figure figcaption{font-size:12px;font-style:italic;text-transform:uppercase;margin-top:16px}.evidence-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.evidence-columns h4{color:var(--ultramarine);font:500 12px/1.5 var(--body);margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #ddd}.evidence-doc{font-size:15px;background:#f5f5f3;margin:0 0 12px;padding:16px 14px}.mock-record-note{border-top:1px solid #ddd;padding-top:20px;margin-top:20px!important}.record-meta,.record-links{display:flex;gap:20px;align-items:center;font-size:12px}.record-fields>div{border-top:1px solid #ddd;padding:20px 0}.record-fields dt{font-size:12px;color:var(--ultramarine);margin-bottom:20px;font-weight:500}.record-fields dd{margin:0;font-size:17px}.record-links{font-size:16px;justify-content:space-between}.audit-figure{max-width:1100px;margin:24px 0}.audit-figure>figcaption{font-size:12px;font-style:italic;text-transform:uppercase}.audit-units{display:grid;grid-template-columns:repeat(18,1fr);gap:6px;margin:20px 0}.audit-units span{display:block;aspect-ratio:1}.audit-table{max-width:900px}.audit-table th,.audit-table td{font-size:16px}.context-strip{max-width:1100px;background:var(--ink);color:var(--paper);padding:28px;margin:24px 0}.context-strip h3{font-size:25px;margin:0 0 20px;max-width:none}.context-strip p{font-size:18px;margin:0}
@media(min-width:1600px){.case-footer{padding-inline:max(48px,calc((100vw - 1344px)/2))}}@media(max-width:1050px){.site-header nav{font-size:16px;gap:24px}.site-header,.case-hero{padding-inline:32px}.article-wrap{padding-inline:32px}.project-meta,.project-snapshot{margin-inline:32px}.project-snapshot{grid-template-columns:1fr 1fr}.project-snapshot>div:nth-child(2){border-right:0}.case-footer{grid-template-columns:80px 1fr 1fr;gap:32px}.case-footer>div:last-child{grid-column:2/-1}.case-ending{grid-template-columns:1fr;gap:24px}.reflection-row{gap:32px}.reflection-row h3{font-size:22px}.case-hero h1{font-size:42px}}@media(max-width:700px){html{scroll-padding-top:80px}.site-header{padding:16px 20px;gap:16px;align-items:flex-start}.identity{gap:10px}.identity .wordmark{font-size:48px}.identity>span:last-child{font-size:11px}.site-header nav{gap:14px;font-size:14px;flex-wrap:wrap;justify-content:flex-end}.site-header .contact-button{font-size:13px;padding:7px 10px}.site-header .contact-button img{width:14px;height:14px}.case-hero{padding:32px 20px}.case-hero h1{font-size:clamp(30px,7.5vw,42px)}.case-hero p{font-size:20px}.project-meta{margin-inline:20px;padding:14px 0;gap:8px 12px;font-size:13px}.project-meta li+li::before{margin-right:12px}.project-snapshot{margin:12px 20px 0;gap:16px 0}.project-snapshot>div{padding:8px 12px}.project-snapshot dt{font-size:10px;margin-bottom:8px}.project-snapshot dd{font-size:14px}.article-wrap{padding-inline:20px}.chapter-nav{gap:8px;min-height:60px;padding:10px 0}.chapter-nav a{font-size:13px;padding:6px 10px}.case-section{padding:32px 0}h2{font-size:27px}h3{font-size:22px}blockquote{padding:12px 16px}blockquote p{font-size:20px}.interface-figure{padding:16px;border-radius:8px}.image-zoom{overflow-x:auto}.interface-figure img{min-width:700px;max-width:none}.interface-figure figcaption{font-size:12px}.mini-figure img{min-width:0;max-width:100%}.result-comparison{grid-template-columns:1fr;gap:16px}.result-comparison h3{font-size:26px}.table-scroll table{min-width:550px}th,td{padding:14px 12px}.reflection{padding:24px 20px}.reflection-row{grid-template-columns:1fr;gap:16px}.case-ending{display:block}.case-ending .interface-figure{margin:24px 0}.case-disclosure{padding-inline:20px}.case-footer{padding:32px 20px;grid-template-columns:1fr;gap:24px}.case-footer>div:last-child{grid-column:auto}.case-footer .wordmark{font-size:56px}.workspace-figure{margin:24px 0}.workspace-figure figcaption{font-size:10px}.audit-units{grid-template-columns:repeat(9,1fr)}.audit-table .verdict-chip{min-width:0;font-size:12px}.audit-table th,.audit-table td{padding:12px 6px;font-size:13px}.context-strip{padding:20px}.context-strip h3{font-size:20px}.contact-button{font-size:14px}.table-scroll{scrollbar-width:thin}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
@media(max-width:700px){.identity{flex-shrink:0}.identity>span:last-child{width:84px}.site-header nav{max-width:148px;gap:12px}.site-header .contact-button{font-size:12px}}
/* Section offsets account for the sticky chapter row once, not twice. */
html{scroll-padding-top:0}

/* Shared controls: compact default, explicit pointer and keyboard states. */
.contact-button{min-height:44px;transition:background-color .15s ease,border-color .15s ease}
.contact-button:hover,.contact-button:focus-visible{background:var(--ultramarine);border-color:var(--ultramarine);color:var(--paper)}
.site-header nav>a:not(.contact-button):hover,.site-header nav>a:not(.contact-button):focus-visible{color:var(--ultramarine)}
.chapter-nav a:hover,.chapter-nav a:focus-visible{background:var(--ultramarine);border-color:var(--ultramarine);color:var(--paper)}
.case-footer h2{font-size:18px}.case-footer a:not(.wordmark){color:var(--vermillion)}
.case-footer a:hover{text-decoration-thickness:2px}.case-footer :focus-visible{outline-color:var(--paper)}
@media(prefers-reduced-motion:reduce){.contact-button{transition:none}}
