:root{--y:#FAC01A;--ink:#141414;--mut:#5b5b5b;--g:#2E8F3D;--a:#C76B00;--r:#CC2929;--bg:#fff;--soft:#f5f5f6}
*{box-sizing:border-box}body{margin:0;font:17px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:#0b57a4}a:focus-visible,button:focus-visible{outline:3px solid var(--y);outline-offset:2px}
.wrap{max-width:880px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;gap:12px;padding:14px 0}header.top img{width:44px;height:44px;border-radius:10px}
header.top b{font-size:19px}nav{margin-left:auto;display:flex;gap:16px;font-size:15px}nav a{color:var(--ink);text-decoration:none;font-weight:600}
.hero{position:relative;border-radius:22px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;color:#fff;background:#333 center/cover}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.25) 65%,rgba(0,0,0,0))}
.hero .in{position:relative;padding:28px}.hero h1{font-size:clamp(30px,6vw,46px);line-height:1.08;margin:0 0 8px}.hero p{margin:0;font-size:19px;max-width:30em}
.tag{display:inline-block;background:var(--y);color:#111;font-weight:800;padding:4px 12px;border-radius:99px;font-size:14px;margin-bottom:12px}
section{padding:26px 0}h2{font-size:26px;margin:0 0 12px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.card{background:var(--soft);border-radius:18px;padding:18px}.card h3{margin:0 0 6px;font-size:18px}
.v{display:inline-block;color:#fff;font-weight:800;border-radius:99px;padding:6px 14px;margin:4px 6px 4px 0;font-size:14px}
table{border-collapse:collapse;width:100%;font-size:15px}td,th{border-bottom:1px solid #e3e3e3;padding:8px;text-align:left;vertical-align:top}
.note{background:#fff6dc;border-radius:14px;padding:14px 16px;font-size:15px}
footer{border-top:1px solid #eee;margin-top:30px;padding:22px 0 40px;font-size:14px;color:var(--mut)}footer a{color:var(--mut)}
.doc h1{font-size:34px;margin:10px 0}.doc h2{font-size:22px;margin-top:28px}
.hero-bg{background-image:url(/img/hero-sunny.jpg)}.vg{background:var(--g)}.va{background:var(--a)}.vr{background:var(--r)}
