:root{--ink:#172235;--muted:#667487;--brand:#ff7800;--brand2:#2276d2;--line:#e0e5eb;--bg:#f3f5f7;--card:#fff;--warn:#fff6e8;--radius:6px;--shadow:0 3px 12px rgba(23,34,53,.07)}
body{color:var(--ink);background:var(--bg);font-family:Arial,"Helvetica Neue",system-ui,sans-serif;line-height:1.62}
.wrap{width:min(1180px,calc(100% - 32px))}
.site-header{position:relative;top:auto;z-index:30;background:#fff;border:0;box-shadow:0 1px 5px rgba(23,34,53,.12)}
.utility-bar{background:#f4f5f7;border-bottom:1px solid #e5e8ec;color:#7a8593;font-size:.72rem}.utility-row{display:flex;align-items:center;justify-content:space-between;min-height:31px}.utility-row nav{display:flex;gap:18px}.utility-row a{color:#687586;text-decoration:none}
.brand-row{display:flex;align-items:center;min-height:82px;gap:30px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:1.55rem;font-weight:900;letter-spacing:-.04em;text-decoration:none}.brand-mark{display:grid;place-items:center;width:46px;height:46px;border-radius:9px;background:linear-gradient(135deg,#ff942e,#f05b00);color:#fff!important;font-size:1rem;letter-spacing:-.08em;box-shadow:0 5px 14px rgba(255,120,0,.23)}.brand-word{display:grid;line-height:.88}.brand-word>span{color:var(--brand)}.brand-word small{margin-top:7px;color:#8b95a2;font-size:.55rem;font-weight:600;letter-spacing:.03em}.brand-row .header-search{width:min(500px,52%);margin-left:auto}.brand-row .search-form{gap:0}.brand-row .search-field{min-height:42px;border:2px solid var(--brand);border-radius:4px 0 0 4px;background:#fff}.brand-row .search-submit{min-width:86px;border-radius:0 4px 4px 0;background:var(--brand)}
.nav-toggle{display:flex;align-items:center;gap:6px;margin-left:auto;border:1px solid var(--line);border-radius:4px;background:#fff;padding:9px 11px;color:var(--ink);font-weight:800}
.nav-band{background:#182536}.nav-row{display:flex;align-items:stretch;min-height:44px}.primary-nav{display:none}.primary-nav ul{list-style:none;margin:0;padding:0}.primary-nav a{display:block;padding:11px 15px;color:#fff;font-size:.82rem;font-weight:750;text-decoration:none}.primary-nav a:hover,.primary-nav .current-menu-item>a{background:var(--brand);color:#fff}.nav-feature{display:none;margin-left:auto;padding:11px 16px;background:var(--brand);color:#fff;font-size:.78rem;font-weight:800;text-decoration:none}.mobile-topic-strip{display:flex;gap:0;overflow-x:auto;border-bottom:1px solid var(--line);background:#fff;scrollbar-width:none}.mobile-topic-strip::-webkit-scrollbar{display:none}.mobile-topic-strip a{flex:0 0 auto;padding:9px 12px;border-right:1px solid #edf0f3;color:#465365;font-size:.72rem;font-weight:700;text-decoration:none}
.site-main{padding:24px 0 52px}.breadcrumb{margin:0 0 14px;padding:8px 10px;border:1px solid var(--line);background:#fff;font-size:.75rem}
.article-layout{gap:20px}.article{border-radius:5px;padding:clamp(20px,4vw,38px);box-shadow:none}.article-header h1{font-size:clamp(1.9rem,5vw,3rem)}.article .featured{border-radius:4px}.toc{border-radius:4px}.answer-box,.philippines-note{border-radius:4px}.sidebar .content-card{border-radius:5px;box-shadow:none}.related .post-card{border-radius:5px}
.post-card,.content-card,.category-card{border-radius:5px;box-shadow:none}.post-card:hover{box-shadow:0 6px 18px rgba(23,34,53,.1)}.post-card-body{padding:14px}.post-card h2,.post-card h3{font-size:1rem}.archive-header{padding:20px;border:1px solid var(--line);background:#fff}.archive-header h1{font-size:clamp(1.8rem,5vw,2.7rem)}
.site-footer{padding:38px 0 0;background:#172235;color:#bac5d2}.footer-portal-grid{grid-template-columns:1.45fr repeat(3,1fr);gap:36px}.footer-brand{color:#fff}.footer-brand-column p{max-width:330px}.site-footer h2{margin:0 0 12px;color:#fff;font-size:.9rem}.site-footer ul,.footer-links ul{list-style:none;margin:0;padding:0}.site-footer li{margin:7px 0}.footer-links{display:block}.site-footer a{color:#e8edf3;font-size:.8rem;text-decoration:none}.site-footer p{font-size:.78rem}.footer-safety{margin-top:28px;padding:13px 0;background:#101a28;color:#8f9cab;font-size:.7rem;text-align:center}.mobile-bottom-nav{display:flex;position:fixed;z-index:50;left:0;right:0;bottom:0;height:58px;border-top:1px solid #dce1e7;background:rgba(255,255,255,.97);box-shadow:0 -3px 12px rgba(23,34,53,.08)}.mobile-bottom-nav a{display:grid;flex:1;place-items:center;align-content:center;gap:1px;color:#5c6877;font-size:.65rem;font-weight:700;text-decoration:none}.mobile-bottom-nav span{color:var(--brand);font-size:1.15rem;line-height:1}
@media(min-width:960px){.nav-toggle{display:none}.primary-nav{display:block;position:static;margin:0;padding:0;background:transparent}.primary-nav ul{display:flex;gap:0}.nav-feature{display:block}.mobile-topic-strip,.mobile-bottom-nav{display:none}.sidebar{top:20px}.footer-grid{display:grid}}
@media(max-width:959px){body{padding-bottom:58px}.utility-bar{display:none}.brand-row{min-height:62px}.brand-mark{width:39px;height:39px}.brand-word{font-size:1.25rem}.brand-word small{display:none}.brand-row .header-search{display:none}.nav-band{min-height:0}.nav-row{min-height:0}.primary-nav.open{display:block;position:fixed;z-index:60;top:62px;left:0;right:0;max-height:calc(100vh - 120px);overflow:auto;padding:8px 16px 16px;background:#182536}.primary-nav.open ul{display:block}.primary-nav.open a{border-bottom:1px solid rgba(255,255,255,.1)}.footer-portal-grid{grid-template-columns:1fr 1fr}.footer-brand-column{grid-column:1/-1}}
@media(max-width:699px){.site-main{padding:16px 0 32px}.article-layout{display:block}.sidebar{margin-top:16px}.article{margin:0 -8px;padding:20px 16px}.article-header h1{font-size:1.85rem}.card-grid{grid-template-columns:1fr 1fr;gap:10px}.post-card-body{padding:11px}.post-card h2,.post-card h3{font-size:.86rem}.footer-portal-grid{grid-template-columns:1fr 1fr;gap:22px}.footer-portal-grid>div:nth-child(4){grid-column:1/-1}}
@media(max-width:420px){.card-grid{grid-template-columns:1fr}.footer-portal-grid{grid-template-columns:1fr}.footer-portal-grid>div{grid-column:auto!important}}