.docs{max-width:1160px;margin:0 auto;padding:28px 16px 40px;display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:start}
.toc{position:sticky;top:84px;display:flex;flex-direction:column;gap:2px;background:var(--cream);border:3px solid var(--brown);border-radius:16px;padding:12px}
.toc b{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px 6px}
.toc a{text-decoration:none;font-weight:800;color:var(--brown2);padding:6px 8px;border-radius:8px}
.toc a:hover{background:var(--cream2)}
.docs main{min-width:0}
.docs h1{font-size:clamp(30px,4vw,42px);margin-bottom:8px}
.docs .lead{font-size:18px;color:var(--ink);margin:0 0 16px}
.hero-shot{display:block;width:100%;height:auto;max-height:300px;object-fit:cover;border:3px solid var(--brown);border-radius:18px;margin-bottom:10px;box-shadow:0 5px 0 rgba(69,53,33,.25)}
.docs section{background:var(--cream);border:3px solid var(--brown);border-radius:18px;padding:18px 20px;margin-top:18px;box-shadow:0 5px 0 rgba(69,53,33,.2)}
.docs h2{font-size:24px;margin-bottom:8px}
.docs p,.docs li{line-height:1.5}
.docs ul{padding-left:20px;margin:6px 0}
.docs li{margin-bottom:4px}
.tw{overflow-x:auto;margin:8px 0}
table.doc{width:100%;border-collapse:collapse;font-size:15px}
table.doc th{background:var(--brown);color:#fff;text-align:left;padding:8px 10px;font-size:12.5px;text-transform:uppercase;letter-spacing:.06em}
table.doc th:first-child{border-radius:10px 0 0 0}
table.doc th:last-child{border-radius:0 10px 0 0}
table.doc td{padding:8px 10px;border-bottom:2px solid var(--line);background:var(--paper);white-space:nowrap;max-width:none;border-left:0;border-right:0;border-top:0;border-radius:0;font-weight:700}
table.doc tr:nth-child(even) td{background:#fbf3df}
.muted{color:var(--muted);font-weight:700;margin-top:18px}
.docs .ca{margin-top:12px}
@media (max-width:900px){
  .docs{grid-template-columns:1fr}
  .toc{position:static;flex-direction:row;flex-wrap:wrap}
  .toc b{width:100%}
}
/* docs top bar (the landing has its own over the island) */
body{background:#f3ecd6}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:10px max(16px,calc((100vw - 1160px)/2 + 16px));background:var(--cream);border-bottom:3px solid var(--brown);box-shadow:0 3px 0 rgba(69,53,33,.15)}
.nav .brand{color:var(--brown2);text-shadow:none}
.nav .brand img{width:40px;height:40px;border-color:var(--brown)}
.nav .brand span{display:flex;flex-direction:column;line-height:1}
.nav .brand b{font-size:20px}
.nav .brand small{font-size:10.5px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}
.nav .links a{color:var(--brown2);text-shadow:none}
.docs .ca{max-width:none}
html{scroll-padding-top:76px}
@media (max-width:1000px){.nav .links{display:none}}