/* /faq/ and /machines/compare/ — shared tokens only */
.hub-hero{padding-block:clamp(2.5rem,6vw,4.5rem);border-block-end:1px solid var(--color-rule)}
.hub-hero h1{margin:.5rem 0 1rem;font:700 clamp(2.2rem,5.5vw,4rem)/1.04 var(--font-display);letter-spacing:-.045em;max-width:20ch}
.hub-hero .lede{max-width:62ch;margin:0;color:var(--color-muted);font-size:clamp(1rem,1.8vw,1.15rem)}
.hub-hero .eyebrow{color:var(--color-accent)}
.hub-jump{display:flex;flex-wrap:wrap;gap:.25rem 1.25rem;padding-block:1rem;border-block-end:1px solid var(--color-rule)}
.hub-jump a{display:inline-flex;min-height:2.75rem;align-items:center;color:var(--color-accent-deep);font-weight:600;text-underline-offset:.25em}
.hub-section{padding-block:clamp(3rem,6vw,4.5rem)}
.hub-section:nth-of-type(even){background:var(--color-paper-2)}
.hub-section h2{margin:0 0 .75rem;font:600 clamp(1.6rem,3.2vw,2.4rem)/1.12 var(--font-display);letter-spacing:-.03em}
.hub-section>.wrap>p{max-width:68ch;color:var(--color-muted)}
.hub-count{margin:0 0 1.5rem;font:600 .75rem var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}
.faq-group{margin-block-start:2rem}
.faq-group h3{margin:0 0 .5rem;font:600 1.15rem/1.3 var(--font-display)}
.faq-group h3 a{color:var(--color-ink);text-underline-offset:.25em}
.faq-item{border-block-start:1px solid var(--color-rule);background:var(--color-surface)}
.faq-item:last-child{border-block-end:1px solid var(--color-rule)}
.faq-item summary{cursor:pointer;padding:1rem 1rem 1rem 2.25rem;position:relative;font-weight:600;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{content:"+";position:absolute;left:.85rem;top:.95rem;color:var(--color-accent);font:700 1.1rem var(--font-mono)}
.faq-item[open] summary::before{content:"–"}
.faq-answer{padding:0 1rem 1rem 2.25rem;max-width:75ch;color:var(--color-ink-2)}
.faq-answer p{margin:.5rem 0}
.faq-source{font-size:.82rem;color:var(--color-muted)}
.faq-source a,.faq-answer a,.quick-answers a{color:var(--color-accent-deep)}
.table-scroll{overflow-x:auto;margin-block-start:1.5rem;border:1px solid var(--color-rule);background:var(--color-surface)}
.table-scroll:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
.compare-table{width:100%;min-width:56rem;border-collapse:collapse;font-size:.9rem}
.compare-table th,.compare-table td{padding:.85rem 1rem;text-align:left;vertical-align:top;border-block-end:1px solid var(--color-rule)}
.compare-table thead th{background:var(--color-paper-2);font:600 .72rem var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}
.compare-table tbody th{width:17rem;font-weight:600}
.compare-table tbody th a{color:var(--color-ink);text-underline-offset:.2em}
.compare-table td a{color:var(--color-accent-deep);white-space:nowrap}
.catalog-id{display:block;margin-top:.25rem;font:600 .72rem var(--font-mono);color:var(--color-accent)}
.quick-answers{display:grid;gap:0;margin:1.5rem 0 0}
.quick-answers div{padding-block:1.1rem;border-block-start:1px solid var(--color-rule)}
.quick-answers dt{font:600 1.1rem/1.3 var(--font-display)}
.quick-answers dd{margin:.4rem 0 0;max-width:75ch;color:var(--color-ink-2)}
.hub-note{margin-top:1.5rem;padding:1rem;border-inline-start:3px solid var(--color-signal);background:var(--color-surface);font-size:.86rem}
.hub-cta{background:var(--color-accent-soft)!important}
.hub-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:1.25rem}
.hub-actions .text-link{color:var(--color-accent-deep);font-weight:600;text-underline-offset:.25em}
@media(min-width:48rem){.quick-answers{grid-template-columns:1fr 1fr;column-gap:3rem}}