:root{--desk-bg:#f4f5f1;--desk-text:#263b34;--desk-accent:#145b47;--desk-border:#b8c8bf;--desk-surface:#fff}
:root[data-desk-theme="graphite-emerald"]{--desk-bg:#ecefed;--desk-text:#2b3330;--desk-accent:#087653;--desk-border:#adb8b2;--desk-surface:#fff}
body{margin:0 auto;padding:24px;max-width:920px;font:16px/1.5 system-ui,sans-serif;color:var(--desk-text);background:var(--desk-bg)}
body>h1{font-size:1.65rem;margin:0 0 12px}
body>h1 img{vertical-align:middle;object-fit:contain}
nav{display:flex;gap:14px;flex-wrap:wrap;padding:8px 0 18px;border-bottom:1px solid var(--desk-border)}
nav a{color:var(--desk-accent);font-weight:650}
nav a[aria-current=page]{text-decoration-thickness:3px;text-underline-offset:4px}
section[data-route-view],#desk-dashboard{margin:20px 0}
button,a,summary{min-height:44px}
button{font:inherit;padding:7px 12px}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--desk-accent);outline-offset:2px}
details{margin:12px 0;padding:10px 12px;border:1px solid var(--desk-border);border-radius:8px;background:var(--desk-surface)}
details>summary{color:var(--desk-accent);font-weight:650;cursor:pointer}
dl{display:grid;grid-template-columns:minmax(130px,1fr) 2fr;gap:6px 14px}
dt{font-weight:650}dd{margin:0;overflow-wrap:anywhere}
pre{max-width:100%;overflow:auto}
@media(max-width:560px){body{padding:16px}dl{grid-template-columns:1fr;gap:2px}dd{margin-bottom:10px}}
