.hero h1{font-size:clamp(2.65rem,4.4vw,3.8rem)}
.footer-pages{display:flex;gap:14px 30px;flex-wrap:wrap;margin-top:26px;font-size:.9rem;font-weight:700}.footer-pages a:hover{text-decoration:underline}
.detail-hero{background:var(--navy);color:white;padding:28px 0 72px}.breadcrumb{display:flex;gap:12px;flex-wrap:wrap;color:#bdd3d4;font-size:.875rem;margin-bottom:58px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.detail-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:70px;align-items:center}.detail-intro h1{font-size:clamp(2.6rem,4.6vw,4.1rem)}.detail-lead{font-size:1.1rem;line-height:1.85;color:#c2d7da;margin:26px 0 30px;max-width:650px}.detail-summary{border-left:2px solid var(--mint);padding:12px 0 12px 34px}.detail-summary h2{font-size:1.6rem;line-height:1.5;letter-spacing:-.025em}.detail-summary ul{list-style:none;margin:26px 0;padding:0;color:#d5e5e5}.detail-summary li{padding:12px 0;border-top:1px solid #31535a}.detail-release{font-size:.875rem;color:#a9c2c7;line-height:1.8}.use-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0;counter-reset:steps}.step-index{font-size:2rem;color:var(--teal);font-weight:600}.use-steps h3{font-size:1.25rem;line-height:1.45;margin:17px 0 15px;letter-spacing:-.025em}.use-steps p,.use-features p,.example-copy p{color:var(--muted);line-height:1.85}.detail-features{background:#edf4f1;padding:72px 0;border-block:1px solid var(--line)}.use-features{display:grid;grid-template-columns:1fr 1fr;gap:34px 65px;margin-top:42px}.use-features article{border-top:1px solid #c5d9d0;padding-top:24px}.use-features h3{font-size:1.3rem;line-height:1.4;letter-spacing:-.025em;margin-bottom:15px}.detail-features .inline-link{margin-top:34px}.example-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.example-copy p+p{margin-top:22px}.faq-section{padding:64px 0;background:#e8efef;border-block:1px solid var(--line)}.faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.faq-list details{border-bottom:1px solid #bdcdca}.faq-list summary{font-size:1.05rem;line-height:1.6;font-weight:700;cursor:pointer;padding:19px 8px}.faq-list details p{padding:0 8px 24px;color:var(--muted);line-height:1.85}.detail-page .section-quote{margin-top:0}.detail-page .section-quote h2{font-size:1.6rem;line-height:1.4}.detail-page .feature-note{margin-top:22px}
@media(max-width:1000px){.detail-intro{gap:38px;grid-template-columns:1.1fr 1fr}.use-steps{gap:25px}.example-layout,.faq-layout{gap:36px}}
@media(max-width:800px){.detail-intro{grid-template-columns:1fr;gap:42px}.detail-hero{padding-bottom:52px}.breadcrumb{margin-bottom:38px}.detail-summary{max-width:640px}.use-steps{grid-template-columns:1fr}.use-steps li{border-top:1px solid var(--line);padding-top:24px}.use-steps h3{margin-top:10px}.example-layout,.faq-layout{grid-template-columns:1fr;gap:30px}.use-features{gap:30px}.detail-lead{font-size:1rem}}
@media(max-width:560px){.hero h1{font-size:2.65rem}.detail-intro h1{font-size:2.6rem}.detail-summary{padding-left:24px}.detail-summary h2{font-size:1.4rem}.use-features{grid-template-columns:1fr}.detail-features,.faq-section{padding-block:52px}.breadcrumb{font-size:.875rem;gap:8px}.footer-pages{flex-direction:column;gap:12px}.detail-page .section-quote h2{font-size:1.5rem}}