@font-face{font-family:'Filson Pro';src:url('fonts/FilsonProMedium.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'Filson Pro';src:url('fonts/FilsonProBold.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:'Filson Pro';src:url('fonts/FilsonProHeavy.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--bg:#f2f7f4;--surface:#fff;--text:#1a2e28;--muted:#56716a;--border:#c4dccf;--accent:#235f40;--soft:#d4edda}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#16312a;--surface:#1d3d33;--text:#eef5f1;--muted:#a6c4b5;--border:#35604f;--accent:#8fd3a8;--soft:#2a5a45}}
:root[data-theme="dark"]{--bg:#16312a;--surface:#1d3d33;--text:#eef5f1;--muted:#a6c4b5;--border:#35604f;--accent:#8fd3a8;--soft:#2a5a45}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'Filson Pro',-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--accent)}
.top{position:relative;background:#1a4530;color:#fff;padding:32px 28px 22px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand span{display:flex;flex-direction:column;line-height:1.15}
.brand small{color:#c8ece3;font-size:.85rem}.brand strong{font-size:1.15rem;font-weight:800}
.mark{font-weight:800;letter-spacing:.08em;background:#fff;color:#1a4530;padding:10px 11px;border-radius:10px;font-size:1.2rem}
.top nav{display:flex;flex-wrap:wrap;gap:6px}.top nav a{color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;padding:7px 12px;border-radius:6px;background:rgba(255,255,255,.12)}
main{max-width:980px;margin:0 auto;padding:68px 16px 48px}
h1{font-family:Georgia,serif;font-size:clamp(1.6rem,4vw,2.3rem);line-height:1.2;margin:.2em 0 .5em}
.lede{font-size:1.08rem}.crumb{font-size:.88rem;color:var(--muted)}
.btn{display:inline-block;padding:9px 14px;border-radius:10px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600;margin:0 6px 6px 0}
.btn.ghost{background:transparent;border:1.5px solid var(--accent);color:var(--accent)}
dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:14px 18px}
dt{color:var(--muted)}dd{margin:0}
.full{border-top:1px solid var(--border);margin-top:20px}.note{font-size:.88rem;color:var(--muted)}
ul.rel,ul.people{list-style:none;padding:0;background:var(--surface);border:1px solid var(--border);border-radius:13px;overflow:hidden}
ul.rel li,ul.people li{padding:10px 16px;border-top:1px solid var(--border)}ul.rel li:first-child,ul.people li:first-child{border-top:0}
ul.rel span,small{color:var(--muted);font-size:.86rem}
table{width:100%;border-collapse:collapse;background:var(--surface);font-size:.94rem}td,th{padding:9px 10px;border-top:1px solid var(--border);vertical-align:top;text-align:left}
td a{margin-right:8px}.toc{line-height:2}
footer{background:#1a4530;color:#d9ebe1;font-size:.88rem;padding:18px 24px}footer a{color:#fff}

/* text size and light/dark buttons, top right of the green band (same as the CRM) */
.viewtools{position:absolute;top:14px;right:18px;display:flex;gap:6px;z-index:2}
.viewtools button{font:600 12px/1 'Filson Pro',-apple-system,"Segoe UI",Roboto,sans-serif;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.45);border-radius:7px;padding:6px 10px;cursor:pointer}
.viewtools button:hover{background:rgba(255,255,255,.2)}
main{zoom:var(--zoom,1)}
@media (max-width:700px){.viewtools{position:static;order:3}}