/* Product feature pages — extends /styles.css, tokens only */
.fp-hero{background:var(--chalk);border-bottom:1px solid var(--line)}
.fp-hero .wrap{padding-block:clamp(40px,7vw,80px)}
.fp-hero h1{font-size:clamp(2rem,5vw,3.2rem);max-width:20ch;margin-top:.5em}
.fp-hero .lead{margin-top:1em;max-width:54ch}
.fp-jump{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.fp-jump a{font-family:var(--f-mono);font-size:.8125rem;color:var(--stone-body);border:1px solid var(--line);border-radius:999px;padding:7px 14px;background:var(--white);text-decoration:none}
.fp-jump a:hover{color:var(--ink);border-color:var(--stone-body)}
.fp-group{padding-block:clamp(36px,6vw,64px);border-bottom:1px solid var(--line)}
.fp-group:nth-of-type(even){background:var(--white)}
.fp-group h2{font-size:clamp(1.35rem,3vw,1.8rem);margin-top:.3em}
.fp-group .intro{color:var(--stone-body);max-width:60ch;margin-top:.6em}
.fp-table{width:100%;border-collapse:collapse;margin-top:26px}
.fp-table th{text-align:left;font-family:var(--f-mono);font-weight:500;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stone-body);padding:0 16px 10px 0;border-bottom:2px solid var(--ink)}
.fp-table td{padding:14px 16px 14px 0;border-bottom:1px solid var(--line);vertical-align:top;font-size:.9375rem;line-height:1.55}
.fp-table td:first-child{width:30%;font-family:var(--f-display);font-weight:600;letter-spacing:-.005em;color:var(--ink)}
.fp-table td:last-child{color:var(--stone-body);padding-right:0}
.fp-note{margin-top:22px;font-size:.8125rem;color:var(--stone-body)}
.fp-family{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.fp-family a{display:block;border:1px solid var(--line);border-radius:12px;padding:18px;background:var(--white);text-decoration:none}
.fp-family a:hover{border-color:var(--stone-body)}
.fp-family a.here{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.fp-family b{font-family:var(--f-display);font-weight:600;display:block;margin-bottom:.3em}
.fp-family span{font-size:.8125rem;color:var(--stone-body)}
.fp-family a.here span{color:var(--stone-rev)}
@media(max-width:720px){
  .fp-table thead{display:none}
  .fp-table,.fp-table tbody,.fp-table tr,.fp-table td{display:block;width:100%}
  .fp-table td:first-child{width:100%;padding:14px 0 2px;border-bottom:0}
  .fp-table td:last-child{padding:0 0 14px}
  .fp-family{grid-template-columns:1fr 1fr}
}
@media(max-width:420px){.fp-family{grid-template-columns:1fr}}