:root{
  --green:#1E3D34;--green-2:#3F5A4E;--sage:#8AA399;--copper:#B5835A;--copper-soft:rgba(181,131,90,.16);
  --copper-text:#8A5C38;--copper-light:#D6A57C;--on-copper:#10211B;
  --page:#F2F0EB;--bg:#E4E9E3;--surface:#fff;--ink:#1E3D34;--ink-2:#3F5A4E;--muted:#4A6458;
  --line:#D3DCD5;--field:#6F8A7E;--on-green-muted:#CBD8D1;
  --ok:#2F6B4A;--warn:#8A6A12;--bad:#9B3A28;--on-status:#fff;
  --radius:20px;--shadow:0 20px 50px -20px rgba(30,61,52,.3);
  --nav-bg:rgba(242,240,235,.88);--tag-ink:#8A5C38;--on-ink:#F2F0EB;--err:#9B3A28;color-scheme:light;
--mark:#F3E3D0;--mark-ink:#5A3A1F;}
:root[data-theme="dark"]{
  --page:#0D1A16;--bg:#12241E;--surface:#1A3229;--ink:#F2F0EB;--ink-2:#D5DED9;--muted:#A9BDB4;
  --line:#2A463B;--field:#6F8A7E;--copper-soft:rgba(181,131,90,.16);--copper-text:#D6A57C;--tag-ink:#D6A57C;
  --ok:#6FBF8E;--warn:#D9B84A;--bad:#E8806C;--on-status:#0D1A16;--err:#E8806C;
  --nav-bg:rgba(13,26,22,.85);--on-ink:#0D1A16;--shadow:0 20px 50px -20px rgba(0,0,0,.65);color-scheme:dark;
--mark:rgba(181,131,90,.28);--mark-ink:#F0D5B8;}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:var(--page);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit}
.wrap{max-width:820px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line)}
.bar{display:flex;align-items:center;justify-content:space-between;height:84px}
.back{font-weight:600;font-size:.93rem;text-decoration:none;border:1.5px solid var(--line);border-radius:999px;padding:9px 20px;transition:.25s}
.back:hover{border-color:var(--copper);color:var(--copper-text)}
main{padding:64px 0 90px}
h1{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:clamp(2rem,5vw,2.9rem);line-height:1.15;margin-bottom:12px}
.stand{color:var(--muted);font-size:.9rem;margin-bottom:36px}
h2{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.35rem;margin:40px 0 10px}
h3{font-size:1rem;margin:20px 0 4px}
p,li{color:var(--ink-2)}
p{margin-top:10px}
ul{margin:10px 0 0 22px}
li{margin-top:5px}
.note{background:var(--copper-soft);border-left:4px solid var(--copper);border-radius:12px;padding:16px 20px;margin-bottom:30px;font-size:.93rem}
.ph{background:var(--mark);color:var(--mark-ink);padding:1px 6px;border-radius:5px;font-style:normal}
footer{border-top:1px solid var(--line);padding:30px 0;font-size:.88rem;color:var(--muted)}
footer .wrap{display:flex;gap:24px;flex-wrap:wrap;justify-content:space-between}
footer a{text-decoration:none}footer a:hover{color:var(--ink)}
footer nav{display:flex;gap:24px}

.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.logo-mark{width:44px;height:44px;flex:none;border-radius:12px;background:var(--green);display:grid;place-items:center}
.logo-mark svg{width:28px;height:28px;fill:none;stroke:var(--copper-light);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.logo-text{display:grid;line-height:1.05}
.logo-text b{font-family:Fraunces,Georgia,serif;font-size:1.45rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.logo-text small{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-top:3px}

.back:focus-visible{outline:3px solid var(--copper);outline-offset:3px}