:root{--navy:#0F172A;--em:#10B981;--emd:#047857;--bg:#F8FAFC;--card:#fff;--mut:#64748B;--bd:#E2E8F0;--tx:#0F172A;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.6 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
a{color:var(--emd)}h1,h2,h3{color:var(--navy);line-height:1.2}
.w{max-width:1100px;margin:0 auto;padding:0 16px}
header{background:var(--card);border-bottom:1px solid var(--bd)}header .w{display:flex;align-items:center;gap:20px;height:60px}
.logo{font-weight:800;color:var(--navy);text-decoration:none}.logo b{color:var(--em)}
#nav{display:flex;gap:18px;margin-left:auto}#nav a{color:var(--tx);text-decoration:none;font-weight:500}
.btn{display:inline-block;border:0;border-radius:8px;padding:12px 20px;font:600 16px inherit;cursor:pointer;background:var(--em);color:#04231a;text-decoration:none}
.btn.s{background:transparent;border:1px solid var(--bd);color:var(--tx)}
:focus-visible{outline:3px solid #2563EB;outline-offset:2px}
.hero{padding:40px 0 16px}.hero h1{font-size:clamp(28px,5vw,44px);margin:0 0 8px}.hero p{color:var(--mut);max-width:640px}
.tr{display:flex;gap:18px;flex-wrap:wrap;color:var(--mut);margin:14px 0;font-size:14px}
.cg{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:20px;margin:16px 0}
@media(max-width:800px){.cg{grid-template-columns:minmax(0,1fr)}#nav{display:none}}
.cg>*{min-width:0}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:20px}
label{display:block;font-weight:600;font-size:14px;margin:12px 0 4px}
input,select{width:100%;padding:11px 12px;border:1px solid var(--bd);border-radius:8px;font:inherit;background:var(--bg);color:var(--tx)}
.row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.big{font-size:clamp(32px,7vw,46px);font-weight:800;color:var(--emd);margin:0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:14px 0}
.tg{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tg .btn{padding:6px 12px;font-size:14px;flex:0 0 auto}.tg .btn[aria-pressed=true]{background:var(--em);color:#04231a}
@media(max-width:420px){.tg .btn{font-size:12.5px;padding:5px 9px}.card{padding:16px}.big{font-size:clamp(26px,8vw,38px)}}

.cards div{border:1px solid var(--bd);border-radius:10px;padding:12px}.cards b{display:block;font-size:20px}.cards span{color:var(--mut);font-size:13px}
.err{color:#B91C1C;font-weight:600}.note{background:var(--bg);border:1px solid var(--bd);border-radius:8px;padding:10px;font-size:14px}
.sc{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:8px;border-bottom:1px solid var(--bd);text-align:right}th:first-child,td:first-child{text-align:left}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.grid a{text-decoration:none;color:var(--tx)}.grid a:hover .card{border-color:var(--em)}.grid p{color:var(--mut);margin:4px 0;font-size:14px}
footer{margin-top:40px;padding:24px 0;border-top:1px solid var(--bd);color:var(--mut);font-size:14px}
details{border-bottom:1px solid var(--bd);padding:2px 0}summary{font-weight:600;cursor:pointer;padding:14px 30px 14px 2px;position:relative;list-style:none;transition:color .15s}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:2px;top:12px;font-size:22px;line-height:1;font-weight:400;color:var(--emd);transition:transform .2s}details[open] summary::after{transform:rotate(45deg)}details:hover summary{color:var(--emd)}details p{color:var(--mut);margin:0 0 14px;padding-right:26px;line-height:1.6}

header{position:relative}.logo{display:flex;align-items:center;gap:8px}.mb{display:none;margin-left:auto;background:none;border:1px solid var(--bd);border-radius:8px;padding:8px 10px;color:var(--tx);font:600 15px inherit;align-items:center;justify-content:center}
#nav{align-items:center}#nav a.on{color:var(--emd)}
@media(max-width:800px){.mb{display:block}#nav{display:none;position:absolute;left:0;right:0;top:60px;z-index:5;background:var(--card);flex-direction:column;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--bd)}#nav.open{display:flex}}
.fc{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px}.fc a{display:block;color:var(--mut);text-decoration:none;padding:2px 0}.fc h3{font-size:15px;margin:0 0 6px}
.prose{max-width:760px}.prose h2{margin-top:28px}.hero-img{width:100%;max-width:100%;height:auto;border-radius:16px;margin:12px 0 4px;display:block}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:12px 0}.icb{width:44px;height:44px;border-radius:12px;background:#CCFBF1;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.steps .card b{display:block;margin-bottom:4px}

:root{--navy:#1E293B;--em:#0F766E;--emd:#0F766E;--bg:#F8FAFC;--mut:#64748B;--bd:#E2E8F0;--mint:#D1FAE5;--amb:#F59E0B}
body{font-family:Inter,Roboto,system-ui,sans-serif}
.btn{background:#0F766E;color:#fff;border-radius:10px}.btn.s{background:transparent;border:2px solid #0F766E;color:#0F766E}
.card{border-radius:16px;box-shadow:0 1px 3px rgba(15,118,110,.08)}
.big{color:#0F766E}.cards div:nth-child(2) b{color:var(--amb)}
.hero.home{background:linear-gradient(#D1FAE5,#F0FDFA);border-radius:20px;padding:32px 20px;margin-top:16px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:center}.hero.home .htext{min-width:0}@media(max-width:800px){.hero.home{grid-template-columns:minmax(0,1fr);padding:24px 18px}.hero.home .hpic{order:2}}.pill{display:inline-block;border:1.5px solid #0F766E;color:#0F766E;background:#fff;border-radius:99px;padding:4px 14px;font-weight:600;font-size:14px}
.hpic{background:#fff;border-radius:20px;padding:20px}.ill{width:100%;height:auto;display:block}
footer{background:#0B1220;color:#94A3B8;border:0}footer .fc h3{color:#fff}footer a{color:#94A3B8}footer p{color:#64748B}
.tg{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.tg .btn{padding:6px 12px;font-size:14px;flex:0 0 auto}.tg .btn[aria-pressed=true]{background:#0F766E;color:#fff}@media(max-width:420px){.tg .btn{font-size:12.5px;padding:5px 9px}.card{padding:16px}.big{font-size:clamp(26px,8vw,38px)}}.logo img{display:block}.grid .card:hover{border-color:#0F766E}.meta{color:var(--mut);font-size:14px}

/* --- header brand text, footer disclaimer, mobile spacing fixes --- */
.logo-text{font-weight:800;font-size:17px;color:var(--navy);line-height:1.1;white-space:nowrap}
.logo-text b{color:#0F766E}
.logo-text em{font-style:normal;color:var(--mut);font-weight:600;font-size:13px;margin-left:1px}
@media(max-width:480px){.logo-text{font-size:14.5px}.logo-text em{display:none}}
@media(max-width:360px){.logo-text{display:none}}
.hactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.hactions .btn{flex:0 0 auto}
@media(max-width:480px){.hactions{flex-direction:column;align-items:stretch}.hactions .btn{text-align:center}.hero.home{padding:22px 16px}.hero.home .htext h1{font-size:clamp(24px,6vw,30px)}.tr{gap:10px;font-size:13px}}
.grid a .card p{min-height:0;margin:6px 0 10px}
@media(max-width:480px){.grid{grid-template-columns:1fr 1fr;gap:8px}.grid .card{padding:14px}.grid .card h3{font-size:15px!important}.grid .card p{font-size:12.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}}
footer .fc a{padding:4px 0}

/* --- ad slots: invisible until filled, labeled + spaced once they have content --- */
.ad-slot{display:none}
.ad-slot.ad-slot-filled{display:block;margin:24px auto;max-width:100%;overflow:hidden;text-align:center}
.ad-slot.ad-slot-filled::before{content:"Advertisement";display:block;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}