.site-header .play-link{color:#2b1a05;background:linear-gradient(90deg, var(--sun-deep), var(--sun));border-radius:999px;padding:8px 16px;font-weight:800;text-decoration:none}.site-nav{border-bottom:1px solid var(--line);gap:4px;width:100%;max-width:760px;margin:0 auto;padding:6px 12px;display:flex;overflow-x:auto}.site-nav a{color:var(--muted);border-radius:999px;flex:none;padding:6px 12px;font-size:15px;font-weight:700;text-decoration:none}.site-nav a:hover{background:var(--pale)}.site-nav a[aria-current=page]{color:var(--text);background:var(--pale)}body.content .site-header,body.content footer,main.page{max-width:760px}.crumbs{color:var(--muted);margin:16px 0 0;font-size:13px}.crumbs a{color:var(--muted)}.page-head{margin:10px 0 18px}.eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:12px;font-weight:800}.lead{margin:8px 0 0;font-size:18px}main.page h2{letter-spacing:-.3px;margin:28px 0 10px;font-size:22px}main.page h3{margin:14px 0 6px;font-size:17px}main.page p,main.page li{max-width:68ch}main.page a{color:var(--text);-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:2px}.muted{color:var(--muted);font-weight:400}.note{color:var(--muted);font-size:14px}.tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.tiles>div{border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px 14px}.tiles span{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:flex}.tiles strong{margin-top:2px;font-size:24px;line-height:1.2;display:block}.tiles small{color:var(--muted);margin-top:2px;font-size:13px;display:block}.today-card{background:linear-gradient(135deg, color-mix(in srgb, var(--sun) 16%, var(--card)), var(--card));border:1px solid var(--line);border-radius:18px;margin:0 0 8px;padding:14px}.today-card .tiles>div{background:var(--card)}details{margin-top:10px}summary{cursor:pointer;font-weight:700}.table-wrap{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow-x:auto}table.data{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}table.data caption{text-align:left;color:var(--muted);padding:10px 12px 4px;font-size:13px}table.data th,table.data td{text-align:left;border-top:1px solid var(--line);white-space:nowrap;padding:8px 12px}table.data thead th{color:var(--muted);border-top:0;font-size:13px}table.data tbody th{white-space:normal;font-weight:700}.filter{gap:4px;margin:0 0 8px;font-weight:700;display:grid}.filter input,.picker input{border:1.5px solid var(--line);background:var(--card);border-radius:12px;width:100%;min-height:46px;padding:8px 14px;font-size:17px}.filter input:focus,.picker input:focus{border-color:var(--sun);box-shadow:0 0 0 3px color-mix(in srgb, var(--sun) 30%, transparent);outline:none}.chips{flex-wrap:wrap;gap:8px;margin:8px 0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 12px;font-size:15px}.two-col{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 24px;display:grid}ol.rank{margin:0;padding-left:22px}ol.rank li{padding:3px 0}.cta{color:#fff8ec;background:radial-gradient(120% 140% at 100% 120%, var(--sun) 0%, var(--sun-deep) 30%, var(--dawn) 55%, transparent 80%), var(--night);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:32px 0 8px;padding:16px 18px;display:flex}.cta p{opacity:.85;margin:2px 0 0}main.page .cta a.primary{color:#2b1a05;justify-content:center;align-items:center;width:auto;min-height:46px;padding:0 20px;font-size:16px;text-decoration:none;display:inline-flex}.compare-form{grid-template-columns:1fr auto 1fr;align-items:end;gap:8px;margin-bottom:14px;display:grid}.picker{gap:4px;font-weight:700;display:grid;position:relative}.picker [role=listbox]{z-index:5;border:1px solid var(--line);background:var(--card);border-radius:12px;margin:4px 0 0;padding:4px;list-style:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #1f254733}.picker [role=option]{cursor:pointer;border-radius:8px;padding:8px 10px;font-weight:700}.picker [role=option] small{color:var(--muted);font-weight:400}.picker [role=option][aria-selected=true],.picker [role=option]:hover{background:var(--pale)}.swap{border:1.5px solid var(--line);background:var(--card);border-radius:12px;width:46px;height:46px;font-size:20px}.compare-summary{font-size:17px}.compare-tiles{margin-bottom:4px}@media (max-width:520px){.compare-form{grid-template-columns:1fr}.swap{justify-self:center;transform:rotate(90deg)}.lead{font-size:17px}}.country-list section h2{margin:18px 0 4px;font-size:17px}.country-list .chips{margin:0}.country-list .chips li{padding:4px 10px;font-size:14px}.explorer-controls{align-items:center;gap:10px;margin:0 0 10px;display:flex}.explorer-controls input[type=range]{min-width:0;accent-color:var(--sun-deep);flex:1}.explorer-controls output{font-variant-numeric:tabular-nums;min-width:96px;font-weight:800}.explorer-controls button{border:1.5px solid var(--line);background:var(--card);border-radius:999px;min-width:44px;min-height:40px;padding:0 12px;font-weight:800}.map-wrap svg{cursor:crosshair;touch-action:manipulation}.map-info{border:1px solid var(--line);background:var(--card);border-radius:14px;min-height:64px;margin-top:8px;padding:10px 14px}.map-info p{margin:0}.map-info p+p{margin-top:4px}@media (max-width:520px){.explorer-controls{flex-wrap:wrap}.explorer-controls input[type=range]{flex-basis:100%;order:3}}.map-info .nearby{color:var(--muted);font-size:14px}.map-info .nearby button{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--sun);text-decoration-color:var(--sun);text-underline-offset:2px;padding:2px 0;font-weight:700}.night-row{flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 0 8px;font-size:14px;display:flex}.night-toggle{cursor:pointer;align-items:center;gap:6px;min-height:32px;font-weight:700;display:inline-flex}.night-toggle input{width:18px;height:18px;accent-color:var(--sun-deep)}.night-caption{color:var(--muted)}@media (max-width:520px){.page-head.compact{margin:6px 0 12px}.page-head.compact h1{font-size:24px}.page-head.compact .lead{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.4}.explorer{flex-direction:column;display:flex}.explorer .map-wrap{order:1}.explorer .explorer-controls{order:2;margin:10px 0 4px}.explorer .night-row{order:3}.explorer .map-legend{order:4}.explorer .legend-mid{order:5}.explorer .map-info{order:6}}
