:root{--ink:#241d19;--paper:#fffaf0;--orange:#d83b17;--lime:#e9ed99;--muted:#6c6258;--line:#d9d0c1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button,a{color:inherit}button{background:none;border:1px solid var(--line);padding:8px 14px;border-radius:7px}button:hover{background:var(--lime)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #167b9b;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;padding:22px 4%;border-bottom:1px solid var(--ink);gap:20px}a.brand{text-decoration:none;font-weight:950;font-size:27px;letter-spacing:-1.5px}.brand span{font-weight:400}.brand sup{font-size:20px;color:var(--orange)}nav{display:flex;gap:28px;align-items:center}nav a{text-decoration:none;font-size:14px;font-weight:bold}nav button{border:0;font-size:14px;font-weight:bold}.edition,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:bold}main{max-width:1560px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 28px;gap:20px}.intro h1{font-family:Georgia,serif;font-size:clamp(40px,5vw,70px);line-height:1;letter-spacing:-3px;margin:10px 0 16px}.intro em{color:var(--orange)}.intro p:not(.eyebrow){max-width:610px;margin:0}.stamp{border:2px solid var(--orange);border-radius:50%;width:160px;height:160px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--orange);transform:rotate(10deg);margin-right:35px}.stamp strong{font-size:68px;line-height:1}.stamp span{text-align:center;font-size:12px;font-weight:bold;letter-spacing:2px}.notice{background:var(--lime);padding:12px 18px;font-size:14px;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.workspace{display:grid;grid-template-columns:285px minmax(0,1fr);gap:35px;margin-top:30px}aside{align-self:start;border:1px solid var(--line);padding:20px;border-radius:12px;background:#fffdf7}h2{font: bold 28px/1.1 Georgia,serif;letter-spacing:-.8px;margin:0}aside h2{font-size:23px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px}.section-heading .eyebrow{margin:0 0 7px}.muted,.small{color:var(--muted)}.muted{font-size:14px}.small{font-size:12px}label{font-size:14px}select,input[type=search]{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#fffdf8;color:var(--ink);margin-top:5px}aside select{margin-bottom:20px}.control{border-top:1px solid var(--line);padding:13px 0}.control label{display:flex;justify-content:space-between;font-weight:bold}.control output{color:var(--orange);font-size:14px}.control input[type=range]{width:100%;accent-color:var(--orange);margin:10px 0 0;cursor:pointer}.control select{margin:6px 0 0;padding:5px}.control .small{margin:2px 0}.map-panel{background:#f1ebdd;border:1px solid var(--line);padding:22px 25px;border-radius:12px;margin-bottom:30px}.map{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(8,33px);gap:4px;max-width:760px;margin:10px auto 16px}.state-tile{border:0;padding:0;border-radius:5px;background:#dec9a1;font-size:12px;font-weight:bold;color:#30261c;position:relative}.state-tile:hover{transform:translateY(-2px);background:var(--orange);color:#fff}.state-tile[data-count="0"]{background:transparent;border:1px dashed #9c9588;color:#615b52}.state-tile[aria-pressed=true]{background:var(--ink);color:white;outline:2px solid var(--orange);outline-offset:1px}.state-tile small{font-size:10px;margin-left:3px;color:inherit}.map-caption{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;color:#5b5349}.map-caption span:last-child{margin-left:auto}.map-caption i{display:inline-block;width:10px;height:10px;background:#dec9a1;margin-right:5px}.map-caption .empty-key{background:transparent;border:1px dashed}.filters{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{background:#fffdf7;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .15s}.card:hover{transform:translateY(-3px)}.card-art{height:145px;background:radial-gradient(ellipse at 75% 130%,#ffc65b 0,transparent 60%),linear-gradient(120deg,#672613,#ca4e1d 65%,#ed9b41);position:relative;overflow:hidden;padding:17px;color:#fff4d7;display:flex;align-items:flex-end;justify-content:space-between}.card:nth-child(3n+2) .card-art{background:radial-gradient(ellipse at 20% 130%,#db9d46 0,transparent 70%),linear-gradient(120deg,#413d24,#6c703d)}.card:nth-child(3n) .card-art{background:radial-gradient(ellipse at 70% 130%,#eb9d54 0,transparent 70%),linear-gradient(120deg,#422326,#945144)}.art-state{font:italic bold 80px/1 Georgia,serif;opacity:.65;letter-spacing:-6px}.art-label{font-size:10px;letter-spacing:1px;text-transform:uppercase;max-width:100px;text-align:right}.rank{position:absolute;top:14px;left:14px;background:var(--paper);color:var(--ink);padding:4px 10px;border-radius:30px;font-size:13px;font-weight:bold}.card-body{padding:18px}.location{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 4px}.card h3{font:bold 25px/1.15 Georgia,serif;margin:0 0 10px}.card h3 button{text-align:left;font:inherit;border:0;padding:0}.card h3 button:hover{background:none;color:var(--orange)}.tags{display:flex;gap:5px;flex-wrap:wrap;min-height:26px}.tag{font-size:12px;background:#f1ebdd;padding:3px 8px;border-radius:30px}.score-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}.score{font-size:26px;font-weight:bold;color:var(--orange)}.score small{font-size:12px;color:var(--muted);font-weight:normal}.score-label{font-size:12px;display:block}.score-row button{font-size:13px}.coverage{font-size:12px;color:var(--muted);margin:10px 0 0}.empty{grid-column:1/-1;border:1px dashed var(--line);padding:30px;border-radius:10px}.empty h3{font-family:Georgia,serif;font-size:25px;margin:0}.load-more{display:block;margin:25px auto;background:var(--ink);color:white;padding:12px 28px}.load-more:hover{color:var(--ink)}footer{margin:50px 0 0;padding:30px 0;border-top:1px solid var(--ink);display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer p{max-width:380px;font-size:14px;color:var(--muted)}footer span{font-size:12px;letter-spacing:2px}dialog{border:0;border-radius:16px;padding:35px;max-width:850px;width:calc(100% - 28px);max-height:90vh;box-shadow:0 30px 100px #0005;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#201810aa;backdrop-filter:blur(5px)}dialog .close{position:sticky;float:right;top:0;font-size:26px;line-height:1;background:var(--paper);z-index:2}dialog h2{font-size:38px;margin:10px 0 20px}dialog h3{font-family:Georgia,serif;font-size:24px;margin-bottom:10px}.detail-hero{border-radius:10px;margin:20px 0;height:180px}.links{display:flex;gap:8px;flex-wrap:wrap}.links a{font-size:14px;padding:8px 12px;border:1px solid var(--line);border-radius:6px;text-decoration:none}.links a:hover{background:var(--lime)}.evidence-table{width:100%;border-collapse:collapse;font-size:14px}.evidence-table th,.evidence-table td{text-align:left;padding:9px;border-bottom:1px solid var(--line);vertical-align:top}.evidence-table caption{text-align:left;font-size:12px;color:var(--muted);margin-bottom:10px}.tension{display:grid;grid-template-columns:1fr 1fr;gap:15px}.tension>div{background:#eee7d9;padding:18px;border-radius:8px}.tension h4{margin-top:0}.method-box{padding:16px;background:var(--lime);border-radius:7px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;top:5px;left:5px;background:white;z-index:50}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(min-width:1500px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){header .edition{display:none}.workspace{grid-template-columns:240px minmax(0,1fr);gap:20px}.cards{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr}.search{grid-column:1/-1}.map-panel{padding:15px}.map{gap:3px;grid-template-rows:repeat(8,29px)}.state-tile small{display:none}}@media(max-width:700px){header{flex-wrap:wrap;padding:15px 5%;gap:8px}nav{gap:10px;flex-wrap:wrap}nav a,nav button{font-size:13px}main{padding:0 5%}.intro{padding:25px 0}.intro h1{letter-spacing:-2px;font-size:44px}.stamp{display:none}.workspace{display:flex;flex-direction:column}aside{width:100%;padding:16px}#controls{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.control label{font-size:13px}.control select{font-size:12px}.main-column{min-width:0;width:100%}.map{grid-template-rows:repeat(8,26px);gap:2px}.state-tile{font-size:10px;border-radius:3px}.map-caption{font-size:11px}.map-caption span:last-child{margin-left:0}h2{font-size:25px}.filters{gap:8px}.cards{grid-template-columns:1fr}.card-art{height:170px}dialog{padding:22px}.tension{grid-template-columns:1fr}.evidence-table{font-size:12px}.evidence-table th,.evidence-table td{padding:6px}footer{gap:12px}.section-heading{align-items:flex-start}#result-count{font-size:12px;text-align:right}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
summary{cursor:pointer;font-weight:bold;font-size:14px;padding:10px 0}summary:focus-visible{outline:3px solid #167b9b;outline-offset:3px}#map-drawer[open]>summary{font-weight:normal;font-size:12px;color:var(--muted);padding:0 0 5px}#factor-drawer[open]>summary{margin-bottom:5px}.intro{padding-top:23px;padding-bottom:23px}.intro h1{font-size:clamp(40px,4.2vw,60px)}.map{grid-template-rows:repeat(8,27px)}
@media(max-width:700px){#map-drawer[open]>summary{font-size:14px;padding:10px 0}.map{grid-template-rows:repeat(8,26px)}.intro .eyebrow{font-size:10px;letter-spacing:1.5px}.intro p:not(.eyebrow){font-size:14px}.intro h1{font-size:38px}.intro{padding:18px 0}.notice{font-size:13px}aside .small:last-child{margin-bottom:0}.map-panel{margin-bottom:20px}}
#sam-blend{background:var(--lime);padding:14px;border-radius:8px;margin:14px 0}#sam-blend label{display:flex;justify-content:space-between;font-weight:bold}#sam-influence{width:100%;accent-color:var(--orange);margin-top:15px}#mode-note{line-height:1.5}#sam-source{margin:0 0 18px}#preset{font-size:14px}input:disabled,select:disabled{opacity:.5;cursor:not-allowed}.method-box h3:first-child{margin-top:0}

/* WingMath navigation accommodates the index and About pages. */
header nav{flex-wrap:wrap}header .brand sup{font-size:12px;letter-spacing:0} @media(max-width:700px){header{flex-wrap:wrap}header nav{gap:12px}}

/* Current result membership stays distinct from hover and selected-state focus. */
.state-tile[data-top-ten="true"]{background:#ffc38f;color:#48230f;box-shadow:inset 0 0 0 2px #d87b37}
.state-tile[data-top-ten="true"]::after{content:"";position:absolute;right:3px;top:3px;width:4px;height:4px;border-radius:50%;background:#71310e}
.state-tile[data-top-ten="true"][aria-pressed="true"]{outline:2px solid var(--ink);outline-offset:2px}
.state-tile:hover,.state-tile[data-top-ten="true"]:hover{background:var(--orange);color:#fff}
.map-caption .top-ten-key{background:#ffc38f;box-shadow:inset 0 0 0 1px #d87b37}
.map-status{font-size:14px;line-height:1.5;margin:12px 0 0;color:var(--ink)}
.map[aria-busy="true"] [data-top-ten="true"]{opacity:.55}
