:root{--brand:#0A7B5F;--bg:#F2F2F7;--card:#fff;--text:#1C1C1E;--sub:#6C6C70;--line:#E5E5EA;--warn:#FF9500;--danger:#FF3B30}
@media (prefers-color-scheme:dark){:root{--brand:#2BB98C;--bg:#000;--card:#1C1C1E;--text:#F2F2F7;--sub:#98989F;--line:#38383A}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif}
a{color:var(--brand)}main{max-width:760px;margin:0 auto;padding:24px 16px 64px}
header.top{display:flex;align-items:center;gap:12px;padding:8px 0 24px}header.top img{width:44px;height:44px;border-radius:10px}
header.top a{font-weight:700;font-size:20px;color:var(--text);text-decoration:none}
nav{margin-left:auto;display:flex;gap:16px;font-size:15px}nav a{text-decoration:none}
.hero{text-align:center;padding:32px 0 16px}.hero img{width:112px;height:112px;border-radius:25px;box-shadow:0 8px 24px rgba(0,0,0,.15)}
h1{font-size:40px;line-height:1.1;margin:20px 0 8px;letter-spacing:-.02em}h1 span{color:var(--brand)}
.lead{color:var(--sub);font-size:19px;max-width:560px;margin:0 auto}
h2{font-size:24px;margin:40px 0 12px;letter-spacing:-.01em}h3{margin:0 0 4px;font-size:17px}
.group{background:var(--card);border-radius:14px;overflow:hidden}
.row{display:flex;gap:14px;padding:14px 16px;border-top:1px solid var(--line);align-items:flex-start}.row:first-child{border-top:0}
.tile{flex:none;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;font-size:18px}
.row p{margin:0;color:var(--sub);font-size:15px}
ol.steps{background:var(--card);border-radius:14px;margin:0;padding:12px 16px 12px 40px}ol.steps li{padding:6px 0}
.note{color:var(--sub);font-size:14px;margin:8px 16px}
.callout{background:var(--card);border-left:4px solid var(--warn);border-radius:10px;padding:12px 16px}
details{background:var(--card);border-radius:12px;padding:12px 16px;margin:8px 0}summary{font-weight:600;cursor:pointer}
footer{color:var(--sub);font-size:14px;text-align:center;margin-top:48px}
.doc h2{font-size:20px;margin-top:28px}.doc p,.doc li{color:var(--text)}
@media (max-width:520px){h1{font-size:32px}nav{gap:12px}}