/* Field guide pages — extends doc.css (same tokens). Full-width per the
   fable5 layout rule: no ch caps, no centred column; doc.css already splits
   long prose into columns on wide screens. */

.chapKicker{font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold);margin:0 0 14px}

/* index: chapter list */
.chapList{display:grid;gap:12px;margin:34px 0 40px;
  grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr))}
.chap{display:flex;gap:16px;align-items:flex-start;text-decoration:none;color:var(--text);
  background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;
  transition:border-color .15s,transform .15s}
.chap:hover{border-color:var(--gold);transform:translateY(-2px)}
.chapNum{font:700 13px/1 ui-monospace,Consolas,monospace;color:var(--gold);
  letter-spacing:.08em;padding-top:3px}
.chapBody{display:flex;flex-direction:column;gap:5px}
.chapBody b{font-size:16.5px;letter-spacing:-.015em}
.chapBody span{color:var(--muted);font-size:14px;line-height:1.55}
.chapGo{margin-left:auto;color:var(--faint);padding-top:2px}
.chap:hover .chapGo{color:var(--gold)}

/* chapter body extras on top of doc.css */
.doc blockquote{margin:22px 0;padding:14px 20px;border-left:3px solid var(--gold);
  background:linear-gradient(90deg,var(--gold-soft),transparent 70%);
  border-radius:0 12px 12px 0}
.doc blockquote p{margin:0;color:var(--text)}
.doc code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;
  background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.doc hr{border:0;height:1px;background:var(--line);margin:34px 0}

/* prev/next */
.chapNav{display:flex;gap:14px;justify-content:space-between;margin:44px 0 8px;flex-wrap:wrap}
.cn{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--text);
  border:1px solid var(--line);border-radius:12px;padding:13px 18px;background:var(--panel);
  transition:border-color .15s}
.cn:hover{border-color:var(--gold)}
.cn small{color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cn.next{text-align:right;margin-left:auto}

.lede{color:var(--muted);font-size:clamp(16px,1.5vw,19px);line-height:1.6;margin:0}
.fineprint{color:var(--faint);font-size:13px;line-height:1.6;border-top:1px solid var(--line);
  padding-top:18px;margin-top:40px}