/* Shared-shell pages with compact, readable content cards. */
.extras-page {min-width:0;padding-top:40px}
.extras-page .subpage-header {margin-bottom:28px;max-width:860px}
.extras-page h1 {font-size:clamp(34px,5.2vw,66px);line-height:1.08;letter-spacing:-.05em;margin:12px 0 18px}
.extras-page h2 {font-size:clamp(23px,2.5vw,32px);line-height:1.2;letter-spacing:-.03em;margin:12px 0}
.extras-page h3 {font-size:18px;line-height:1.4;margin:0 0 10px}
.extras-page p {line-height:1.7}
.extras-page .dek,.extras-page .directory-lead,.extras-page .referral-lead {font-size:17px;max-width:780px;color:#555}
.extras-page .updated,.extras-page .responsible,.extras-page .microcopy,.extras-page .preview-note {font-size:12px;color:#666;line-height:1.65}
.extras-page .bento {padding:clamp(22px,3vw,34px);margin-bottom:20px}
.extras-page .guide-cards,.extras-page .guide-chapters,.extras-page .referral-hero,.extras-page .rules-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.extras-page .guide-cards .bento,.extras-page .guide-chapters .bento {margin:0}
.extras-page .card h2 a {color:inherit;text-decoration:none}
.extras-page .card h2 a::after {content:' ↗';color:var(--orange)}
.extras-page .callout {font-size:14px;line-height:1.7;margin-top:20px}
.extras-page .callout strong {display:block;margin-bottom:8px}
.extras-page .cta {margin-top:20px}
.extras-page .cta a {display:inline-block;margin:10px 20px 0 0;font-size:14px;font-weight:700}
.extras-page .guide-chapter summary {display:flex;justify-content:space-between;gap:18px;font-size:21px;letter-spacing:-.03em;font-weight:700;cursor:pointer;list-style:none;line-height:1.4}
.extras-page .guide-chapter summary::-webkit-details-marker {display:none}
.extras-page .guide-chapter summary span {color:var(--orange);flex-shrink:0}
.extras-page .guide-chapter[open] summary span {transform:rotate(45deg)}
.extras-page .chapter-content {font-size:14px;padding-top:8px}
.extras-page .chapter-content li {line-height:1.7;margin-bottom:7px}
.extras-page .chapter-content ul,.extras-page .chapter-content ol {padding-left:22px}
.extras-page .formula {padding:18px;background:#faf5ec;border:1px solid #ddd;border-radius:12px;line-height:1.75;overflow-wrap:anywhere;font-family:'DM Mono',monospace;font-size:12px}
.extras-page .chapter-content .callout {border-left:3px solid var(--orange);padding:12px 18px;background:#fff5e8;margin:18px 0}
.extras-page .directory-intro {position:relative}
.extras-page .directory-notice {font-size:12px;line-height:1.7;max-width:800px;margin:22px 0}
.extras-page .directory-notice p {margin:8px 0}
.extras-page .directory-toolbar {display:flex;align-items:center;justify-content:space-between;gap:24px}
.extras-page .directory-search {width:270px;max-width:100%}
.extras-page .directory-search label {display:block;font-size:12px;font-weight:700;margin-bottom:8px}
.extras-page input {width:100%;border:1px solid #d1d1c7;border-radius:10px;background:#fff;padding:12px 14px;font:inherit}
.extras-page .directory-count {font-size:12px;color:#6b6b60}
.extras-page .directory-table-scroll {max-height:540px;overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:12px}
.extras-page .capper-table {width:100%;border-collapse:collapse;font-size:13px;text-align:left}
.extras-page .capper-table caption {position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.extras-page .capper-table th,.extras-page .capper-table td {padding:13px 16px;border-bottom:1px solid var(--line)}
.extras-page .capper-table thead {position:sticky;top:0;background:#faf0df;z-index:1;font-size:11px}
.extras-page .capper-table tbody th {font-weight:600}
.extras-page .capper-number {color:#808075;font-family:'DM Mono',monospace;font-size:11px}
.extras-page .capper-price {white-space:nowrap;color:#62665b}
.extras-page [hidden] {display:none!important}
.extras-page .referral-hero {grid-template-columns:1.2fr 1fr}
.extras-page .referral-copy h1 {font-size:clamp(34px,4.5vw,55px)}
.extras-page .card-kicker {display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}
.extras-page .referral-amount {display:flex;flex-direction:column;gap:7px;margin:16px 0 24px}
.extras-page .referral-amount strong {font-size:76px;letter-spacing:-.06em;line-height:1}
.extras-page .referral-amount span {font-size:13px;color:#666}
.extras-page .referral-card ol {list-style:none;padding:0;margin:0}
.extras-page .referral-card li {display:flex;gap:18px;font-size:13px;line-height:1.65;margin:18px 0}
.extras-page .referral-card li span {font-family:'DM Mono',monospace;color:var(--orange)}
.extras-page .rules-grid {margin-top:24px}
.extras-page .rules-grid p {font-size:13px;margin:0}
.extras-page button:disabled {cursor:default;opacity:.65}
@media(max-width:700px) {
.extras-page .guide-cards,.extras-page .guide-chapters,.extras-page .referral-hero,.extras-page .rules-grid {grid-template-columns:1fr;gap:14px}
.extras-page .directory-toolbar {align-items:stretch;flex-direction:column;gap:12px}
.extras-page .directory-search {width:100%}
.extras-page .capper-table th,.extras-page .capper-table td {padding:12px 8px;font-size:11px}
.extras-page .directory-table-scroll {max-height:480px}
}
.extras-page .results-updated {font-family:'DM Mono',monospace;font-size:11px;color:#686a60;margin-bottom:20px}
.extras-page .results-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.extras-page .results-metrics article {display:flex;flex-direction:column;padding:22px;background:#faf5ec;border-radius:14px;gap:10px}
.extras-page .results-metrics span {font-size:12px;font-weight:700}
.extras-page .results-metrics strong {font-size:40px;letter-spacing:-.05em;line-height:1.1}
.extras-page .results-metrics small {font-size:11px;color:#65685d;line-height:1.6}
.extras-page .results-list {margin-top:24px;max-height:520px;overflow:auto;overscroll-behavior:contain}
.extras-page .result-row {display:grid;grid-template-columns:100px 40px minmax(0,1fr);gap:16px;align-items:center;padding:18px 4px;border-bottom:1px solid #dfdfd3}
.extras-page .result-row span {font-size:11px;font-family:'DM Mono',monospace}
.extras-page .result-row strong {font-size:14px}
.extras-page .result-row small {grid-column:3;color:#686b60;font-size:11px}
.extras-page .result-badge {display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#65685d;color:#fff}
.extras-page .result-badge.win {background:#39704c}
.extras-page .result-badge.loss {background:#ad5248}
.extras-page .results-note {font-size:12px;color:#686b60;margin:20px 0 0}
@media(max-width:700px) {.extras-page .results-metrics {grid-template-columns:1fr}.extras-page .results-metrics article {padding:18px}.extras-page .result-row {grid-template-columns:75px 34px minmax(0,1fr);gap:10px}}