:root{
  --ink:#1f2937;--ink-strong:#111827;--muted:#5f6b7a;--brand:#256f68;--brand-dark:#15544f;--brand-soft:#e8f5f3;--bg:#f7faf9;--surface:#fff;--line:#dbe6e4;--shadow:0 10px 30px rgba(17,24,39,.08);--max:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased}.wrap{width:min(var(--max),calc(100% - 36px));margin:auto}a{color:inherit}img{max-width:100%;display:block}.appbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(31,41,55,.10);backdrop-filter:blur(12px)}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink-strong);font-weight:850;letter-spacing:.08em}.brand img{width:42px;height:42px;border-radius:13px;object-fit:cover;box-shadow:0 4px 14px rgba(17,24,39,.08)}.navlinks{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.navlinks a{text-decoration:none;font-weight:720;color:#384454}.navlinks a:hover{color:var(--brand-dark)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 16px;text-decoration:none;font-weight:800;color:#fff;background:var(--brand)}.hero{padding:46px 0 18px}.hero-card{border-radius:28px;padding:36px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.kicker{display:inline-flex;border-radius:999px;padding:7px 11px;background:var(--brand-soft);color:var(--brand-dark);font-weight:820;font-size:.84rem;text-transform:uppercase;letter-spacing:.04em}.hero h1{margin:18px 0 12px;font-size:clamp(2rem,4.2vw,3.8rem);line-height:1.08;letter-spacing:-.035em;color:var(--ink-strong)}.hero p{max-width:780px;color:var(--muted);font-size:1.08rem}.breadcrumbs{margin-top:14px;color:var(--muted);font-weight:650;font-size:.92rem}.breadcrumbs a{text-decoration:none;color:var(--brand-dark)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;padding:26px 0 58px}.article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:34px;box-shadow:var(--shadow)}.article h2{font-size:1.55rem;line-height:1.2;margin:34px 0 12px;color:var(--ink-strong);letter-spacing:-.02em}.article h3{font-size:1.15rem;margin:22px 0 8px;color:var(--ink-strong)}.article p{color:#374151}.lead-article{font-size:1.14rem;color:#263244!important}.article ul{padding-left:22px;color:#374151}.article li{margin:8px 0}.cta-box{margin:30px 0;padding:24px;border-radius:22px;background:var(--brand-soft);border:1px solid #cde6e1}.cta-box h2{margin-top:0}.cta-box a{display:inline-flex;margin-top:8px;border-radius:999px;padding:12px 16px;text-decoration:none;font-weight:800;color:#fff;background:var(--brand)}.side{position:sticky;top:94px;display:grid;gap:14px}.side-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;box-shadow:0 6px 20px rgba(17,24,39,.05)}.side-card h3{margin:0 0 8px;color:var(--ink-strong)}.side-card p{margin:0;color:var(--muted)}.side-card a{display:block;margin-top:10px;text-decoration:none;font-weight:800;color:var(--brand-dark)}.pill{display:inline-flex;border-radius:999px;padding:7px 10px;background:var(--brand-soft);color:var(--brand-dark);font-weight:800;font-size:.82rem;margin:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;text-decoration:none;box-shadow:0 6px 20px rgba(17,24,39,.05);transition:.16s}.post:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.post span{display:inline-flex;border-radius:999px;padding:7px 10px;background:var(--brand-soft);color:var(--brand-dark);font-weight:800;font-size:.78rem}.post h2{margin:12px 0 8px;font-size:1.22rem;line-height:1.2}.post p{color:var(--muted)}.note{padding:15px;border-radius:18px;background:#fff;border:1px solid var(--line);color:var(--muted)}.footer{padding:28px 0 46px;text-align:center;color:var(--muted);border-top:1px solid rgba(31,41,55,.08);background:#fff}.footer a{font-weight:750;text-decoration:none;color:var(--brand-dark)}@media(max-width:900px){.article-layout{grid-template-columns:1fr}.side{position:static}.grid{grid-template-columns:1fr 1fr}.hero-card,.article{padding:26px}}@media(max-width:620px){.nav{height:auto;padding:12px 0;align-items:flex-start;gap:12px;flex-direction:column}.navlinks{justify-content:flex-start}.grid{grid-template-columns:1fr}.hero{padding:28px 0 14px}.hero-card,.article{border-radius:22px}.hero h1{font-size:2.15rem}.btn{width:100%}}