:root { color-scheme: light; --paper:#efefed; --card:#fff; --ink:#1b1e1c; --secondary:#566359; --green:#007d27; --mint:#e7f4e4; }
    * { box-sizing:border-box; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",sans-serif; font-size:16px; line-height:1.85; }
    main { max-width:820px; margin:0 auto; padding:44px 24px 56px; }
    header { margin-bottom:28px; }
    .brand { color:var(--green); font-size:15px; font-weight:650; letter-spacing:.08em; }
    h1 { margin:10px 0 12px; font-size:clamp(30px,5vw,40px); line-height:1.3; letter-spacing:-.025em; }
    h2 { margin:0 0 12px; font-size:21px; line-height:1.55; }
    h3 { margin:22px 0 8px; font-size:17px; }
    p { margin:10px 0; }
    .intro { color:var(--secondary); font-size:17px; }
    .meta, footer { color:var(--secondary); font-size:14px; }
    nav { display:flex; flex-wrap:wrap; gap:10px 22px; margin-top:22px; }
    nav a[aria-current="page"] { color:var(--ink); text-decoration:none; font-weight:650; }
    a { color:var(--green); text-underline-offset:4px; overflow-wrap:anywhere; }
    a:focus-visible, summary:focus-visible { outline:3px solid var(--green); outline-offset:5px; border-radius:3px; }
    section { margin:18px 0; padding:26px 30px; background:var(--card); border:1px solid rgba(0,0,0,.06); border-radius:20px; box-shadow:0 3px 8px rgba(0,0,0,.025),0 14px 30px rgba(0,0,0,.035); }
    .summary { background:var(--mint); box-shadow:none; }
    ul,ol { padding-left:1.4em; margin:12px 0; }
    li { padding-left:3px; margin:8px 0; }
    code { padding:2px 5px; background:#f1f3ef; border-radius:5px; font-family:ui-monospace,Menlo,monospace; font-size:.88em; overflow-wrap:anywhere; }
    details { padding:14px 0; border-top:1px dashed #d8ded7; }
    details:first-of-type { border-top:0; }
    summary { cursor:pointer; font-weight:600; line-height:1.6; }
    details p, details ul, details ol { margin-top:12px; }
    pre { white-space:pre-wrap; overflow-wrap:anywhere; font-family:ui-monospace,Menlo,monospace; font-size:12px; line-height:1.75; margin:0; }
    footer { margin-top:28px; padding:0 8px; }
    @media(max-width:560px) { main { padding:26px 16px 40px; } section { padding:22px 20px; } nav { gap:8px 18px; } }
    @media print { body { background:white; } main { padding:0; max-width:none; } nav { display:none; } section { box-shadow:none; border-color:#ddd; break-inside:avoid; } a { color:inherit; } }
:root{--paper:#f9faf7;--green:#16733c;--mint:#e9edde;--ink:#202b24;--secondary:#626c62}
main{max-width:890px;padding:40px 30px 60px}header{padding:0 4px 20px;margin-bottom:30px}header .brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);font-size:18px;letter-spacing:-.03em}header .brand img{width:36px;height:36px}h1{font-size:clamp(37px,6vw,54px);font-weight:550;letter-spacing:-.055em;margin:32px 0 17px}h2{font-weight:560}nav{border-bottom:1px solid #dce0d6;padding:8px 0 22px;gap:14px 26px;font-size:13px}nav a{text-decoration:none;color:var(--secondary)}nav a:hover{text-decoration:underline}nav a[aria-current=page]{color:var(--green)}section{border:1px solid #e7eadf;border-radius:24px;padding:30px 34px;box-shadow:0 2px 5px #28352204,0 12px 25px #28352204;margin:20px 0}section.summary{border:0;padding-block:30px}.intro{font-size:16px}.meta{font-size:11px;margin-top:15px}footer{border-top:1px solid #dce0d6;padding:24px 4px 0;margin-top:32px;font-size:11px}section p,section li{font-size:14px;line-height:1.95}details summary{font-size:14px;padding-block:4px}section pre{font-size:11px}a{transition:color .2s}a:hover{color:#0a5127}@media(max-width:560px){main{padding:25px 20px 38px}section{padding:24px 23px;border-radius:20px}nav{font-size:11px;gap:12px 18px}h1{margin-top:24px}section p,section li{font-size:13px}.intro{font-size:14px}}@media(prefers-reduced-motion:reduce){a{transition:none}}