.fan-opening h1{max-width:900px}.fan-opening .page-lead{max-width:730px}.fan-panel{padding-block:26px 36px}.fan-panel h2{font-size:clamp(26px,3.2vw,42px);letter-spacing:-.04em;margin:0 0 20px}.fan-panel p{max-width:900px}.fan-presets{display:flex;gap:12px 24px;flex-wrap:wrap;margin-bottom:30px}.fan-presets a{font-size:13px;text-underline-offset:5px;min-height:30px}.fan-compare-form{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:20px 0 28px}.fan-compare-form fieldset{border:0;border-top:3px solid var(--v-teal,#076f78);padding:16px 0;min-width:0;display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.fan-compare-form fieldset:nth-child(2){border-color:var(--v-red,#bc3046)}.fan-compare-form legend{padding-right:10px;font-weight:700}.fan-panel label{display:grid;gap:8px;font-size:13px;font-weight:600;min-width:0}.fan-panel :is(select,input[type=text]){width:100%;min-width:0;min-height:48px;border:1px solid var(--v-line,#a8b4b4);border-radius:7px;padding:10px;background:var(--v-paper,#fff);color:var(--v-ink,#14282d);font:inherit}.fan-panel :is(button,a):focus-visible{outline:3px solid var(--v-red,#bc3046);outline-offset:4px}.fan-duel{display:grid;grid-template-columns:1fr 1fr;gap:32px}.fan-side{border-left:4px solid var(--v-teal,#076f78);padding:0 20px}.fan-side-1{border-color:var(--v-red,#bc3046)}.fan-side h3{font-size:32px;margin:8px 0}.fan-side p{margin:8px 0;font-size:13px;color:var(--v-muted,#526568)}.fan-side>a{display:inline-block;padding-block:12px;font-size:13px}.fan-reading{font-size:14px;line-height:1.8;padding:20px 0}.fan-comparison{padding:0;list-style:none;display:grid;gap:26px;margin:30px 0}.fan-comparison h3{font-size:16px;margin:0 0 12px}.fan-comparison h3 small{display:block;margin-top:5px;font-size:11px;font-weight:400;color:var(--v-muted,#526568)}.fan-pair{display:grid;grid-template-columns:190px 1fr 100px;gap:16px;align-items:center;margin-block:9px;font-variant-numeric:tabular-nums}.fan-pair>span{font-size:13px}.fan-pair small{font-size:11px;display:block}.fan-pair svg{width:100%;height:16px;background:var(--v-line,#dce5e5);border-radius:3px;fill:var(--v-teal,#076f78)}.fan-pair-1 svg{fill:var(--v-red,#bc3046)}.fan-pair b{text-align:right;font-size:17px}.fan-actions,.fan-pagination{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0}.fan-panel button{min-height:46px;border:1px solid var(--v-ink,#14282d);padding:10px 18px;border-radius:6px;background:var(--v-paper,#fff);color:var(--v-ink,#14282d);font-family:inherit;font-size:13px;font-weight:600;cursor:pointer}.fan-panel button:disabled{opacity:.5;cursor:default}.fan-actions input,.fan-pagination input{flex:1;min-width:200px}.fan-actions span,.fan-pagination span{font-size:12px}.fan-record-form,.fan-match-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:28px 0;align-items:end}.fan-check{display:flex!important;align-items:center;min-height:46px;gap:10px!important}.fan-check input{width:20px;height:20px}.fan-records{padding:0;list-style:none}.fan-records li{display:grid;grid-template-columns:44px minmax(180px,1fr) 120px 110px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--v-line,#dce5e5)}.fan-record-rank{font-size:27px;font-weight:800;color:var(--v-teal,#076f78)}.fan-records h3{font-size:20px;margin:0 0 7px}.fan-records small{display:block;font-size:11px;margin-top:8px;color:var(--v-muted,#526568)}.fan-records li>div>a,.fan-compare-link{font-size:13px}.fan-records strong{font-size:30px;text-align:right;font-variant-numeric:tabular-nums}.fan-compare-link{padding-block:14px;text-align:right}.fan-empty{padding:30px 0;line-height:1.8}.fan-method{margin:30px 0;font-size:13px;line-height:1.8}.fan-method summary{cursor:pointer;font-weight:600;padding-block:12px}.fan-fixtures th,.fan-fixtures td{font-variant-numeric:tabular-nums}.fan-goal-distribution{margin:24px 0 30px;padding:26px;background:var(--v-soft,#edf2ef);border-radius:10px}.fan-goal-distribution figcaption{font-weight:700;font-size:20px}.fan-goal-distribution ol{list-style:none;padding:0;display:grid;gap:12px}.fan-goal-distribution li{display:grid;grid-template-columns:65px 1fr 100px;gap:16px;align-items:center}.fan-goal-distribution svg{width:100%;height:12px;fill:var(--v-teal,#076f78)}.fan-goal-distribution b{text-align:right;font-variant-numeric:tabular-nums}.fan-goal-distribution small{font-weight:400;font-size:11px}.fan-discovery{padding-block:34px}.fan-discovery h2{font-size:clamp(26px,4vw,44px);letter-spacing:-.04em;margin:0 0 14px}.fan-discovery nav,.fan-entry-links{display:flex;flex-wrap:wrap;gap:14px 30px}.fan-discovery nav{margin-top:24px}.fan-entry-links{padding-block:22px}.fan-entry-links a{font-size:13px}.fan-discovery a,.fan-entry-links a{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}
@media(max-width:1024px){.fan-compare-form{gap:20px}.fan-compare-form fieldset{grid-template-columns:1fr}.fan-record-form,.fan-match-form{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.fan-compare-form,.fan-duel{grid-template-columns:1fr;gap:20px}.fan-compare-form fieldset{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:10px}.fan-pair{grid-template-columns:105px minmax(40px,1fr) 78px;gap:10px}.fan-pair b{font-size:14px}.fan-pair>span{font-size:11px}.fan-records li{grid-template-columns:30px minmax(0,1fr) 85px;gap:10px}.fan-records h3{font-size:17px}.fan-records strong{font-size:24px}.fan-compare-link{grid-column:2/4;text-align:left;padding:0}.fan-goal-distribution{padding:18px}.fan-goal-distribution li{grid-template-columns:48px 1fr 75px;gap:10px}.fan-panel h2{margin-bottom:14px}.fan-actions button{flex:1}.fan-presets{gap:10px}.fan-presets a{min-height:44px}.fan-records small{line-height:1.5}}
@media(max-width:380px){.fan-record-form,.fan-match-form,.fan-compare-form fieldset{grid-template-columns:1fr}.fan-pair{grid-template-columns:90px 1fr 65px}.fan-pair b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fan-panel *{scroll-behavior:auto!important;transition:none!important}}

.fan-records h3,.fan-side h3{overflow-wrap:anywhere}
/* Keep every header action reachable on narrow phones without covering the logo. */
@media(max-width:480px){html body .site-header .header-inner{grid-template-columns:1fr;gap:12px}html body .site-header .header-identity{grid-column:1/-1;grid-row:1;min-width:0}html body .site-header .header-actions{grid-column:1/-1;grid-row:2;width:100%;margin-left:0;justify-content:space-between}html body .site-header #main-navigation{grid-row:3}}

html body .fan-side h3 a,html body .fan-records h3 a{font:inherit}