/* Independent detail pages share the homepage's type, palette, and concept scenes. */
.detail-hero{padding:86px 0 66px;border-bottom:1px solid var(--line)}
.detail-breadcrumb{display:flex;align-items:center;gap:13px;margin-bottom:42px;color:var(--muted);font-size:12px}
.detail-breadcrumb a{text-decoration:none}.detail-breadcrumb a:hover{text-decoration:underline}
.detail-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end}
.detail-hero h1{font-size:clamp(46px,6.4vw,92px);line-height:1.04;max-width:14ch}
.detail-hero h1 em{font-style:normal;color:#76658f}
.detail-hero-copy{max-width:43ch;padding-bottom:5px;font-size:18px;color:var(--muted)}
.detail-hero-copy .text-link{margin-top:28px;color:var(--ink)}
.detail-subnav{display:flex;gap:30px;flex-wrap:wrap;margin-top:54px;padding-top:21px;border-top:1px solid var(--line);font-size:13px}
.detail-subnav a{text-decoration:none;display:inline-flex;gap:14px;align-items:center;padding:6px 0}
.detail-subnav a span{font-family:Consolas,monospace;font-size:10px;color:var(--muted)}
.detail-subnav a:hover{text-decoration:underline}
.detail-section{padding:104px 0;border-bottom:1px solid var(--line);scroll-margin-top:0}
.detail-section--tint{background:#eceeeb}
.detail-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:64px;margin-bottom:48px}
.detail-heading h2{font-size:clamp(34px,4.3vw,62px);max-width:19ch}
.detail-heading .section-label{align-self:start;padding-top:12px}
.detail-heading p:not(.section-label){max-width:58ch;margin-top:23px;color:var(--muted)}
.detail-scene{border-block:1px solid var(--line);padding-block:12px;margin-top:40px}
.diagram-fallback{padding:30px;color:var(--muted);max-width:80ch}
.detail-note{font-size:13px;color:var(--muted);max-width:84ch;margin-top:24px}
.detail-steps{list-style:none;padding:0;margin:0;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.detail-steps li{counter-increment:step;border-top:1px solid var(--line);padding-top:22px;min-width:0}
.detail-steps li::before{content:'0' counter(step);font-family:Consolas,monospace;font-size:11px;letter-spacing:.1em;color:var(--muted)}
.detail-steps h3{font-size:23px;margin:18px 0 13px;letter-spacing:-.04em}
.detail-steps p{font-size:15px;color:var(--muted)}
.detail-review{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.detail-review h3{font-size:30px;margin-bottom:20px;max-width:20ch}
.detail-review p{color:var(--muted);max-width:48ch}
.review-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.review-list li{padding:19px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:115px 1fr;gap:24px;font-size:15px}
.review-list strong{font-weight:600}.review-list span{color:var(--muted)}
.detail-related{padding:66px 0;background:#e9ece8}
.detail-related .wrap{display:flex;align-items:center;justify-content:space-between;gap:35px}
.detail-related h2{font-size:clamp(29px,3vw,44px);max-width:21ch}
.detail-related-links{display:flex;gap:25px;flex-wrap:wrap;flex-shrink:0}
.detail-footer{padding:54px 0 27px;background:var(--dark);color:#f0f1ee}
.detail-footer .brand img{filter:grayscale(1) brightness(0) invert(1)}
.detail-footer nav{display:flex;flex-wrap:wrap;gap:27px;align-items:start;font-size:13px}
.detail-footer nav a{text-decoration:none;padding:5px 0}.detail-footer nav a:hover{text-decoration:underline}
.detail-faq{max-width:1000px;margin-inline:auto}
.detail-faq details{border-top:1px solid var(--line);padding:22px 0}
.detail-faq details:last-child{border-bottom:1px solid var(--line)}
.detail-faq summary{font-size:21px;letter-spacing:-.025em;cursor:pointer;padding-right:20px}
.detail-faq details p{font-size:16px;color:var(--muted);margin-top:18px;max-width:75ch}
@media(max-width:1100px){.detail-hero-grid{gap:40px;grid-template-columns:1.2fr 1fr}.detail-heading{grid-template-columns:.5fr 1.5fr;gap:40px}.detail-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.detail-related .wrap{align-items:start;flex-direction:column}.detail-related-links{flex-shrink:1}}
@media(max-width:760px){.detail-hero{padding:49px 0 36px}.detail-breadcrumb{margin-bottom:29px}.detail-hero-grid,.detail-heading,.detail-review{grid-template-columns:1fr;gap:27px}.detail-hero h1{font-size:clamp(44px,10vw,68px);max-width:15ch}.detail-hero-copy{font-size:16px;max-width:50ch}.detail-hero-copy .text-link{margin-top:20px}.detail-subnav{margin-top:34px;gap:10px 23px;font-size:12px}.detail-subnav a{gap:9px}.detail-section{padding:64px 0;scroll-margin-top:0}.detail-heading{margin-bottom:32px;gap:20px}.detail-heading .section-label{padding-top:0}.detail-heading h2{font-size:39px}.detail-heading p:not(.section-label){font-size:16px;margin-top:20px}.detail-scene{margin-top:27px;margin-inline:-12px}.detail-review{gap:30px}.detail-related{padding:44px 0}.detail-related-links{gap:15px 30px}.detail-footer nav{gap:20px}.detail-faq summary{font-size:19px}.review-list li{grid-template-columns:90px 1fr;gap:18px}}
@media(max-width:420px){.detail-hero h1{font-size:44px}.detail-steps{grid-template-columns:1fr}.detail-heading h2{font-size:35px}.detail-steps{gap:27px}.detail-steps h3{margin-top:12px}.detail-subnav{gap:8px 22px}.review-list li{display:block}.review-list li strong{display:block;margin-bottom:6px}.detail-related-links{display:block}.detail-related-links a{display:flex;margin-top:12px}.detail-faq summary{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}