*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}:root{--navy:#1B2D4F;--navy-deep:#111E36;--navy-muted:#2A4168;--teal:#3A6B8C;--teal-light:#4A8BAF;--gold:#C9A44A;--gold-dim:rgba(201,164,74,.12);--gold-hover:#D4B05A;--red:#CE3B3B;--bg:#FAFAF8;--bg-card:#FFFFFF;--bg-sidebar:#F5F5F2;--bg-code:#F0F0ED;--text:#1B2D4F;--text-secondary:#3A6B8C;--text-muted:#7A8A9E;--text-light:#9EAAB8;--border:#E2E5EA;--border-light:#ECEEF2;--shadow:0 1px 3px rgba(27,45,79,.06),0 1px 2px rgba(27,45,79,.04);--shadow-md:0 4px 12px rgba(27,45,79,.08),0 2px 4px rgba(27,45,79,.04);--shadow-lg:0 12px 40px rgba(27,45,79,.1),0 4px 12px rgba(27,45,79,.06);--radius:6px;--radius-lg:10px;--header-h:56px;--subnav-h:44px;--max-w:1200px;--serif:"Noto Serif JP",serif;--sans:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;--mono:"JetBrains Mono",monospace}[data-theme=dark]{--bg:#0D1117;--bg-card:#161B22;--bg-sidebar:#13181F;--bg-code:#1C2128;--text:#E6EDF3;--text-secondary:#7DAFCF;--text-muted:#8B949E;--text-light:#6E7681;--border:#30363D;--border-light:#21262D;--shadow:0 1px 3px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 12px 40px rgba(0,0,0,.5);--teal:#7DAFCF;--teal-light:#93C5E5;--navy-muted:#4A6A8F}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:15px;line-height:1.7;min-height:100vh}.header{position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border);height:var(--header-h);backdrop-filter:blur(12px);background:#ffffffeb}[data-theme=dark] .header{background:#161b22eb}.header-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:baseline;gap:2px;font-size:20px;font-weight:700;letter-spacing:-.5px;user-select:none}.logo-donesia{color:var(--navy);font-family:var(--sans);font-weight:900}[data-theme=dark] .logo-donesia{color:#e6edf3}.logo-navi{color:var(--teal);font-weight:700;position:relative}.logo-navi .dot{color:var(--gold);font-weight:900}.header-actions{display:flex;align-items:center;gap:12px}.header-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.header-btn:hover{background:var(--gold-dim);color:var(--gold)}.subnav{background:var(--bg-card);border-bottom:1px solid var(--border);height:var(--subnav-h);overflow-x:auto;-webkit-overflow-scrolling:touch}[data-theme=dark] .subnav{background:var(--bg-card)}.subnav::-webkit-scrollbar{display:none}.subnav-inner{max-width:var(--max-w);margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:0;height:100%}.subnav-link{padding:0 16px;height:100%;display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap;transition:all .15s}.subnav-link:hover{color:var(--text)}.subnav-link.active{color:var(--text);border-bottom-color:var(--gold);font-weight:600}.container{max-width:var(--max-w);margin:0 auto;padding:0 20px}.layout-2col{display:grid;grid-template-columns:1fr 340px;gap:32px;padding-top:24px;padding-bottom:60px}.layout-2col-article{display:grid;grid-template-columns:1fr 320px;gap:40px;padding-top:0;padding-bottom:60px}.main-col,.sidebar-col{min-width:0}.digest-banner{background:linear-gradient(135deg,var(--navy) 0%,var(--navy-muted) 100%);border-radius:var(--radius-lg);padding:24px 28px;color:#fff;margin-bottom:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.digest-date{font-size:13px;opacity:.7;font-weight:400}.digest-date strong{font-weight:600;opacity:1;font-size:15px;display:block;margin-bottom:2px}.digest-rate{font-family:var(--mono);font-size:28px;font-weight:600;letter-spacing:-1px;display:flex;align-items:baseline;gap:8px}.digest-rate small{font-size:13px;opacity:.6;font-weight:400;letter-spacing:0}.digest-rate .trend{font-size:14px;color:#6be68d}.digest-weather{font-size:13px;opacity:.8;text-align:right}.safety-alert{background:var(--red);color:#fff;padding:10px 16px;border-radius:var(--radius);font-size:13px;font-weight:500;margin-bottom:20px;display:flex;align-items:center;gap:8px}.safety-alert svg{flex-shrink:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}.section-title{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--text)}.section-more{font-size:12px;color:var(--teal);font-weight:500}.section-more:hover{color:var(--gold)}.featured{display:block;margin-bottom:32px;padding-bottom:28px;border-bottom:1px solid var(--border)}.featured-cat{display:inline-block;font-size:11px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.featured-title{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.45;color:var(--text);margin-bottom:10px;cursor:pointer;transition:color .15s}.featured-title:hover{color:var(--teal)}.featured-excerpt{font-size:14px;color:var(--text-muted);line-height:1.75;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{font-size:12px;color:var(--text-light);display:flex;align-items:center;gap:12px}.featured-meta .source{color:var(--teal);font-weight:500}.article-item{padding:16px 0;border-bottom:1px solid var(--border-light);display:flex;gap:12px;align-items:flex-start;cursor:pointer;transition:background .1s}.article-item:hover{background:var(--gold-dim);margin:0 -12px;padding:16px 12px;border-radius:var(--radius)}.article-item:last-child{border-bottom:none}.cat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:8px}.cat-dot.safety{background:var(--red)}.cat-dot.business{background:var(--gold)}.cat-dot.society{background:var(--teal)}.cat-dot.lifestyle{background:#5ba88e}.cat-dot.travel{background:#8b6fbf}.cat-dot.visa{background:#d47b3e}.cat-dot.regulation{background:var(--navy-muted)}.article-item-body{flex:1;min-width:0}.article-item-title{font-family:var(--serif);font-size:15px;font-weight:600;line-height:1.5;color:var(--text);margin-bottom:4px}.article-item-excerpt{font-size:13px;color:var(--text-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:4px}.article-item-meta{font-size:11px;color:var(--text-light);display:flex;gap:8px}.article-item-meta .source{color:var(--teal)}.sidebar-sticky{position:sticky;top:calc(var(--header-h) + var(--subnav-h) + 16px)}.widget{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.widget-title{font-family:var(--serif);font-size:14px;font-weight:700;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:6px}.widget-title .icon{color:var(--gold);font-size:16px}.rate-big{font-family:var(--mono);font-size:32px;font-weight:600;color:var(--text);letter-spacing:-1px;margin-bottom:4px}.rate-pair{font-size:12px;color:var(--text-muted);margin-bottom:12px}.rate-trend{font-size:13px;display:flex;align-items:center;gap:4px;margin-bottom:14px}.rate-trend.up{color:#16a34a}.rate-trend.down{color:var(--red)}.wise-link{display:block;text-align:center;font-size:12px;color:var(--teal);padding:8px;border-radius:var(--radius);background:var(--gold-dim);transition:all .15s}.wise-link:hover{background:var(--gold);color:#fff}.wise-link .pr{font-size:9px;color:var(--text-light);margin-left:4px}.popular-list .popular-item{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border-light)}.popular-list .popular-item:last-child{border-bottom:none}.popular-num{font-family:var(--mono);font-size:18px;font-weight:600;color:var(--gold);width:24px;text-align:center;flex-shrink:0;line-height:1.3}.popular-title{font-size:13px;font-weight:500;line-height:1.5;color:var(--text)}.popular-title:hover{color:var(--teal)}.cat-list .cat-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border-light);font-size:13px}.cat-list .cat-item:last-child{border-bottom:none}.cat-item-name{color:var(--text);font-weight:500}.cat-item-name:hover{color:var(--teal)}.cat-item-count{font-size:11px;color:var(--text-light);background:var(--bg);padding:2px 8px;border-radius:10px}.safety-widget-alert{font-size:13px;line-height:1.65;color:var(--text);padding:10px;border-left:3px solid var(--red);background:#ce3b3b0d;border-radius:0 var(--radius) var(--radius) 0}.safety-widget-date{font-size:11px;color:var(--text-light);margin-top:6px}.breadcrumb{font-size:12px;color:var(--text-light);padding:14px 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.breadcrumb a{color:var(--text-muted);transition:color .15s}.breadcrumb a:hover{color:var(--teal)}.breadcrumb .sep{color:var(--border)}.article-header{margin-bottom:28px}.article-cat-pill{display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;background:var(--gold-dim);color:var(--gold);margin-bottom:12px}.article-page-title{font-family:var(--serif);font-size:28px;font-weight:700;line-height:1.5;color:var(--text);margin-bottom:14px;letter-spacing:-.3px}.article-meta-row{font-size:13px;color:var(--text-muted);display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.article-meta-row .divider{color:var(--border);font-size:10px}.share-row{display:flex;align-items:center;gap:8px;margin-bottom:24px}.share-btn{display:flex;align-items:center;justify-content:center;gap:5px;height:34px;padding:0 14px;border-radius:var(--radius);font-size:12px;font-weight:500;transition:all .15s;color:#fff}.share-btn:hover{opacity:.85;transform:translateY(-1px)}.share-btn.x{background:#000}[data-theme=dark] .share-btn.x{background:#333}.share-btn.fb{background:#1877f2}.share-btn.line{background:#06c755}.share-btn.copy{background:var(--teal)}.share-vertical{display:flex;flex-direction:column;gap:8px}.share-vertical .share-btn{width:100%;justify-content:center}.toc{border:1px solid var(--border);border-left:4px solid var(--gold);border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--bg-sidebar);margin-bottom:32px;overflow:hidden}.toc-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;cursor:pointer;font-size:14px;font-weight:600;color:var(--text);user-select:none}.toc-header:hover{background:var(--gold-dim)}.toc-arrow{transition:transform .2s;color:var(--text-muted);font-size:12px}.toc.collapsed .toc-arrow{transform:rotate(-90deg)}.toc-body{padding:0 18px 14px}.toc.collapsed .toc-body{display:none}.toc-link{display:block;padding:6px 0;font-size:13px;color:var(--text-muted);border-bottom:1px solid var(--border-light);transition:color .1s}.toc-link:last-child{border-bottom:none}.toc-link:hover{color:var(--gold)}.toc-link:before{content:"—";margin-right:8px;color:var(--border);font-size:11px}.article-body{font-family:var(--sans);font-size:16px;line-height:1.95;color:var(--text)}.article-body h2{font-family:var(--serif);font-size:20px;font-weight:700;margin:40px 0 16px;padding:8px 0 8px 16px;border-left:4px solid var(--gold);color:var(--text);line-height:1.45}.article-body h3{font-family:var(--serif);font-size:17px;font-weight:600;margin:28px 0 12px;color:var(--text);line-height:1.5}.article-body p{margin-bottom:20px}.article-body ul,.article-body ol{margin:0 0 20px 20px;list-style:disc}.article-body ol{list-style:decimal}.article-body li{margin-bottom:6px}.article-body blockquote{border-left:4px solid var(--gold);background:var(--gold-dim);padding:16px 20px;margin:20px 0;border-radius:0 var(--radius) var(--radius) 0;font-size:15px;color:var(--text-secondary);line-height:1.8}.article-body table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.article-body th{background:var(--navy);color:#fff;padding:10px 14px;text-align:left;font-weight:600;font-size:13px}[data-theme=dark] .article-body th{background:var(--navy-muted)}.article-body td{padding:10px 14px;border-bottom:1px solid var(--border)}.inline-affiliate{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;margin:24px 0;font-size:14px;display:flex;align-items:center;gap:12px}.inline-affiliate .pr-label{font-size:9px;font-weight:700;color:var(--text-light);background:var(--border-light);padding:2px 6px;border-radius:3px;flex-shrink:0}.inline-affiliate a{color:var(--gold);font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}.article-source{margin-top:36px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);font-size:13px}.article-source-title{font-weight:600;margin-bottom:8px;color:var(--text)}.article-source a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.ai-disclosure{margin-top:16px;padding:12px 16px;background:var(--bg-sidebar);border-radius:var(--radius);font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.tag-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.tag-pill{font-size:12px;padding:4px 12px;border-radius:20px;background:var(--bg-sidebar);border:1px solid var(--border);color:var(--text-muted);transition:all .15s}.tag-pill:hover{background:var(--gold-dim);border-color:var(--gold);color:var(--gold)}.related-item{padding:10px 0;border-bottom:1px solid var(--border-light)}.related-item:last-child{border-bottom:none}.related-cat{font-size:10px;color:var(--gold);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.related-title{font-size:13px;font-weight:500;line-height:1.5;margin:2px 0;color:var(--text);display:block}.related-title:hover{color:var(--teal)}.related-date{font-size:11px;color:var(--text-light)}.ad-placeholder{height:250px;background:var(--bg-sidebar);border:1px dashed var(--border);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-light)}.affiliate-card{background:linear-gradient(135deg,var(--gold-dim) 0%,transparent 100%);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;text-align:center;margin-bottom:16px}.affiliate-card .pr-badge{font-size:9px;font-weight:700;color:var(--text-light);background:var(--bg);padding:2px 8px;border-radius:3px;display:inline-block;margin-bottom:10px}.affiliate-card .aff-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}.affiliate-card .aff-desc{font-size:12px;color:var(--text-muted);line-height:1.6;margin-bottom:14px}.affiliate-card .aff-cta{display:inline-block;padding:10px 28px;border-radius:var(--radius);background:var(--gold);color:#fff;font-size:13px;font-weight:600;transition:all .15s}.affiliate-card .aff-cta:hover{background:var(--gold-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.cat-hero{background:linear-gradient(135deg,var(--navy) 0%,var(--teal) 100%);color:#fff;padding:36px 28px;border-radius:var(--radius-lg);margin-bottom:28px}.cat-hero-name{font-family:var(--serif);font-size:28px;font-weight:700;margin-bottom:6px}.cat-hero-desc{font-size:14px;opacity:.8;margin-bottom:12px}.cat-hero-count{font-size:12px;opacity:.6}.filter-bar{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:6px 16px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--border);color:var(--text-muted);transition:all .15s}.filter-btn:hover{border-color:var(--gold);color:var(--gold)}.filter-btn.active{background:var(--gold);color:#fff;border-color:var(--gold)}.about-section{margin-bottom:40px}.about-section h2{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--gold);display:inline-block}.about-section p{font-size:15px;line-height:1.85;color:var(--text-muted);margin-bottom:14px}.about-section ul{margin:0 0 16px 20px;list-style:disc}.about-section li{font-size:14px;line-height:1.7;color:var(--text-muted);margin-bottom:4px}.site-footer{border-top:1px solid var(--border);padding:32px 0;text-align:center;font-size:12px;color:var(--text-muted);background:var(--bg-card)}.site-footer a{color:var(--teal);transition:color .15s}.site-footer a:hover{color:var(--gold)}.footer-links{display:flex;justify-content:center;gap:16px;margin-top:8px;font-size:12px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border);height:56px;z-index:1000;padding:0 8px}.mobile-nav-inner{display:flex;align-items:center;justify-content:space-around;height:100%;max-width:480px;margin:0 auto}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:10px;color:var(--text-light);padding:4px 0;transition:color .15s}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--gold)}.mobile-nav-item svg{width:20px;height:20px}.mobile-share-bar{display:none;position:fixed;bottom:64px;left:12px;right:12px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:10px;z-index:999}.mobile-share-bar .share-row{margin-bottom:0;justify-content:center}@media(max-width:1024px){.layout-2col,.layout-2col-article{grid-template-columns:1fr;gap:20px}.sidebar-col.desktop-only{display:none}}@media(max-width:768px){:root{--header-h:52px;--subnav-h:40px}body{padding-bottom:64px}.mobile-nav{display:block}.subnav{display:none}.desktop-only{display:none!important}.mobile-show{display:block!important}.layout-2col,.layout-2col-article{grid-template-columns:1fr;gap:16px}.digest-banner{padding:16px 18px;flex-direction:column;align-items:flex-start}.digest-rate{font-size:24px}.digest-weather{text-align:left}.featured-title{font-size:20px}.featured-hero .featured-hero-title{font-size:1.25rem}.article-page-title{font-size:22px}.article-body{font-size:15px}.article-body h2{font-size:18px}.container{padding:0 16px}.mobile-share-bar{display:block}.footer-links{display:none}.site-footer{padding-bottom:80px}.article-grid{grid-template-columns:1fr}}@media(max-width:480px){.share-row{flex-wrap:wrap}.share-btn{flex:1;min-width:0}}.fade-in{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.article-body a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.article-body a:hover{color:var(--gold)}.article-body pre{background:var(--bg-code);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin:20px 0;overflow-x:auto;font-family:var(--mono);font-size:13px;line-height:1.6}.article-body code{font-family:var(--mono);font-size:.9em;background:var(--bg-code);padding:2px 6px;border-radius:3px}.article-body pre code{background:none;padding:0;border-radius:0}.fx-widget--sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px;box-shadow:var(--shadow)}.fx-widget--banner .fx-main{font-family:var(--mono);font-size:24px;font-weight:600;letter-spacing:-1px;color:#fff}.fx-widget--banner .fx-change{font-size:13px;margin-top:2px}.fx-widget--banner .fx-change-up{color:#6be68d}.fx-widget--banner .fx-change-down{color:#ff9b9b}.fx-widget--banner .fx-sub{font-size:12px;color:#ffffffb3;margin-top:2px}.fx-widget--banner .fx-ref{font-size:11px;color:#ffffff80;margin-top:4px}.fx-widget--banner .fx-trend{margin-top:6px}.fx-widget--banner .fx-updated{font-size:10px;color:#ffffff59;margin-top:4px}.fx-widget--banner .fx-wise{display:inline-block;margin-top:6px;font-size:11px;color:#ffffffb3;background:#ffffff1f;padding:4px 12px;border-radius:var(--radius);transition:all .15s}.fx-widget--banner .fx-wise:hover{background:#ffffff40;color:#fff}.fx-widget--banner .fx-wise .pr{font-size:9px;color:#fff6;margin-left:4px}.fx-widget--banner .fx-loading .fx-shimmer{background:#ffffff26}.fx-main{font-family:var(--mono);font-size:28px;font-weight:600;color:var(--text);letter-spacing:-1px;margin-bottom:4px;line-height:1.3}.fx-change{font-size:13px;font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:4px}.fx-change-up{color:#16a34a}.fx-change-down{color:var(--red)}.fx-sub{font-family:var(--mono);font-size:14px;color:var(--text-muted);margin-bottom:2px;line-height:1.6}.fx-ref{font-size:12px;color:var(--text-light);margin-top:8px;padding-top:8px;border-top:1px solid var(--border-light)}.fx-trend{margin-top:8px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.fx-updated{font-size:10px;color:var(--text-light);margin-top:6px}.fx-wise{display:block;text-align:center;font-size:12px;color:var(--teal);padding:8px;border-radius:var(--radius);background:var(--gold-dim);transition:all .15s;margin-top:12px}.fx-wise:hover{background:var(--gold);color:#fff}.fx-wise .pr{font-size:9px;color:var(--text-light);margin-left:4px}.fx-wise-arrow{margin:0 2px}.fx-loading{padding:4px 0}.fx-shimmer{background:linear-gradient(90deg,var(--border-light) 25%,var(--bg-sidebar) 50%,var(--border-light) 75%);background-size:200% 100%;animation:fxShimmer 1.5s infinite;border-radius:4px}@keyframes fxShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.fx-fade-in{animation:fxFadeIn .4s ease}@keyframes fxFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.category-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:flex;flex-direction:column;justify-content:flex-end;opacity:0;pointer-events:none;transition:opacity .25s ease}.category-overlay.open{opacity:1;pointer-events:auto}.category-overlay.open .category-overlay-header,.category-overlay.open .category-overlay-list{transform:translateY(0)}.category-overlay-header{background:var(--bg-card);padding:20px 20px 16px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);transform:translateY(20px);transition:transform .25s ease}.category-overlay-title{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--text)}.category-overlay-close{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);transition:all .15s}.category-overlay-close:hover{background:var(--gold-dim);color:var(--gold)}.category-overlay-list{background:var(--bg-card);padding:8px 0 calc(env(safe-area-inset-bottom,0px) + 16px);max-height:60vh;overflow-y:auto;transform:translateY(20px);transition:transform .25s ease}.category-overlay-item{display:flex;align-items:center;gap:12px;padding:14px 20px;font-size:15px;font-weight:500;color:var(--text);transition:background .1s}.category-overlay-item:hover{background:var(--gold-dim)}.category-overlay-item .cat-dot{width:10px;height:10px;flex-shrink:0}.category-overlay-name{flex:1}.category-overlay-item svg{color:var(--text-light);flex-shrink:0}.featured-hero{position:relative;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:24px;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:32px 32px 28px;background:linear-gradient(180deg,#1b2d4f1a,#1b2d4fb3,#1b2d4ff2),url(https://images.pexels.com/photos/2166559/pexels-photo-2166559.jpeg?auto=compress&cs=tinysrgb&w=1200&h=600&dpr=1) center/cover no-repeat}.featured-hero .featured-hero-title{font-size:1.8rem}.featured-hero .featured-hero-badge{display:inline-block;font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;background:#c9a44a40;color:var(--gold);width:fit-content}.featured-hero .featured-hero-title{font-family:var(--serif);font-size:1.5rem;font-weight:700;color:#fff;line-height:1.4;margin-top:8px}.featured-hero .featured-hero-excerpt{color:#fffc;font-size:.9rem;margin-top:8px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-hero .featured-hero-meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#ffffffb3;margin-top:12px}.featured-hero .featured-hero-meta .source{color:#ffffffe6;font-weight:500}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all .15s;display:block}.article-card:hover{border-color:var(--gold);box-shadow:var(--shadow-md)}.article-card-image{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--border-light) 0%,var(--border) 100%);background-size:cover;background-position:center}.article-card-body{padding:12px 16px 16px}.article-card-badge{display:inline-block;font-size:10px;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.article-card-title{font-family:var(--serif);font-size:.95rem;font-weight:600;line-height:1.4;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{font-size:.75rem;color:var(--text-muted);margin-top:8px;display:flex;align-items:center;gap:8px}.article-card-meta .source{color:var(--teal);font-weight:500}.static-page{max-width:800px;padding-top:28px;padding-bottom:60px}.static-page h1{font-family:var(--serif);font-size:28px;font-weight:700;margin-bottom:32px;color:var(--text)}