/* Restored content pages share the tech redesign palette and type system. */
.detail-page .container{width:min(1080px,calc(100% - 48px));margin-inline:auto}
.detail-page .article{max-width:960px}
.page-hero{padding:70px 0 78px;color:var(--paper)}
.page-hero>.container{position:relative;z-index:2}
.page-hero .breadcrumb{font-family:var(--mono);font-size:.7rem;color:#a6bab3;margin-bottom:32px;line-height:1.8}
.page-hero .breadcrumb a{text-underline-offset:4px}
.page-hero .eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.115em;text-transform:uppercase;color:var(--mint);font-weight:700}
.page-hero h1{font-size:clamp(2.7rem,5.2vw,5.5rem);line-height:1.02;letter-spacing:-.055em;margin:22px 0 28px;font-weight:720;max-width:1050px}
.page-hero .lede{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.65;color:#c8d4cf;max-width:800px}
.page-hero .ctas{margin-top:30px}
.detail-page main.section{padding:76px 0 96px}
.detail-page main h2{font-family:var(--serif);font-size:clamp(2rem,3.6vw,3rem);font-weight:400;line-height:1.12;letter-spacing:-.03em;color:var(--ink);margin:52px 0 22px}
.detail-page main h2:first-child{margin-top:0}
.detail-page main p,.detail-page main li{font-size:1.05rem;line-height:1.8}
.detail-page main a{text-underline-offset:4px}
.detail-page .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.detail-page .card{border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--paper-2);padding:30px}
.detail-page .card h3{font-family:var(--serif);font-size:1.65rem;line-height:1.2;font-weight:400;letter-spacing:-.025em;margin:0 0 14px;color:var(--ink)}
.detail-page .card p{color:var(--muted);margin:0 0 18px}
.detail-page .card p:last-child{margin-bottom:0}
.detail-page .tag{display:block;font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;margin-bottom:20px;color:var(--ink)}
.detail-page .checks{list-style:none;padding:0;border-top:1px solid var(--line)}
.detail-page .checks li{position:relative;padding:16px 16px 16px 34px;border-bottom:1px solid var(--line)}
.detail-page .checks li:before{content:'↗';position:absolute;left:0;color:var(--ink)}
.detail-page .callout{background:var(--ink);color:var(--paper);border-left:4px solid var(--mint);padding:28px 30px;margin:38px 0;line-height:1.8}
@media(max-width:720px){.detail-page .container{width:calc(100% - 28px)}.page-hero{padding:46px 0 52px}.detail-page .grid-2{grid-template-columns:1fr}.detail-page .card{padding:24px}.detail-page main.section{padding:48px 0 64px}}