
:root{
  --bg:#f3ecd5;--panel:#f7f1df;--line:#c8b995;--ink:#2b2417;--muted:#6d6044;
  --green:#175c38;--green-soft:#dfe6cf;--shadow:rgba(72,56,23,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.5}
a{color:#0b5d35;text-decoration:underline;text-underline-offset:2px}
button,input{font:inherit}
.docs-shell{min-height:100vh;display:grid;grid-template-columns:300px minmax(0,1fr) 260px}
.sidebar{border-right:1px solid var(--line);padding:18px 18px 32px 28px;position:sticky;top:0;height:100vh;overflow:auto;background:rgba(247,241,223,.48)}
.brand{font-size:25px;font-weight:700;margin:0 0 18px;line-height:1.05}
.brand a{color:var(--ink);text-decoration:none}
.searchbox{display:flex;align-items:center;border:1px solid var(--line);border-radius:13px;padding:8px 10px;background:#f8f1dc;margin-bottom:18px}
.searchbox input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}
.search-kbd{font-size:11px;border:1px solid var(--line);border-radius:4px;padding:0 4px;background:#f6eed8}
.side-nav{display:flex;flex-direction:column;gap:1px}
.side-nav a{padding:7px 11px;border-radius:6px;text-decoration:none;color:var(--ink);font-size:14px;line-height:1.25}
.side-nav a:hover{background:#ebe3cb}
.side-nav a[aria-current="page"]{background:var(--green-soft);color:#0f5132;font-weight:700}
.content-wrap{padding:42px 44px 80px;display:flex;justify-content:center}
.article{width:min(760px,100%)}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:13px;color:#5b4f34;margin:0 0 8px}
h1{font-size:42px;letter-spacing:.035em;line-height:1.08;margin:0 0 13px;font-weight:500}
h2{font-size:25px;margin:36px 0 10px;line-height:1.2}
h3{font-size:18px;margin:24px 0 8px}
.lead{font-size:18px;color:#3a3020;margin-bottom:18px}
.rule{height:1px;background:var(--line);margin:18px 0 26px}
.notice{border:1px solid var(--line);background:#f8f0da;box-shadow:inset 0 0 0 1px #fff8e9;padding:15px 16px;margin:20px 0 24px;font-family:"Courier New",monospace;font-size:13px;text-transform:uppercase}
.article p{font-size:16px}
.article ul,.article ol{padding-left:24px}
.article li{margin:6px 0}
.link-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:26px 0}
.link-card{display:block;text-decoration:none;border:1px solid var(--line);padding:13px;background:#f8f1dc;box-shadow:0 2px 8px var(--shadow)}
.link-card strong{display:block;color:var(--ink);margin-bottom:4px}
.link-card span{font-size:13px;color:var(--muted)}
.rightbar{border-left:1px solid var(--line);padding:84px 20px 32px;position:sticky;top:0;height:100vh;overflow:auto}
.rightbar h2{font-size:14px;margin:0 0 14px}
.toc{border-left:2px solid var(--line);padding-left:12px;display:flex;flex-direction:column;gap:9px}
.toc a{font-size:13px;text-decoration:none}
.top-links{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 20px}
.top-links a{text-decoration:none;border:1px solid var(--line);padding:6px 9px;background:#f8f1dc;border-radius:6px;font-size:13px}
.updated{font-size:12px;color:var(--muted);margin-top:34px;padding-top:14px;border-top:1px solid var(--line)}
.mobile-top{display:none}
@media(max-width:1050px){
  .docs-shell{grid-template-columns:250px minmax(0,1fr)}
  .rightbar{display:none}
}
@media(max-width:760px){
  .docs-shell{display:block}
  .sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:16px}
  .side-nav{max-height:300px;overflow:auto}
  .content-wrap{padding:28px 18px 60px}
  h1{font-size:34px}
  .link-cards{grid-template-columns:1fr}
  .mobile-top{display:flex}
}
