:root { --green:#128c7e; --green2:#25d366; --ink:#111b21; --sub:#54656f; --line:#e6ebe9; --bg:#f6faf8; }
* { box-sizing:border-box; }
body { margin:0; font-family:'Segoe UI',system-ui,-apple-system,Helvetica,Arial,sans-serif; color:var(--ink);
  background:var(--bg); line-height:1.65; }
a { color:var(--green); }
.nav { display:flex; align-items:center; justify-content:space-between; padding:14px 20px;
  background:#fff; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:5; }
.nav .logo { font-weight:800; font-size:18px; color:var(--green); text-decoration:none; }
.nav .cta { background:linear-gradient(135deg,var(--green2),var(--green)); color:#fff; text-decoration:none;
  padding:9px 18px; border-radius:22px; font-weight:700; font-size:14px; }
.nav-right { display:inline-flex; align-items:center; gap:10px; }
.lang { display:inline-flex; border:1px solid var(--line); border-radius:20px; overflow:hidden; background:#fff; }
.lang a { padding:6px 11px; font-size:13px; font-weight:700; text-decoration:none; color:var(--sub); line-height:1; }
.lang a.on { background:var(--green); color:#fff; }
.wrap { max-width:760px; margin:0 auto; padding:32px 20px 64px; }
.crumb { font-size:13px; color:var(--sub); margin-bottom:18px; }
.crumb a { text-decoration:none; }
h1 { font-size:clamp(26px,4.5vw,36px); line-height:1.2; margin:0 0 10px; letter-spacing:-.4px; }
.lede { font-size:18px; color:var(--sub); margin:0 0 24px; }
h2 { font-size:22px; margin:34px 0 12px; }
h3 { font-size:17px; margin:22px 0 6px; }
p, li { font-size:16px; }
ol.steps { counter-reset:s; list-style:none; padding:0; }
ol.steps > li { position:relative; padding:14px 16px 14px 56px; margin:12px 0; background:#fff;
  border:1px solid var(--line); border-radius:14px; }
ol.steps > li::before { counter-increment:s; content:counter(s); position:absolute; left:14px; top:14px;
  width:30px; height:30px; border-radius:50%; background:linear-gradient(140deg,var(--green2),var(--green));
  color:#fff; font-weight:800; display:flex; align-items:center; justify-content:center; }
ol.steps b { display:block; margin-bottom:2px; }
.tips li { margin:6px 0; }
.note { background:#fff8e6; border:1px solid #f2e2b6; border-radius:12px; padding:14px 16px; font-size:14.5px; color:#6b5a2a; }
.cta-box { text-align:center; background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px 20px; margin:30px 0; }
.cta-box a.btn { display:inline-block; background:linear-gradient(135deg,var(--green2),var(--green)); color:#fff;
  text-decoration:none; padding:13px 30px; border-radius:26px; font-weight:800; font-size:16px;
  box-shadow:0 10px 24px -8px rgba(18,140,126,.5); }
details { background:#fff; border:1px solid var(--line); border-radius:12px; padding:2px 16px; margin:10px 0; }
details summary { font-weight:700; cursor:pointer; padding:12px 0; }
details p { margin:0 0 12px; color:var(--sub); }
.related { background:#fff; border:1px solid var(--line); border-radius:16px; padding:8px 20px 16px; margin:34px 0; }
.related h2 { font-size:18px; margin:16px 0 4px; }
.related ul { list-style:none; padding:0; margin:0; }
.related li { padding:10px 0; border-top:1px solid var(--line); }
.related li:first-child { border-top:none; }
.related a { font-weight:600; text-decoration:none; }
.related span { display:block; color:var(--sub); font-size:14px; }
.cards { display:grid; gap:14px; }
.cards a.card { display:block; background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px 20px;
  text-decoration:none; color:var(--ink); transition:.15s; }
.cards a.card:hover { border-color:#c9e7d8; box-shadow:0 10px 26px -14px rgba(7,94,84,.3); transform:translateY(-2px); }
.cards a.card b { font-size:17px; color:var(--green); }
.cards a.card span { display:block; color:var(--sub); font-size:14.5px; margin-top:4px; }
.foot { border-top:1px solid var(--line); margin-top:40px; padding-top:20px; font-size:13px; color:var(--sub); text-align:center; }
.foot a { text-decoration:none; }