:root{--canvas:#f5f7fa;--surface:#fff;--ink:#10233f;--text:#263548;--muted:#526176;--primary:#0b6b5e;--soft:#eaf5f1;--border:#d6dee8;--control:#748297;--danger:#a32d39}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(150deg,#fff 0%,var(--canvas) 65%);color:var(--text);font-family:"Malgun Gothic",system-ui,sans-serif;line-height:1.65}a{color:var(--primary);text-underline-offset:4px}button,input,textarea,select{font:inherit}a,button{touch-action:manipulation}button{min-height:44px;padding:9px 18px;background:var(--primary);color:white;border:1px solid var(--primary);border-radius:6px;cursor:pointer}button:disabled{opacity:.65;cursor:wait}.secondary{background:white;color:var(--primary)}.danger{background:var(--danger);border-color:var(--danger)}:focus-visible{outline:3px solid #235ea8;outline-offset:4px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:5}.skip:focus{top:4px}header{background:var(--surface);border-bottom:1px solid var(--border)}.masthead{max-width:1280px;margin:auto;display:flex;gap:24px;align-items:center;justify-content:space-between;padding:24px 32px}.masthead>a{font-size:24px;font-weight:800;color:var(--ink);text-decoration:none;letter-spacing:-1px;overflow-wrap:anywhere}.masthead span{font-size:14px;color:var(--muted)}nav{max-width:1280px;margin:auto;display:flex;gap:26px;padding:12px 32px;flex-wrap:wrap}nav a{min-height:44px;display:flex;align-items:center;color:var(--text);text-decoration:none;border-bottom:3px solid transparent}nav a[aria-current]{border-color:var(--primary);font-weight:700}main{max-width:1280px;min-height:60vh;margin:auto;padding:40px 32px 72px}h1,h2,h3{color:var(--ink);line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}h1{font-size:clamp(30px,4vw,52px);letter-spacing:-1.8px;margin:14px 0 24px}h2{font-size:25px}p{overflow-wrap:anywhere}.hero{border-top:3px solid var(--ink);border-bottom:1px solid var(--border);padding:40px 0 44px;background:radial-gradient(ellipse at 92% 50%,#e1efeb 0%,transparent 55%)}.hero h1{font-size:clamp(40px,6vw,76px);max-width:800px;line-height:1.2}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--primary)}.lead{font-size:20px;line-height:1.8;max-width:780px}.meta,.muted{font-size:14px;color:var(--muted)}.revision{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}.home-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;margin-top:40px}.story{padding:24px 0;border-bottom:1px solid var(--border)}.story h2 a{color:var(--ink);text-decoration:none}.story h2 a:hover{text-decoration:underline}.panel{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:10px;margin-bottom:20px;min-width:0}.empty{padding:40px 24px;border:1px dashed var(--control);margin:24px 0}.notice,.demo{background:#fff7e8;border-left:4px solid #925700;padding:16px 24px}.demo{font-size:14px;display:flex;flex-wrap:wrap;gap:18px}.analysis-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:40px;margin-top:40px}.analysis-layout>aside{border-left:1px solid var(--border);padding-left:24px}.table-wrap{max-width:100%;overflow-x:auto;margin:24px 0}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;min-width:520px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--border);font-size:14px}thead{background:#eaf0f5}caption{text-align:left;color:var(--muted);padding:12px}.chart{margin:24px 0}.chart-row{display:grid;grid-template-columns:minmax(80px,1fr) minmax(80px,2fr) 60px;align-items:center;gap:12px;font-size:14px;margin:8px 0}.chart-row svg{width:100%;height:30px}.article{max-width:760px;margin:auto}.article-body{font-size:18px;line-height:1.9;overflow-wrap:anywhere}.article-body table{min-width:0}.article-body pre{overflow:auto}.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:32px}.sidebar a{display:block;padding:12px;border-bottom:1px solid var(--border)}.sidebar a[aria-current]{background:var(--soft);font-weight:700;color:var(--primary)}.workspace h1{font-size:36px}.workspace textarea{font-family:monospace;font-size:14px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.actions>a{display:inline-block;padding:10px 0;min-height:44px}form{display:grid;gap:16px;max-width:960px}label{display:grid;gap:6px}input:not([type=checkbox]),textarea,select{width:100%;min-width:0;min-height:44px;border:1px solid var(--control);border-radius:6px;padding:10px;background:white;color:var(--ink)}input[type=checkbox]{width:22px;height:22px;accent-color:var(--primary)}.toggle{display:flex;align-items:center;gap:12px;min-height:44px}fieldset{border:1px solid var(--border);padding:16px;min-width:0}legend{font-weight:700}details{border-top:1px solid var(--border);padding:16px 0}summary{cursor:pointer;min-height:44px;overflow-wrap:anywhere}pre,output{white-space:pre-wrap;overflow-wrap:anywhere;max-width:100%}output:not(:empty){display:block;background:var(--soft);padding:16px;border-radius:6px}.login{max-width:520px;margin:40px auto}.ugc-body{white-space:pre-wrap}footer{border-top:1px solid var(--border);padding:32px;max-width:1280px;margin:auto;font-size:14px}footer a{margin-right:20px}@media(max-width:800px){.masthead{padding:16px;flex-wrap:wrap;gap:8px}.masthead span{display:none}.masthead>a{font-size:21px}nav{padding:4px 16px;gap:8px 18px;font-size:14px}main{padding:24px 16px 48px}.home-grid,.analysis-layout,.workspace{grid-template-columns:minmax(0,1fr);gap:24px}.analysis-layout>aside{border-left:0;border-top:1px solid var(--border);padding:16px 0}.sidebar{display:flex;gap:12px;flex-wrap:wrap}.sidebar p{width:100%}.sidebar a{padding:6px}.panel{padding:16px}.lead{font-size:18px}.demo{padding:12px 16px;gap:12px}.chart-row{grid-template-columns:minmax(70px,1fr) minmax(60px,1.3fr) 48px;gap:6px}.hero{padding:24px 0}.workspace h1{font-size:30px}footer{padding:24px 16px}}@media(prefers-reduced-motion:no-preference){.hero{animation:appear .3s ease-out}@keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}}
img{max-width:100%;height:auto}
.benefit-card img{display:block;width:100%;aspect-ratio:2.5;object-fit:cover;border-radius:10px;margin-bottom:20px}.featured-analysis{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;margin-top:28px}.featured-analysis h2{font-size:23px}.featured-analysis .chart-row{grid-template-columns:minmax(80px,1fr) minmax(60px,1.3fr) 52px}.featured-analysis .chart-tip{display:none}
body.theme-editorial .hero{background:linear-gradient(90deg,#fafbf9 44%,#fafbf915 70%),url('/assets/stadium-hero.png') right center/cover;min-height:370px}body.theme-editorial .hero h1,body.theme-editorial .hero .lead{max-width:53%}
body.theme-studio .hero{background:linear-gradient(95deg,#f0f5ff 42%,#f0f5ffed 60%,#f0f5ff30),url('/assets/stadium-hero.png') center/cover}
body.theme-magazine .hero{background:linear-gradient(90deg,#1a211fec,#1a211f55),url('/assets/stadium-hero.png') center/cover;min-height:390px}
body.theme-night .hero{background:linear-gradient(90deg,#0b1620f5 25%,#0b162066),url('/assets/stadium-hero.png') center/cover;min-height:370px}
@media(max-width:800px){.featured-analysis{grid-template-columns:minmax(0,1fr);gap:16px}body.theme-editorial .hero{background:linear-gradient(90deg,#fafbf9fa,#fafbf9d9),url('/assets/stadium-hero.png') center/cover}body.theme-editorial .hero h1,body.theme-editorial .hero .lead{max-width:100%}}
/* Public themes share content, but have distinct typography and composition. */
body[class*=theme-]{background:var(--canvas)}
.theme-editorial{--canvas:#fafbf9;--surface:#fff;--ink:#12243a;--primary:#126449;--soft:#edf5ef}
.theme-editorial .hero{background:linear-gradient(110deg,var(--canvas) 30%,var(--soft));padding:48px 32px;border-top:4px solid var(--ink)}
.theme-editorial .hero h1,.theme-magazine h1{font-family:Georgia,"Batang",serif}
.theme-editorial .story{border-bottom:1px solid var(--ink)}
.theme-studio{--canvas:#f1f5fc;--surface:#fff;--ink:#10254c;--primary:#214dcc;--soft:#eaf0ff;--border:#d8e1f0}
.theme-studio .hero{padding:40px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(125deg,#fff,#e5edff)}
.theme-studio .home-grid{gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.theme-studio .story,.theme-studio .league-grid>article{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;margin:16px 0}
.theme-studio h1{font-weight:850;letter-spacing:-.045em}.theme-studio .season-nav a{border-radius:24px}
.theme-magazine{--canvas:#f6f2eb;--surface:#fffcf7;--ink:#2d2825;--text:#37312c;--primary:#994017;--soft:#f6e6d8;--border:#dfd4c7;--muted:#6e6155}
.theme-magazine .hero{background:linear-gradient(120deg,#312e2a 5%,#5d4c37 70%,#876144);padding:64px 48px;border:0;position:relative;overflow:hidden}
.theme-magazine .hero:after{content:"";position:absolute;right:-8%;bottom:-130px;width:420px;height:420px;border:1px solid #ffffff24;border-radius:50%;pointer-events:none;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff06}
.theme-magazine .hero h1,.theme-magazine .hero .lead{color:#fffaf0}.theme-magazine .hero a,.theme-magazine .hero .eyebrow,.theme-magazine .hero .meta{color:#ffdab5;position:relative;z-index:1}
.theme-magazine .home-grid{grid-template-columns:minmax(0,1fr);gap:24px}.theme-magazine .home-grid>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}.theme-magazine .home-grid>section>.eyebrow,.theme-magazine .home-grid>section>h2{grid-column:1/-1}.theme-magazine .story h2{font-family:Georgia,"Batang",serif;font-size:28px}
.theme-night{--canvas:#0b1620;--surface:#111f2b;--ink:#edf5f7;--text:#d7e2e8;--muted:#a7bac7;--primary:#92e7ca;--soft:#1b3535;--border:#334753;--control:#637f90;--danger:#ffb0b5}
.theme-night .hero{padding:44px 32px;background:radial-gradient(ellipse at 90% 60%,#254847,transparent 60%);border-top:1px solid var(--border)}
.theme-night .home-grid{gap:24px}.theme-night .story{background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:12px;margin-bottom:16px}
.theme-night thead{background:#203541}.theme-night button{color:#0b241d}.theme-night .danger{background:#8e2638;color:#fff;border-color:#ba485b}.theme-night .secondary{background:var(--surface);color:var(--primary)}
.theme-night input:not([type=checkbox]),.theme-night textarea,.theme-night select{background:#12222f;color:var(--ink)}.theme-night .notice,.theme-night .demo{background:#342c1e;color:#f4dec0}.theme-night .skip{background:var(--surface)}
.theme-night .chart-row svg rect[fill="#0b6b5e"]{fill:#7edbb9}.theme-night .chart-row svg rect[fill="#a64716"]{fill:#efb284}
.theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.theme-choice{position:relative;padding:20px;border:1px solid var(--border);border-radius:14px;cursor:pointer;background:#fff}.theme-choice:has(input:checked){border:2px solid var(--primary);padding:19px;background:#f0f8f5}.theme-choice input{width:20px!important;height:20px;min-height:20px!important;accent-color:var(--primary)}.theme-choice small{color:var(--muted)}
.theme-swatch{height:105px;display:grid;grid-template-columns:2fr 1fr;gap:10px;background:#f7f8f5;padding:14px;border:1px solid #dae0e4;border-radius:8px}.theme-swatch i{grid-column:1/-1;background:#173f34;height:22px}.theme-swatch b{background:#d9e9e0}.theme-swatch em{background:#fff}.swatch-studio{background:#eaf0ff}.swatch-studio i{background:#214dcc}.swatch-studio b{background:#b9ccff}.swatch-magazine{background:#f5eade}.swatch-magazine i{background:#6b462e}.swatch-magazine b{background:#c98657}.swatch-night{background:#101e2a}.swatch-night i{background:#8ad9be}.swatch-night b{background:#294b4b}.swatch-night em{background:#314152}
.admin-shell{background:#f3f6f9;--primary:#17634e;--ink:#192d42;--text:#34485b;--border:#dbe3eb;--soft:#edf6f2}.admin-shell header{background:#fff}.admin-shell .masthead{max-width:1440px;padding:18px 32px}.admin-shell header nav{max-width:1440px;padding-top:0;padding-bottom:0;font-size:13px}.admin-shell main{max-width:1440px;padding-top:28px}.admin-shell .workspace{grid-template-columns:210px minmax(0,1fr);gap:32px}.admin-shell .sidebar{position:sticky;top:24px;align-self:start;border:1px solid var(--border);border-radius:16px;background:#fff;padding:14px}.admin-shell .sidebar a{border:0;border-radius:8px;text-decoration:none;color:#506477;margin:4px 0;padding:11px 14px}.admin-shell .sidebar a[aria-current]{background:#eaf4ef;color:#13543e}.admin-shell .sidebar p{font-size:12px;padding:0 12px}.admin-shell .workspace h1{font-size:30px;margin:0 0 8px}.admin-shell #policy-version{margin:0 0 24px}.admin-shell .panel{border-radius:16px;padding:28px;box-shadow:0 3px 12px #233d5710}.admin-shell h2{font-size:21px;margin-top:0}.admin-shell .workspace form{max-width:none}.admin-shell fieldset{border-radius:10px}.admin-shell #form-status:not(:empty){position:sticky;bottom:16px;border:1px solid #b8d8c9;box-shadow:0 4px 18px #233d5715}.admin-shell footer{max-width:1440px;color:#65798c}
@media(max-width:800px){.theme-editorial .hero,.theme-studio .hero,.theme-magazine .hero,.theme-night .hero{padding:28px 20px}.theme-studio .home-grid,.theme-magazine .home-grid>section,.theme-options{grid-template-columns:minmax(0,1fr)}.admin-shell .workspace{grid-template-columns:minmax(0,1fr);gap:20px}.admin-shell .sidebar{position:static;padding:8px;max-width:100%;border-radius:10px}.admin-shell .panel{padding:20px}.admin-shell .masthead{padding:16px}.theme-magazine .story h2{font-size:23px}}
/* Home compositions follow the four reference concepts. */
.editorial-cover{display:grid;grid-template-columns:1.05fr 1fr 1fr;gap:28px;padding:36px 0 40px;border-top:2px solid var(--ink);border-bottom:1px solid var(--border);align-items:center}
.hero-copy{position:relative;z-index:1;min-width:0}.hero-copy h1{font-size:clamp(32px,3.5vw,48px);line-height:1.25;letter-spacing:-.05em;margin:18px 0}.theme-editorial .hero-copy h1{font-family:Georgia,"Batang",serif}.hero-copy .lead{font-size:16px;line-height:1.8}.hero-copy .actions{display:flex;flex-wrap:wrap;gap:16px;font-size:14px}.hero-copy .meta{font-size:12px;margin-top:24px}
.cover-photo{margin:0;position:relative;overflow:hidden;border-radius:3px;height:320px}.cover-photo img{width:100%;height:100%;object-fit:cover}.cover-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:36px 18px 18px;background:linear-gradient(transparent,#071b1be8);color:white;font-size:14px;line-height:1.7}
.home-chart{min-width:0;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.home-chart h2{font-size:20px;line-height:1.5}.home-chart .chart-row{font-size:13px}.home-chart .meta{font-size:12px}.home-chart .table-wrap{overflow:auto}
body[class*=theme-] .themed-cover{min-height:280px;padding:36px 40px;display:flex;align-items:center}.themed-cover .hero-copy{max-width:60%}.theme-magazine .themed-cover{min-height:340px}.theme-night .themed-cover{min-height:300px}
.home-grid .section-heading,.section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent;border:0;padding:0;margin:32px 0 18px;grid-column:1/-1}.section-heading h2{margin:0;font-size:23px}.section-heading .eyebrow{margin:0 0 6px}.section-heading>a{font-size:13px;white-space:nowrap}.theme-magazine .home-chart{grid-column:1/-1}.home-grid>section{min-width:0}
.community-strip{border-top:1px solid var(--border);margin-top:28px}.community-strip>p{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--border);margin:0}.community-strip small{color:var(--muted)}.home-benefit{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:36px 0;padding:28px;background:var(--soft);border-radius:10px}.home-benefit h2{margin:0;font-size:22px}
.home-chart .chart{margin:16px 0}.home-chart .chart-row{grid-template-columns:minmax(100px,1.3fr) minmax(65px,1fr) 48px;gap:8px}.home-chart .chart h2{font-size:17px}.home-chart .chart p{font-size:12px}.home-chart .chart-row strong{font-size:12px}
.design-reference{margin:24px 0 40px}.design-reference img{display:block;width:100%;height:auto;border:1px solid var(--border);border-radius:10px}.design-reference figcaption{padding:12px 0;color:var(--muted)}
@media(max-width:1000px){.editorial-cover{grid-template-columns:1fr 1fr}.editorial-cover>.home-chart{grid-column:1/-1}.cover-photo{height:280px}}
@media(max-width:600px){.editorial-cover{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0}.cover-photo{height:220px}.editorial-cover>.home-chart{grid-column:auto}body[class*=theme-] .themed-cover{padding:28px 20px;min-height:300px}.themed-cover .hero-copy{max-width:100%}.hero-copy h1{font-size:34px}.community-strip>p,.home-benefit{flex-direction:column;align-items:flex-start}.section-heading h2{font-size:21px}.home-chart{padding:16px}}
/* Compact editorial layout and readable administrator controls. */
[hidden]{display:none!important}
.admin-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0}
.admin-fields>fieldset,.admin-fields>details{grid-column:1/-1;min-width:0}
.admin-fields fieldset{border:1px solid var(--border);border-radius:10px;padding:20px;display:grid;gap:16px}
.admin-fields legend{padding:0 8px;font-weight:700}
.admin-fields label{min-width:0;overflow-wrap:anywhere}
.admin-fields input:not([type=checkbox]),.admin-fields select,.admin-fields textarea{width:100%;min-width:0;box-sizing:border-box}
.admin-fields details{border:1px solid var(--border);border-radius:10px;padding:8px 16px}
.admin-fields summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-weight:600}
.admin-fields details[open] summary{margin-bottom:12px}
.admin-fields small{color:var(--muted);line-height:1.6}
.workspace>section{min-width:0}.workspace .panel{margin-bottom:24px}.workspace output{overflow-wrap:anywhere;white-space:pre-wrap}
.hero h1{font-size:clamp(36px,5vw,62px);line-height:1.15;letter-spacing:-.04em}.hero .lead{line-height:1.7}
.home-grid .empty{padding:28px 20px}.home-grid .empty h2{font-size:20px}
@media(max-width:800px){.admin-fields{grid-template-columns:minmax(0,1fr);gap:16px}.admin-fields fieldset{padding:14px}.workspace .sidebar{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:8px}.workspace .sidebar>a{flex:0 0 auto;min-height:44px;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;white-space:nowrap}.workspace .sidebar>p{display:none}.hero h1{font-size:36px}.workspace .panel{margin-bottom:16px}}

.league-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px}.season-nav{padding:0;margin:24px 0;gap:12px}.season-nav a{padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.season-nav a[aria-current]{background:var(--soft);border-color:var(--primary)}.chart-tip{grid-column:1/-1;color:var(--muted);line-height:1.6}.chart-row{padding:10px 0;border-bottom:1px solid var(--border)}.chart-row strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.related{border-top:1px solid var(--border);margin-top:32px;padding-top:16px}.attribution{font-weight:700}.table-wrap td{text-align:right}.breadcrumbs{font-size:14px}.analysis-reference{padding:12px;background:var(--soft)}