/* Product pages keep the shared site shell and expose their own reading paths. */
.product-nav{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem;padding-block:1.25rem;border-bottom:1px solid var(--line)}
.product-nav>span{font-size:.8125rem;font-weight:600;color:var(--muted);margin-right:auto}
.product-nav a{display:inline-flex;align-items:center;min-height:44px;padding:.5rem .85rem;border-radius:6px;font-size:.875rem;text-decoration:none}
.product-nav a:hover{color:var(--accent);text-decoration:underline}
.product-nav a[aria-current=page]{background:var(--soft);color:var(--accent);font-weight:600}
.features-page .page-hero{padding-bottom:3rem}
.features-page .page-hero .lede{max-width:64ch}
.feature-index{padding-block:2rem 3rem}
.feature-index h2{font-size:1rem;margin:0 0 1rem}
.feature-index ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 1.5rem;list-style:none;margin:0;padding:0}
.feature-index a{display:flex;align-items:center;gap:.75rem;min-height:64px;padding:.75rem 0;border-top:1px solid var(--line);text-decoration:none;font-size:.875rem;line-height:1.4}
.feature-index a:hover{text-decoration:underline;color:var(--accent)}
.feature-index a>span{color:var(--accent);font-size:.75rem;font-variant-numeric:tabular-nums}
.feature-detail{padding-block:4rem;border-top:1px solid var(--line)}
.feature-detail:nth-of-type(even){background:var(--surface)}
.feature-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:4rem}
.feature-detail-intro h2{font-size:clamp(1.75rem,2.7vw,2.5rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 1.2rem}
.feature-detail-intro .eyebrow{margin-bottom:1rem;color:var(--accent)}
.feature-detail-intro>p:not(.eyebrow){color:var(--muted);font-size:.9375rem}
.feature-detail-intro>a{display:inline-flex;align-items:center;min-height:44px;color:var(--accent);font-size:.875rem}
.feature-detail-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;list-style:none;margin:0;padding:0}
.feature-detail-list li{border-top:1px solid var(--line);padding-top:1.15rem;min-width:0}
.feature-detail-list h3{font-size:1rem;line-height:1.4;margin:0 0 .6rem}
.feature-detail-list p{font-size:.875rem;color:var(--muted);line-height:1.65;margin:0}
.feature-detail-note{padding-top:1.1rem;border-top:1px solid var(--line)}
.feature-next{background:var(--soft)}
@media(max-width:1000px){.feature-detail-grid{gap:2rem;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr)}.feature-index ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.feature-detail-grid{grid-template-columns:1fr;gap:1.5rem}.feature-detail{padding-block:2.5rem}.feature-detail-intro{max-width:60ch}.feature-detail-list{gap:1.75rem 1.5rem}.product-nav{gap:.25rem}.product-nav>span{width:100%}}
@media(max-width:480px){.feature-detail-list,.feature-index ol{grid-template-columns:1fr}.feature-index a{min-height:50px}.product-nav a{padding:.5rem .65rem}.features-page .page-hero .hero-actions{align-items:stretch;flex-direction:column}}

.feature-availability{max-width:80ch;padding:1rem 1.25rem;border-left:3px solid var(--accent);background:var(--soft);color:var(--muted);font-size:.875rem;margin-top:1.5rem}
.feature-availability strong{color:var(--ink)}
