@charset "UTF-8";:root{--color-emerald-900:#0b6e50;--color-emerald-100:#d1fae5;--color-red-900:#9b1c3d;--color-red-100:#ffdfe4;--color-amber-900:#7d6007;--color-amber-100:#fff0b8;--color-orange-900:#b1440f;--color-orange-100:#ffe4c4;--color-slate-950:#0b1220;--color-slate-900:#111827;--color-slate-300:#cbd5e1;--color-slate-200:#e2e8f0;--color-slate-400:#94a3b8;--color-white:#fff;--color-ring-red:#ef4444;--color-ring-amber:#f59e0b;--color-ring-green:#10b981;--color-ruler-other:#475569;--color-ink-on-green:#04241a;--color-ink-on-red:#2b0707;--color-ink-on-amber:#2b1803;--permitted-bg:var(--color-emerald-900);--permitted-fg:var(--color-emerald-100);--prohibited-bg:var(--color-red-900);--prohibited-fg:var(--color-red-100);--disliked-bg:var(--color-amber-900);--disliked-fg:var(--color-amber-100);--warning-bg:var(--color-orange-900);--warning-fg:var(--color-orange-100);--surface:var(--color-slate-950);--surface-card:var(--color-slate-900);--surface-sidebar:rgba(0,0,0,0.22);--surface-sunken:rgba(0,0,0,0.3);--surface-raised:rgba(255,255,255,0.06);--surface-raised-strong:rgba(255,255,255,0.92);--text-primary:var(--color-slate-200);--text-prose:var(--color-slate-300);--text-muted:var(--color-slate-400);--text-on-light:var(--color-slate-950);--border-subtle:rgba(255,255,255,0.12);--border-control:rgba(255,255,255,0.22);--border-control-hover:rgba(255,255,255,0.6);--signal-yes:#34d399;--signal-no:#fb7185;--signal-caution:#fbbf24;--signal-warn:#fb923c;--signal-muted:#94a3b8;--ring-red:var(--signal-no);--ring-amber:var(--signal-caution);--ring-green:var(--signal-yes);--ruler-other:var(--color-ruler-other);--state-bg:var(--surface);--state-fg:var(--text-primary);--state-ring:var(--signal-yes);--font-sans:"Inter Variable","Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--font-arabic:"Scheherazade New","Amiri","Noto Naskh Arabic","Traditional Arabic",serif;--t-size-answer:clamp(4rem,22vw,11rem);--t-size-display-l:clamp(1.9rem,5vw,2.8rem);--t-size-display-m:1.35rem;--t-size-display-s:1.05rem;--t-size-reason:clamp(1.05rem,2.4vw,1.35rem);--t-size-body:1rem;--t-size-ui:.95rem;--t-size-caption:.85rem;--t-size-kicker:.78rem;--t-size-micro:.72rem;--t-size-ayah:clamp(1rem,2.4vw,1.35rem);--t-size-ruler-label:11px;--t-size-ruler-now:13px;--t-lh-answer:.95;--t-lh-tight:1.1;--t-lh-snug:1.25;--t-lh-body:1.55;--t-lh-relaxed:1.7;--t-lh-ayah:2;--t-ls-answer:-0.045em;--t-ls-display:-0.03em;--t-ls-kicker:.18em;--t-ls-caps:.22em;--t-weight-regular:400;--t-weight-medium:600;--t-weight-bold:800;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--layout-canvas-split:70%;--layout-sidebar-split:30%;--layout-prose-width:46rem;--layout-ruler-width:62rem;--layout-reason-width:52ch;--layout-drawer-width:min(24rem,100vw);--layout-breakpoint-md:768px;--ad-slot-height:250px;--ad-slot-height-mobile:100px;--radius-sm:.4rem;--radius-md:.6rem;--radius-lg:.9rem;--radius-pill:999px;--ease-out:cubic-bezier(0.22,1,0.36,1);--transition-state:600ms ease;--transition-control:200ms var(--ease-out);--transition-drawer:350ms var(--ease-out)}@font-face{font-family:"Inter Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url("/fonts/inter-latin-wght-normal.woff2") format("woff2-variations")}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;font-family:var(--font-sans);font-size:var(--t-size-body);line-height:var(--t-lh-body);background:var(--state-bg);color:var(--state-fg);transition:background-color var(--transition-state),color var(--transition-state);-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0 0 auto 0;height:4px;z-index:80;background:var(--state-ring);transition:background-color var(--transition-state)}img,svg{max-width:100%;display:block}button{font:inherit;cursor:pointer}input,select{font:inherit}a{color:inherit}body.state-permitted{--state-ring:var(--signal-yes)}body.state-prohibited{--state-ring:var(--signal-no)}body.state-disliked{--state-ring:var(--signal-caution)}body.state-warning{--state-ring:var(--signal-warn)}body.state-neutral,body.state-degraded{--state-ring:var(--signal-muted)}.preview-banner{position:sticky;top:0;z-index:60;padding:var(--space-2xs) var(--space-md);text-align:center;font-size:var(--t-size-micro);font-weight:var(--t-weight-medium);letter-spacing:.08em;text-transform:uppercase;background:var(--ring-amber);color:var(--text-on-light)}.app-shell{display:flex;flex-direction:column;min-height:100dvh}.canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);padding:var(--space-xl) var(--space-md);text-align:center}.sidebar{padding:0 var(--space-md) var(--space-2xl);display:flex;flex-direction:column;gap:var(--space-lg);width:100%;max-width:30rem;margin:0 auto}@media(min-width:769px){.app-shell{flex-direction:row}.canvas{flex:0 0 var(--layout-canvas-split);min-height:100dvh;padding:var(--space-2xl)}.sidebar{flex:0 0 var(--layout-sidebar-split);max-width:none;margin:0;padding:var(--space-2xl) var(--space-xl);background:var(--surface-sidebar);justify-content:center}}.ayah{margin:0 0 var(--space-xs);padding:0 0 var(--space-lg);border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:var(--space-xs);opacity:.8}.ayah-ar{margin:0;font-family:var(--font-arabic);font-size:var(--t-size-ayah);line-height:var(--t-lh-ayah);font-weight:var(--t-weight-regular);text-align:right}.ayah-en{font-size:var(--t-size-micro);line-height:var(--t-lh-body);opacity:.7;display:flex;flex-direction:column;gap:var(--space-2xs);text-align:right}.ayah-en cite{font-style:normal;opacity:.8}.status-kicker{margin:0;font-size:var(--t-size-caption);font-weight:var(--t-weight-medium);letter-spacing:var(--t-ls-caps);text-transform:uppercase;opacity:.72}.status{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);max-width:100%}.answer{margin:0 0 var(--space-2xs);font-size:var(--t-size-answer);font-weight:var(--t-weight-bold);letter-spacing:var(--t-ls-answer);line-height:var(--t-lh-answer);font-variant-numeric:tabular-nums;color:var(--state-ring);transition:color var(--transition-state)}.reason{margin:0;max-width:var(--layout-reason-width);font-size:var(--t-size-reason);font-weight:var(--t-weight-regular);line-height:var(--t-lh-snug);opacity:.92;text-wrap:pretty}.status-notes{margin:0;max-width:46ch;font-size:var(--t-size-caption);opacity:.75}.countdown{margin:var(--space-2xs) 0 0;font-size:var(--t-size-caption);opacity:.75}.countdown strong{font-variant-numeric:tabular-nums;font-weight:var(--t-weight-medium);font-size:1.15em}.fard-note{margin:0;font-size:var(--t-size-caption);opacity:.6}.grace-pulse{animation:grace 2s ease-in-out infinite}@keyframes grace{0,100%{opacity:.92}50%{opacity:.55}}.location-slot{position:relative;display:inline-flex;flex-direction:column;align-items:stretch;max-width:22rem;width:100%;margin:0 auto;text-align:left}.location-chip{display:inline-flex;align-items:center;gap:var(--space-2xs);width:100%;padding:var(--space-xs) var(--space-md);border:1px solid var(--border-control);border-radius:var(--radius-pill);background:rgba(255,255,255,0.05);color:inherit;font-size:var(--t-size-caption);font-weight:var(--t-weight-medium);letter-spacing:.04em;transition:border-color var(--transition-control),background-color var(--transition-control)}.location-chip .pin{width:1em;height:1em;opacity:.8;flex:0 0 auto}.location-chip[hidden]{display:none}.location-chip:hover{border-color:var(--border-control-hover);background:rgba(255,255,255,0.08)}.location-chip:focus-visible{outline:2px solid currentColor;outline-offset:2px}.location-chip .location-name{flex:1 1 auto}.location-change{margin-left:auto;font-size:var(--t-size-micro);font-weight:var(--t-weight-regular);letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity var(--transition-control)}.location-chip:hover .location-change,.location-chip:focus-visible .location-change{opacity:.6}.location-search{position:relative;display:block}.location-search[hidden]{display:none}.location-search input{width:100%;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--border-control-hover);background:rgba(255,255,255,0.08);color:inherit;font-size:var(--t-size-caption)}.location-search input::placeholder{color:currentColor;opacity:.5}.location-search input:focus-visible{outline:0;border-color:currentColor}.location-dropdown{position:absolute;top:calc(100%+var(--space-2xs));left:0;right:0;z-index:30;display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-md);background:rgba(8,13,22,0.62);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(255,255,255,0.18);box-shadow:0 18px 48px rgba(0,0,0,0.45);color:var(--color-white)}.location-dropdown:has(.city-results:empty){gap:0}.location-slot-sidebar{align-items:stretch;max-width:none;margin:0}.location-slot-sidebar .location-chip{font-size:var(--t-size-display-s);letter-spacing:var(--t-ls-display)}.location-slot-drawer .location-dropdown{position:static;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;box-shadow:none;padding:var(--space-xs) 0 0;color:inherit}.city-results{list-style:none;margin:0;padding:0;max-height:15rem;overflow-y:auto}.city-results:empty{display:none}.city-results button{width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit;font-size:var(--t-size-caption)}.city-results button span{opacity:.55;margin-left:var(--space-2xs)}.city-results button:hover,.city-results button:focus-visible{background:rgba(255,255,255,0.12)}.location-detect{width:100%;background:transparent;border:1px solid rgba(255,255,255,0.25);color:inherit}.location-detect:hover{border-color:rgba(255,255,255,0.6)}.location-slot-drawer .location-detect{border-color:var(--border-control)}.location-slot-drawer .location-detect:hover{border-color:var(--border-control-hover)}.now-prayer{margin:0;padding:var(--space-2xs) var(--space-sm);border:1px solid var(--state-ring);background:color-mix(in srgb,var(--state-ring) 22%,transparent);border-radius:var(--radius-pill);font-size:var(--t-size-micro);font-weight:var(--t-weight-medium);letter-spacing:.1em;text-transform:uppercase}.now-prayer:empty{display:none}.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-xs)}.chip{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--border-control);background:transparent;color:inherit;font-size:var(--t-size-caption);font-weight:var(--t-weight-medium);transition:background-color var(--transition-control),border-color var(--transition-control),transform 150ms var(--ease-out)}.chip:hover{border-color:var(--border-control-hover)}.chip:active{transform:scale(0.97)}.chip:focus-visible{outline:2px solid currentColor;outline-offset:2px}.chip-active{background:var(--surface-raised-strong);border-color:transparent;color:var(--text-on-light)}.ruler{margin:0;width:100%;max-width:var(--layout-ruler-width);position:relative}.sun-ruler{width:100%;height:auto;overflow:visible}.ruler-night{fill:rgba(255,255,255,0.12)}.ruler-current{stroke:var(--color-white);stroke-width:.75;stroke-opacity:.5}.ruler-tick{stroke:rgba(255,255,255,0.65);stroke-width:1}.ruler-tick-minor{stroke:rgba(255,255,255,0.35);stroke-dasharray:2 2}.ruler-label{font-size:var(--t-size-ruler-label);font-weight:var(--t-weight-medium);fill:currentColor;opacity:.85}.ruler-label-minor{font-weight:var(--t-weight-regular);opacity:.55}.ruler-label-night{font-weight:var(--t-weight-regular);opacity:.45}.ruler-now{font-size:var(--t-size-ruler-now);font-weight:var(--t-weight-medium);fill:currentColor;font-variant-numeric:tabular-nums}.cursor-line,.cursor-arrow,.ruler-now{pointer-events:none}.cursor-line{stroke:var(--color-white);stroke-width:1.5;opacity:.9}.cursor-arrow{fill:var(--color-white);stroke:var(--state-ring);stroke-width:1;animation:cursor-pulse 2s ease-in-out infinite}@keyframes cursor-pulse{0,100%{opacity:1}50%{opacity:.45}}.ruler-hit{fill:transparent}.ruler-hit:hover,.ruler-hit:focus-visible{fill:rgba(255,255,255,0.14)}.ruler-hit:focus-visible{outline:0}.ruler-label-tip{cursor:pointer;text-decoration:underline dotted;text-underline-offset:3px}.ruler-label-tip:hover,.ruler-label-tip:focus-visible{opacity:1}.ruler-tip{position:absolute;bottom:100%;transform:translate(-50%,-0.4rem);z-index:20;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-subtle);font-size:var(--t-size-micro);white-space:nowrap;pointer-events:none;box-shadow:0 8px 24px rgba(0,0,0,0.45)}.ruler-tip[hidden]{display:none}.widget-title{margin:0 0 var(--space-xs);font-size:var(--t-size-kicker);font-weight:var(--t-weight-medium);letter-spacing:var(--t-ls-kicker);text-transform:uppercase;opacity:.65}.prayer-list{list-style:none;margin:0;padding:0}.prayer-row{display:flex;align-items:baseline;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-left:3px solid transparent;font-size:var(--t-size-ui)}.prayer-active{border-left-color:var(--state-ring);background:var(--surface-raised);font-weight:var(--t-weight-medium)}.prayer-name{flex:0 0 auto}.prayer-rel{font-size:var(--t-size-micro);opacity:.65}.prayer-time{margin-left:auto;font-variant-numeric:tabular-nums}.sponsor-card{display:flex;gap:var(--space-sm);align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:var(--surface-sunken);border:1px solid var(--border-subtle);text-decoration:none;min-height:5rem;position:relative}.sponsor-card img{border-radius:var(--radius-sm)}.sponsor-label{position:absolute;top:var(--space-2xs);right:var(--space-xs);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55}.sponsor-body{display:flex;flex-direction:column;gap:var(--space-2xs);font-size:var(--t-size-caption)}.sponsor-body span{opacity:.75}.ad-slot{min-height:var(--ad-slot-height-mobile);display:grid;place-items:center;border-radius:var(--radius-lg);border:1px dashed var(--border-subtle);overflow:hidden}.ad-slot[hidden]{display:none}@media(min-width:769px){.ad-slot{min-height:var(--ad-slot-height)}}.settings-btn{position:fixed;right:var(--space-md);bottom:var(--space-md);z-index:40;width:3rem;height:3rem;border-radius:50%;border:1px solid var(--border-control);background:var(--surface-sunken);color:inherit;display:grid;place-items:center;backdrop-filter:blur(6px);transition:transform var(--transition-control)}.settings-btn:hover{transform:rotate(30deg)}.settings-btn svg{width:1.3rem;height:1.3rem}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:50;width:var(--layout-drawer-width);background:var(--surface-card);color:var(--text-primary);transform:translateX(102%);transition:transform var(--transition-drawer);overflow-y:auto;box-shadow:-12px 0 40px rgba(0,0,0,0.45)}.drawer-open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-xs)}.drawer-head h2{margin:0;font-size:var(--t-size-display-s)}.drawer-close{background:0;border:0;color:inherit;font-size:var(--t-size-display-s);opacity:.7}.drawer-close:hover{opacity:1}.drawer-body{padding:var(--space-xs) var(--space-lg) var(--space-xl)}.setting{margin:var(--space-lg) 0}.setting h3{margin:0 0 var(--space-xs);font-size:var(--t-size-kicker);font-weight:var(--t-weight-medium);letter-spacing:var(--t-ls-kicker);text-transform:uppercase;opacity:.65}.setting select,.setting input[type=search]{width:100%;margin-top:var(--space-2xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--border-control);background:var(--surface-raised);color:inherit}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.setting-row label{font-size:var(--t-size-ui)}.setting-row input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--ring-green)}.setting-current{margin:0 0 var(--space-xs);font-weight:var(--t-weight-medium)}.setting-note{font-size:var(--t-size-micro);opacity:.6;margin:var(--space-xs) 0 0}.setting-warn{margin:var(--space-xs) 0 0;padding:var(--space-xs) var(--space-sm);border-left:3px solid var(--ring-amber);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:rgba(245,158,11,0.1);font-size:var(--t-size-micro);line-height:var(--t-lh-body)}.seg{display:inline-flex;border:1px solid var(--border-control);border-radius:var(--radius-md);overflow:hidden}.seg-stack{display:flex;flex-direction:column;width:100%}.seg-stack .seg-btn{text-align:left;border-bottom:1px solid var(--border-control)}.seg-stack .seg-btn:last-child{border-bottom:0}.seg-btn{padding:var(--space-xs) var(--space-md);border:0;background:transparent;color:inherit;font-weight:var(--t-weight-medium);font-size:var(--t-size-caption)}.seg-active{background:var(--surface-raised-strong);color:var(--text-on-light)}.btn-primary,.btn-secondary{display:inline-block;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-md);border:0;font-weight:var(--t-weight-medium)}.btn-primary{background:var(--color-white);color:var(--text-on-light)}.btn-secondary{background:var(--surface-raised);color:inherit;border:1px solid var(--border-control);margin-bottom:var(--space-2xs)}.city-results{list-style:none;margin:var(--space-2xs) 0 0;padding:0}.city-results button{width:100%;text-align:left;padding:var(--space-xs) var(--space-sm);border:0;border-radius:var(--radius-sm);background:transparent;color:inherit}.city-results button span{opacity:.55;font-size:var(--t-size-caption);margin-left:var(--space-2xs)}.city-results button:hover,.city-results button:focus-visible{background:var(--surface-raised)}.drawer-footer{margin-top:var(--space-xl);font-size:var(--t-size-caption)}.drawer-footer a{opacity:.8}.app-footer{padding:var(--space-md) var(--space-md) var(--space-lg);text-align:center;font-size:var(--t-size-micro);opacity:.55}.app-footer a{text-decoration:underline}.toast{position:fixed;left:50%;bottom:var(--space-lg);transform:translate(-50%,1rem);z-index:70;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-md);background:var(--text-primary);color:var(--text-on-light);font-size:var(--t-size-caption);font-weight:var(--t-weight-medium);opacity:0;visibility:hidden;transition:transform 300ms var(--ease-out),opacity 300ms var(--ease-out),visibility 300ms;pointer-events:none}.toast-show{transform:translate(-50%,0);opacity:1;visibility:visible}.page{background:var(--surface);color:var(--text-primary)}.site-nav{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-md);max-width:var(--layout-prose-width);margin:0 auto}.site-nav .brand{font-weight:var(--t-weight-bold);letter-spacing:var(--t-ls-display);text-decoration:none;font-size:var(--t-size-display-s)}.site-nav a:not(.brand){font-size:var(--t-size-caption);opacity:.7}.site-nav a:not(.brand):hover{opacity:1}.page-wrap{max-width:var(--layout-prose-width);margin:0 auto;padding:var(--space-xl) var(--space-md) var(--space-2xl)}.page-wrap h1{font-size:var(--t-size-display-l);font-weight:var(--t-weight-bold);letter-spacing:var(--t-ls-display);line-height:var(--t-lh-tight);margin:var(--space-xs) 0 var(--space-md)}.page-wrap h2{margin-top:var(--space-xl);font-size:var(--t-size-display-m);letter-spacing:var(--t-ls-display)}.page-wrap h3{margin-top:var(--space-lg);font-size:var(--t-size-display-s)}.page-wrap p,.page-wrap li{color:var(--text-prose);line-height:var(--t-lh-relaxed)}.page-wrap strong{color:var(--text-primary)}.page-wrap table{width:100%;border-collapse:collapse;font-size:var(--t-size-caption);margin:var(--space-md) 0}.page-wrap th,.page-wrap td{text-align:left;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);vertical-align:top}.page-wrap th{font-weight:var(--t-weight-medium);opacity:.85}.page-wrap code{background:var(--surface-raised);border-radius:var(--radius-sm);padding:.1rem .35rem;font-size:.85em}.page-wrap .table-scroll{overflow-x:auto}.kicker{font-size:var(--t-size-kicker);font-weight:var(--t-weight-medium);letter-spacing:var(--t-ls-kicker);text-transform:uppercase;opacity:.6}.widget-cta{display:block;margin:var(--space-xl) 0;padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--permitted-bg);color:var(--permitted-fg);text-decoration:none;font-weight:var(--t-weight-medium);border:1px solid var(--border-subtle);transition:transform var(--transition-control)}.widget-cta:hover{transform:translateY(-2px)}.widget-cta span{display:block;font-weight:var(--t-weight-regular);font-size:var(--t-size-caption);opacity:.8;margin-top:var(--space-2xs)}.verdict-badge{display:inline-block;padding:.1rem .55rem;border-radius:var(--radius-pill);font-size:var(--t-size-micro);font-weight:var(--t-weight-bold);letter-spacing:.06em}.badge-permitted{background:var(--ring-green);color:var(--color-ink-on-green)}.badge-prohibited{background:var(--ring-red);color:var(--color-ink-on-red)}.badge-disliked{background:var(--ring-amber);color:var(--color-ink-on-amber)}.jump-to-answer{display:inline-flex;align-items:center;gap:var(--space-xs);margin:var(--space-md) 0 var(--space-lg);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);border:1px solid var(--border-control);background:var(--surface-raised);font-size:var(--t-size-caption);font-weight:var(--t-weight-medium);text-decoration:none;transition:border-color var(--transition-control),transform var(--transition-control)}.jump-to-answer svg{width:1em;height:1em}.jump-to-answer:hover{border-color:var(--border-control-hover);transform:translateY(1px)}#answer-canvas{scroll-margin-top:var(--space-md)}.nearby{list-style:none;margin:var(--space-sm) 0 0;padding:0;display:grid;gap:var(--space-2xs)}.nearby li{display:flex;align-items:baseline;gap:var(--space-xs);font-size:var(--t-size-ui)}.nearby span{margin-left:auto;font-size:var(--t-size-micro);opacity:.5;font-variant-numeric:tabular-nums}.city-index{list-style:none;margin:0 0 var(--space-lg);padding:0;columns:3 16rem;column-gap:var(--space-lg)}.city-index li{break-inside:avoid;margin-bottom:var(--space-2xs)}.city-index a{display:block;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);font-size:var(--t-size-ui);text-decoration:none;color:var(--text-prose)}.city-index a:hover{background:var(--surface-raised);color:var(--text-primary)}.q-index{list-style:none;margin:0 0 var(--space-lg);padding:0;display:grid;gap:var(--space-2xs)}.q-index a{display:block;padding:var(--space-xs);border-radius:var(--radius-sm);text-decoration:none;color:var(--text-prose)}.q-index a:hover{background:var(--surface-raised)}.q-index strong{display:block;font-size:var(--t-size-ui);color:var(--text-primary)}.q-index span{display:block;margin-top:var(--space-2xs);font-size:var(--t-size-caption);line-height:var(--t-lh-relaxed);opacity:.7}.page-wrap h2.country-head{position:sticky;top:0;z-index:2;margin-top:var(--space-xl);padding:var(--space-xs) 0;background:var(--surface);font-size:var(--t-size-display-s);letter-spacing:var(--t-ls-kicker);text-transform:uppercase;opacity:.7;border-bottom:1px solid var(--border-subtle)}.city-filter{position:sticky;top:0;z-index:3;padding:var(--space-sm) 0;background:var(--surface)}.city-filter input{width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-control);background:var(--surface-raised);color:inherit;font-size:var(--t-size-ui)}.city-empty{padding:var(--space-lg) 0;opacity:.6;font-size:var(--t-size-ui)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:focus-visible{outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}}