/* nexusguide.store - "The Nexus Handbook". Light cool paper + green. A sequential
   chaptered read: top reading-progress bar, chapter chip, prev/next paging. No left
   rail, no gradient hero, no card grid, no purple, no puffy shadows, nothing oversized. */
*{box-sizing:border-box;margin:0;padding:0}
:root{
  --paper:#f4f6f8; --card:#ffffff; --ink:#1b2024; --body:#39424b; --soft:#6a747d;
  --line:#e2e7ec; --line2:#eef1f4; --green:#0f7b4f; --green-d:#0c6641;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
}
html{-webkit-text-size-adjust:100%}
body{background:var(--paper);color:var(--body);font-family:var(--sans);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}

/* ---- reading progress bar ---- */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--green);z-index:50;transition:width .08s linear}

/* ---- masthead ---- */
.mast{background:var(--card);border-bottom:1px solid var(--line)}
.mast-in{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:12px;padding:13px 22px}
.mast a.home{display:flex;align-items:center;gap:10px;color:var(--ink)}
.mast img{width:28px;height:28px;border-radius:7px;display:block}
.mast b{font-size:15px;font-weight:700;letter-spacing:.01em}
.mast .toc{margin-left:auto;font-size:13.5px;color:var(--soft);font-family:var(--mono)}

/* ---- chapter shell ---- */
.book{max-width:680px;margin:0 auto;padding:40px 22px 20px}
.chip{display:inline-block;font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--green-d);background:#e7f3ec;border:1px solid #cfe6da;border-radius:999px;padding:4px 11px;margin-bottom:16px}
h1{font-size:30px;line-height:1.2;letter-spacing:-.01em;color:var(--ink);font-weight:740;margin-bottom:15px}
.lede{font-size:18.5px;line-height:1.6;color:var(--ink);margin-bottom:6px}
.book h2{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--soft);font-weight:700;margin:34px 0 9px}
.book p{margin:0 0 15px}

/* ---- home contents list ---- */
.toclist{margin:26px 0 6px;border-top:1px solid var(--line);counter-reset:c}
.toclist a{display:flex;align-items:baseline;gap:14px;padding:14px 4px;border-bottom:1px solid var(--line);color:var(--ink)}
.toclist a:hover{text-decoration:none;background:var(--card)}
.toclist a::before{counter-increment:c;content:counter(c);font-family:var(--mono);font-size:13px;color:var(--green);min-width:20px}
.toclist b{font-weight:650;font-size:16.5px}
.toclist span{color:var(--soft);font-size:15px;margin-left:auto;text-align:right}

/* ---- prev / next paging ---- */
.paging{display:flex;gap:12px;max-width:680px;margin:8px auto 0;padding:0 22px}
.paging a{flex:1;display:block;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:14px 16px;color:var(--ink)}
.paging a:hover{border-color:var(--green);text-decoration:none}
.paging .dir{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--soft);margin-bottom:5px}
.paging .nx{text-align:right}
.paging b{font-weight:650;font-size:15.5px}

/* ---- faq ---- */
.qa{margin-top:20px;border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;padding:16px 32px 16px 2px;font-size:16.5px;font-weight:600;color:var(--ink);position:relative;list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::after{content:"+";position:absolute;right:6px;top:14px;color:var(--green);font-size:20px;font-weight:400}
.qa details[open] summary::after{content:"\2013"}
.qa .a{padding:0 2px 18px;color:var(--soft);font-size:15.5px}
.gloss{margin:36px 0 0;border-top:1px solid var(--line);padding-top:16px}
.gloss dl{display:grid;gap:11px;margin-top:12px}
.gloss dt{font-family:var(--mono);color:var(--green-d);font-size:13px}
.gloss dd{color:var(--soft);font-size:14.5px;margin:2px 0 0}

/* ---- verified links at page foot ---- */
.links{max-width:680px;margin:44px auto 0;padding:0 22px}
.links .lh{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--soft);margin-bottom:10px}
.links .l{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.links code{flex:1;min-width:0;font-family:var(--mono);font-size:12.5px;color:var(--ink);background:var(--card);
  border:1px solid var(--line);border-radius:7px;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.copy{flex:0 0 auto;border:1px solid var(--line);background:var(--card);color:var(--green-d);border-radius:7px;
  padding:8px 13px;font-size:12px;font-family:var(--mono);cursor:pointer}
.copy:hover{border-color:var(--green)}
.copy.ok{color:var(--green);border-color:var(--green)}
.links .warn{color:var(--soft);font-size:13.5px;margin-top:8px}

/* ---- footer chapter map ---- */
.foot{background:var(--card);border-top:1px solid var(--line);margin-top:50px}
.foot-in{max-width:680px;margin:0 auto;padding:24px 22px;color:var(--soft);font-size:13.5px;line-height:1.7}
.foot-in .fmap{display:flex;flex-wrap:wrap;gap:6px 16px;margin-bottom:12px}
.foot-in .fmap a{color:var(--body)}

@media(max-width:560px){
  h1{font-size:25px}
  .toclist span{display:none}
  .paging{flex-direction:column}
}