/* Manifesto pages — same graphic language as the landing page:
   Inter, white/green palette, framed windows with lined title bars and mint drop shadows. */
:root{
  --bg:#fefffe; --ink:#011b1a; --text:#2c3a38; --green:#14b284; --deep:#0f7a60;
  --mint:#d9f5ea; --shadow:#c6eedd; --line:#1c9e78; --dark:#1f3c36; --muted:#5b6b68;
  --side:320px; --top:86px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--top) + 16px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.66 Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(var(--shadow) 1px,transparent 1.2px);background-size:14px 14px;background-attachment:fixed}
a{color:inherit}
::selection{background:var(--mint)}

/* ---------- header (identical to landing) ---------- */
.top{position:fixed;top:0;left:0;right:0;height:var(--top);z-index:40;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:rgba(254,255,254,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--mint)}
.logo{display:flex;align-items:center;gap:16px;text-decoration:none;color:var(--green);font-size:21px;letter-spacing:-.01em}
.logo svg{display:block}
.links{display:flex;gap:4px}
.links a{text-decoration:none;color:var(--deep);font-size:16px;padding:8px 10px}
.links a:hover{background:var(--mint)}

/* ---------- windows ---------- */
.bar{display:flex;align-items:center;gap:10px;height:30px;padding:0 8px;border-bottom:1px solid var(--line);color:var(--deep);font-size:14.5px;background:var(--bg);user-select:none}
.bar::before,.bar::after{content:"";flex:1;height:7px;background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 3px)}

/* contents window (left) */
#side{position:fixed;top:calc(var(--top) + 22px);left:24px;bottom:24px;width:var(--side);background:var(--bg);border:1px solid var(--line);box-shadow:6px 6px 0 var(--shadow);z-index:20;display:flex;flex-direction:column}
#side .sbody{overflow-y:auto;padding:16px 16px 20px;background:var(--dark);color:#dff5ec;flex:1;scrollbar-width:thin;scrollbar-color:#3d6a5f transparent}
.brand{display:block;text-decoration:none;margin:2px 0 14px;padding:0 8px}
.brand .bt{display:block;font-size:22px;font-weight:500;letter-spacing:-.02em;color:#fff;line-height:1.1}
.brand .bs{display:block;font-size:14px;color:#9fd9c3;margin-top:3px}
.lab{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#6fd3b1;margin:18px 8px 6px}
.toc,.secs{list-style:none;margin:0;padding:0}
.toc .item>a{display:flex;gap:10px;text-decoration:none;color:#dff5ec;font-size:15px;line-height:1.35;padding:6px 8px;border:1px solid transparent}
.toc .item>a:hover{border-color:#6fd3b1;background:rgba(111,211,177,.08)}
.toc .item .n{flex:0 0 auto;min-width:34px;color:#6fd3b1;font-variant-numeric:tabular-nums}
.toc .item.sub>a{padding-left:28px;font-size:14.5px}
.toc .item.cur>a{background:var(--green);border-color:var(--green);color:#fff}
.toc .item.cur>a .n{color:#fff}
.secs{margin:6px 0 10px 18px;border-left:1px solid #3d6a5f}
.toc .item.sub .secs{margin-left:38px}
.secs a{display:block;text-decoration:none;color:#9fd9c3;font-size:13.5px;line-height:1.3;padding:4px 0 4px 12px;margin-left:-1px;border-left:2px solid transparent}
.secs a:hover{color:#fff}
.secs a.on{color:#fff;border-left-color:#6fd3b1}

/* reading window (right) */
main{margin-left:calc(var(--side) + 24px);padding:calc(var(--top) + 22px) 40px 110px}
.doc{max-width:820px;margin:0 auto;background:var(--bg);border:1px solid var(--line);box-shadow:6px 6px 0 var(--shadow)}
article{padding:44px 56px 56px}
h1{font-size:46px;line-height:1.06;font-weight:500;letter-spacing:-.03em;color:var(--ink);margin:0 0 26px}
.by{font-size:18px;font-weight:600;color:var(--ink);margin:-8px 0 30px}
h2{font-size:30px;line-height:1.18;font-weight:500;letter-spacing:-.02em;color:var(--ink);margin:2em 0 .6em;padding-top:.9em;border-top:1px solid var(--mint)}
h3{font-size:21px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ink);margin:1.7em 0 .45em}
h3::before{content:"";display:inline-block;width:9px;height:9px;background:var(--green);margin:0 10px 3px 0}
p{margin:0 0 1.05em}
strong{font-weight:600;color:var(--ink)}
em{font-style:italic}
article a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:var(--deep)}
article a:hover{background:var(--mint)}
blockquote{margin:1.6em 0;padding:16px 20px;border:1px solid var(--line);background:var(--mint);box-shadow:4px 4px 0 var(--shadow);font-size:19px;line-height:1.5;color:var(--ink)}
blockquote p{margin:0}
ol,ul{padding-left:1.4em;margin:0 0 1.1em}
li{margin:.3em 0}
li::marker{color:var(--green);font-weight:600}
hr.rule,hr{border:0;height:7px;width:auto;background:repeating-linear-gradient(to bottom,var(--line) 0 1px,transparent 1px 3px);margin:48px 0}
hr.end{margin-top:60px}
.muted{color:var(--muted)}
.tocl{margin-top:.8em}
.tocrow{margin:0 0 .8em;padding:12px 14px;border:1px solid var(--line);box-shadow:4px 4px 0 var(--shadow);background:var(--bg)}
.tocrow b{font-weight:600;color:var(--green);margin-right:6px}
.tocrow a{font-weight:600;color:var(--ink)}
.tocrow.sub{margin-left:1.6em}
.coda{max-width:820px;margin:40px auto 0;color:var(--muted);font-size:15px;text-align:center}

/* prev / next as landing buttons */
.pn{max-width:820px;margin:34px auto 0;display:flex;justify-content:space-between;gap:24px;font-size:13.5px;color:var(--muted)}
.pn>div{flex:1}
.pn .next{text-align:right}
.pn a{display:inline-flex;margin-top:8px;align-items:center;background:var(--bg);color:var(--deep);text-decoration:none;font-weight:500;font-size:15.5px;padding:11px 16px;border:1px solid var(--deep);box-shadow:4px 4px 0 var(--shadow);transition:transform .12s,box-shadow .12s}
.pn .next a{background:var(--green);color:#fff}
.pn a:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--shadow)}
.full .chap{padding-bottom:30px;margin-bottom:50px;border-bottom:1px solid var(--mint)}
.full .chap:last-child{border-bottom:0}

#progress{position:fixed;top:var(--top);left:0;right:0;height:3px;background:var(--green);transform-origin:0 50%;transform:scaleX(0);z-index:45}
#menu{display:none}
#scrim{display:none}

/* ---------- smaller screens ---------- */
@media (max-width:1100px){
  :root{--side:280px}
  main{padding-left:28px;padding-right:28px}
  article{padding:36px 38px 44px}
  h1{font-size:40px}
}
@media (max-width:860px){
  :root{--top:70px}
  body{font-size:16.5px}
  .top{padding:0 16px 0 66px}
  .logo{font-size:19px;gap:12px}.logo svg{width:34px;height:34px}
  .links{display:none}
  #side{top:0;left:0;bottom:0;width:300px;transform:translateX(-105%);transition:transform .25s ease;z-index:60}
  body.open #side{transform:none}
  main{margin-left:0;padding:calc(var(--top) + 16px) 12px 70px}
  article{padding:26px 20px 32px}
  h1{font-size:32px}
  h2{font-size:25px}
  h3{font-size:19px}
  #menu{display:flex;flex-direction:column;justify-content:center;gap:5px;position:fixed;top:14px;left:14px;z-index:50;width:42px;height:42px;padding:0 11px;border:1px solid var(--line);background:var(--bg);box-shadow:3px 3px 0 var(--shadow);cursor:pointer}
  #menu span{display:block;height:1.5px;background:var(--deep)}
  body.open #scrim{display:block;position:fixed;inset:0;background:rgba(1,27,26,.25);z-index:55}
  .pn{flex-direction:column;gap:16px}
  .pn .next{text-align:left}
}
@media print{
  .top,#side,#menu,#scrim,#progress,.pn{display:none}
  main{margin:0;padding:0}
  .doc{border:0;box-shadow:none}
  body{font-size:11pt;background:#fff}
}