:root{font:16px/1.65 system-ui,sans-serif;color:#263d32;background:#f5f8f6}*{box-sizing:border-box}
    body{margin:0}header,main,footer{max-width:960px;margin:auto;padding:24px}header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid #dce7df}
    a{color:#27674e;text-underline-offset:3px}nav{display:flex;flex-wrap:wrap;gap:18px}h1{font-size:2rem;line-height:1.2}h2{margin-top:44px}h3{font-size:1rem}p{max-width:80ch}.intro{color:#64786c}
    .note{padding:14px 18px;border-left:3px solid #8fbaa2;background:#edf5ef}.code{position:relative;margin:18px 0;border:1px solid #dce7df;border-radius:8px;background:#fff}
    pre{margin:0;padding:54px 20px 20px;overflow:auto;line-height:1.6;font-size:13px}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
    button{position:absolute;top:8px;right:8px;width:38px;height:38px;border:1px solid #dce7df;border-radius:6px;color:#38745f;background:#f5f8f6;cursor:pointer}button:focus-visible{outline:2px solid #38745f;outline-offset:2px}button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
    .table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:12px;border-bottom:1px solid #dce7df;vertical-align:top}td code{white-space:nowrap}
    footer{font-size:13px;color:#64786c;border-top:1px solid #dce7df}li{margin:5px 0}@media(max-width:600px){header{align-items:flex-start;flex-direction:column}header,main,footer{padding:18px}h1{font-size:1.7rem}button{width:44px;height:44px}pre{padding-top:60px}}
    .brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.brand span{font-weight:400}.brand img{border-radius:7px}
    .languages{gap:4px}.languages a{padding:4px 10px;border:1px solid transparent;border-radius:6px;text-decoration:none}.languages a[aria-current=page]{border-color:#b7d0bf;background:#e7f1ea}
    nav a{display:inline-flex;align-items:center;min-height:44px}h2[id]{scroll-margin-top:24px}p,li{overflow-wrap:anywhere}pre code{overflow-wrap:normal}
    .copy-status{position:absolute;right:0;top:100%;margin-top:5px;background:#265e4d;color:#fff;font-size:12px;line-height:1.4;border-radius:4px;width:max-content;max-width:min(280px,70vw);padding:5px 8px;pointer-events:none}.copy-status:empty{display:none}
    a:focus-visible{outline:2px solid #38745f;outline-offset:3px;border-radius:3px}