:root{--ink:#18353a;--teal:#087f75;--soft:#eaf7f4;--muted:#66777a;--line:#dce9e6}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;color:var(--ink);background:#fbfdfc;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
.wrap{width:min(1120px,92%);margin:auto}header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.nav{min-height:72px;display:flex;justify-content:space-between;align-items:center}.brand{font-weight:900;font-size:1.45rem}.brand span{color:var(--teal)}
.hero{padding:58px 0}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}.badge{display:inline-block;background:var(--soft);color:var(--teal);font-weight:900;padding:9px 14px;border-radius:999px}
h1{font-size:clamp(2.35rem,5.5vw,4.8rem);line-height:1.03;letter-spacing:-.045em;margin:.28em 0}.lede{font-size:1.12rem;color:var(--muted)}
.panel,.card,.article{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:0 16px 42px rgba(24,53,58,.08);overflow:hidden}.panel img,.article img{width:100%;aspect-ratio:3/2;object-fit:cover}
.section{padding:20px 0 70px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card-body{padding:20px}.card h2{font-size:1.16rem;line-height:1.3}
.article-wrap{width:min(900px,92%);margin:45px auto}.article-head,.article-body{padding:30px}.article-body{padding-top:0}.article-body h2{margin-top:1.7em}
.share{border:1px solid var(--line);border-radius:22px;padding:20px;margin:26px 0}.share-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.share button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px;font-weight:800;cursor:pointer}
.cta{text-align:center;margin:28px 0}.cta a{display:inline-flex;background:linear-gradient(135deg,#087f75,#13a28f);color:white;padding:16px 24px;border-radius:999px;font-weight:900}.notice{background:#f1f8f6;border-left:4px solid var(--teal);padding:16px;border-radius:12px}
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{border:1px solid var(--line);border-radius:14px;padding:13px}
footer{padding:38px 0;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:800px){.hero-grid,.grid{grid-template-columns:1fr}.related{grid-template-columns:1fr}}