.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--bg:#f0f0ed;--panel:#e8e6e0;--panel2:#dedcd5;--panel3:#d2d0c8;--border:#c0bdb4;--border2:#aeaba2;--accent:#7a4f1e;--accent2:#3a6b8a;--accent3:#3a6b3a;--red:#8a2a2a;--text:#2a1f14;--text-muted:#7a6a55;--sidebar-w:420px;--navbar-h:clamp(48px, 42px + 1.5vw, 56px)}[data-theme=dark]{--bg:#080c14;--panel:#0d1421;--panel2:#111b2e;--panel3:#172236;--border:#1e3048;--border2:#253c5c;--accent:#38bdf8;--accent2:#7dd3fc;--accent3:#6ee7b7;--red:#f87171;--text:#e2f0ff;--text-muted:#6a8eaa;--glow:#38bdf866}[data-theme=dark] .osm-tiles{filter:invert()hue-rotate(180deg)brightness(.82)contrast(1.05)}[data-theme=dark] .leaflet-overlay-pane svg{filter:saturate(2)brightness(1.7)}[data-theme=dark] .navbar-logo:hover{color:var(--accent);text-shadow:0 0 18px var(--glow), 0 0 40px #38bdf82e;text-decoration:none}[data-theme=dark] .navbar-links a:hover,[data-theme=dark] .navbar-links a.active{color:var(--accent);text-shadow:0 0 10px var(--glow)}[data-theme=dark] .navbar-links button:hover{text-shadow:0 0 10px var(--glow);color:var(--accent)!important}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;min-height:100%;font-family:IBM Plex Sans,sans-serif;display:flex;overflow-x:clip}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.navbar{height:var(--navbar-h);background:var(--panel);border-bottom:1px solid var(--border);z-index:1000;justify-content:space-between;align-items:center;padding:0 clamp(12px,3vw,32px);display:flex;position:sticky;top:0}.navbar-logo{color:var(--accent);white-space:nowrap;flex-shrink:0;font-family:Playfair Display,serif;font-size:clamp(1rem,.85rem + .6vw,1.2rem);text-decoration:none}.navbar-logo small{color:var(--text-muted);letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:clamp(.5rem,.38rem + .35vw,.58rem);display:block}.navbar-links{white-space:nowrap;flex-shrink:0;gap:clamp(10px,2.2vw,28px);list-style:none;display:flex}.navbar-links a{letter-spacing:.06em;color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:clamp(.72rem,.62rem + .35vw,.82rem);text-decoration:none;transition:color .15s}.navbar-links a:hover,.navbar-links a.active{color:var(--accent)}.blog-page{max-width:900px;margin:0 auto;padding:clamp(32px,6vw,48px) clamp(16px,3vw,24px)}.blog-page h1{color:var(--text);margin-bottom:8px;font-family:Playfair Display,serif;font-size:2rem}.blog-page .subtitle{color:var(--text-muted);letter-spacing:.06em;border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:20px;font-family:IBM Plex Mono,monospace;font-size:.82rem}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.blog-card{background:var(--panel);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:24px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:block}.blog-card:hover{border-color:var(--accent);text-decoration:none;box-shadow:0 4px 16px #503c1e1f}.blog-card-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:.65rem}.blog-card h2{color:var(--text);margin-bottom:10px;font-family:Playfair Display,serif;font-size:1.15rem;line-height:1.4}.blog-card p{color:var(--text-muted);font-size:.8rem;line-height:1.7}.blog-card-date{color:var(--text-muted);margin-top:14px;font-family:IBM Plex Mono,monospace;font-size:.68rem}.blog-post{max-width:720px;margin:0 auto;padding:clamp(32px,6vw,48px) clamp(16px,3vw,24px) clamp(60px,10vw,80px)}.blog-post-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px}.blog-post-tag{letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:12px;font-family:IBM Plex Mono,monospace;font-size:.65rem}.blog-post-header h1{margin-bottom:12px;font-family:Playfair Display,serif;font-size:clamp(1.7rem,1.2rem + 2vw,2.2rem);line-height:1.3}.blog-post-header .meta{color:var(--text-muted);font-family:IBM Plex Mono,monospace;font-size:.72rem}.blog-post-body{color:var(--text);font-size:.95rem;line-height:1.85}.blog-post-body h2{color:var(--text);margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.4rem}.blog-post-body h3{color:var(--text);margin:28px 0 10px;font-family:Playfair Display,serif;font-size:1.1rem}.blog-post-body p{margin-bottom:18px}.blog-post-body ul,.blog-post-body ol{margin:0 0 18px 24px}.blog-post-body li{margin-bottom:6px}.blog-post-body blockquote{border-left:3px solid var(--accent);color:var(--text-muted);margin:24px 0;padding-left:18px;font-style:italic}.blog-post-body strong{color:var(--text);font-weight:600}.about-page{max-width:760px;margin:0 auto;padding:clamp(32px,6vw,48px) clamp(16px,3vw,24px) clamp(60px,10vw,80px)}.about-page h1{margin-bottom:24px;font-family:Playfair Display,serif;font-size:2.2rem}.about-page p{color:var(--text);margin-bottom:18px;font-size:.95rem;line-height:1.85}.about-page h2{margin:36px 0 14px;font-family:Playfair Display,serif;font-size:1.4rem}.footer{background:var(--panel);border-top:1px solid var(--border);text-align:center;color:var(--text-muted);letter-spacing:.05em;padding:clamp(16px,2.5vw,24px) clamp(16px,4vw,32px);font-family:IBM Plex Mono,monospace;font-size:.72rem}.sidebar-backdrop{display:none}@media (max-width:767px){.navbar-logo{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}.navbar-logo small{text-overflow:ellipsis;overflow:hidden}.sidebar-backdrop{z-index:998;background:#00000059;display:block;position:fixed;inset:0}}@media (max-width:479px){.navbar-links{gap:8px}.navbar-links a{letter-spacing:.02em;font-size:.7rem}.navbar-logo small{letter-spacing:.05em;white-space:normal;line-height:1.25}}@media (max-width:359px){.navbar{padding:0 10px}.navbar-logo{font-size:.9rem}.navbar-links{gap:5px}.navbar-links a{font-size:.64rem}.navbar-logo small{letter-spacing:.02em}}.country-article{flex-direction:column;height:100%;min-height:0;display:flex}.country-article-header{border-bottom:1px solid var(--border);flex-shrink:0;padding:14px 22px 12px;position:relative}.country-article-title{color:var(--text);margin:0;padding-right:44px;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:400;line-height:1.2}.country-article-family{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-top:4px;font-family:IBM Plex Mono,monospace;font-size:.68rem}.country-article-body{scrollbar-width:thin;flex:1;padding:18px 22px;overflow-y:auto}.country-article-missing{color:var(--accent);background:#7a4f1e14;border:1px solid #7a4f1e33;border-radius:6px;padding:16px;font-size:.8rem;line-height:1.6}.country-article-missing-hint{opacity:.7;font-family:IBM Plex Mono,monospace;font-size:.72rem}.country-cta-btn{background:var(--accent);color:#f5f0e8;letter-spacing:.06em;border-radius:4px;padding:10px 24px;font-family:IBM Plex Mono,monospace;font-size:.78rem;text-decoration:none;transition:opacity .15s;display:inline-block}.country-cta-btn:hover{opacity:.85}
