.alt-main h1 { max-width: 18ch; }
.alt-summary { max-width: 60ch; font-size:var(--text-16); line-height: 1.6; padding: 16px 20px; border-left: 3px solid var(--accent, #d5f582); background: var(--panel, rgba(0,0,0,.04)); border-radius: 0 12px 12px 0; margin: 28px 0 8px; }
.alt-group { margin-top: 48px; }
.alt-group h2 { margin-bottom: 4px; }
.alt-note { color: var(--muted); margin: 0 0 16px; max-width: 60ch; }
.alt-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--line); border-radius: 12px; }
.alt-table { border-collapse: collapse; width: 100%; min-width: 860px; font-size:var(--text-14); }
.alt-table th, .alt-table td { padding: 12px 10px; text-align: center; border-bottom: 1px solid var(--line); vertical-align: middle; }
.alt-table thead th { font:600 12px/1.4 var(--font); color: var(--muted); letter-spacing: .02em; text-transform: uppercase; background: var(--panel, rgba(0,0,0,.03)); position: sticky; top: 0; }
.alt-table tbody th { text-align: left; font-weight: 600; min-width: 200px; }
.alt-table tbody th a { color: inherit; text-decoration: none; }
.alt-table tbody th a:hover { text-decoration: underline; }
.alt-maker { display: block; font-weight: 400; font-size:var(--text-12); color: var(--muted); }
.alt-table tbody tr:last-child th, .alt-table tbody tr:last-child td { border-bottom: 0; }
.alt-reference { background: rgba(213,245,130,.18); }
.alt-yes svg { width: 18px; height: 18px; stroke: #2f7a3a; }
.alt-no { color: var(--line); font-size:var(--text-18); }
.alt-unknown { color: var(--muted); }
.alt-price { white-space: nowrap; font-variant-numeric: tabular-nums; }
.alt-cards { list-style: none; padding: 0; margin: 16px 0 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.alt-cards li { border: 1px solid var(--line); border-radius: 12px; padding: 14px 16px; }
.alt-cards a { text-decoration: none; color: inherit; display: block; }
.alt-cards strong { display: block; margin-bottom: 4px; }
.alt-cards span { font-size:var(--text-14); color: var(--muted); line-height: 1.5; }
.alt-tradeoff { margin: 8px 0 0; font-size:var(--text-13); line-height: 1.5; color: var(--muted); }
.alt-tradeoff:empty { display: none; }
.alt-faq { margin-top: 56px; max-width: 64ch; }
.alt-faq details { border-top: 1px solid var(--line); padding: 12px 0; }
.alt-faq details:last-of-type { border-bottom: 1px solid var(--line); }
.alt-faq summary { cursor: pointer; font-weight: 600; font-size:var(--text-16); }
.alt-faq p { margin: 10px 0 0; line-height: 1.6; }
.alt-next { margin-top: 48px; padding: 24px; border-radius: 16px; background: var(--panel, rgba(0,0,0,.04)); }
.alt-next h2 { margin-top: 0; }
.alt-next .button { display: inline-flex; align-items: center; gap: 8px; margin-right: 8px; }
@media (max-width: 600px) { .alt-table { font-size:var(--text-13); } .alt-table th, .alt-table td { padding: 10px 8px; } .alt-summary { font-size:var(--text-14); } }