/* The Claude Code path: "you are here" strip under the title block of the path guides,
   and the shelf of other field guides on the day-one guide. Linked from each page's <head>. */
.pathstrip{max-width:820px;margin:22px auto 0;padding:0 clamp(22px,4.5vw,48px);text-align:center;}
.pathstrip .ps-k{font-family:var(--util);font-size:.64rem;font-weight:600;letter-spacing:.2em;
  text-transform:uppercase;color:#8a8264;margin:0 0 10px;}
.pathstrip ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;}
.pathstrip li{margin:0;display:flex;}
.pathstrip a,.pathstrip .ps-here{display:inline-flex;align-items:center;gap:7px;min-height:36px;
  padding:6px 13px 6px 7px;border:1px solid var(--line-strong);border-radius:999px;
  font-family:var(--util);font-size:.78rem;font-weight:500;line-height:1.2;color:var(--ink-soft);
  text-decoration:none;background:#fff;}
.pathstrip a:hover,.pathstrip a:focus-visible{border-color:var(--navy);color:var(--navy);}
.pathstrip b{display:inline-flex;align-items:center;justify-content:center;flex:none;width:22px;height:22px;
  border-radius:50%;background:#f3efe8;color:var(--navy);font-size:.7rem;font-weight:600;}
.pathstrip .ps-here{background:var(--navy);border-color:var(--navy);color:#fef9f1;}
.pathstrip .ps-here b{background:var(--star-gold);color:var(--navy);}
.pathstrip .ps-sub{padding-left:13px;}

.shelf{margin:2.6em 0 0;padding:1.6em 0 0;border-top:1px solid var(--line);}
.shelf h2{margin-top:0;}
.shelf .sh-g{margin:0 0 1.3em;}
.shelf .sh-k{font-family:var(--util);font-size:.7rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--gold);margin:0 0 .35em;}
.shelf ul{list-style:none;margin:0;padding:0;}
.shelf li{margin:0 0 .3em;line-height:1.45;}

.pathnext{margin:2.6em 0 0;}
.pathnext .pn-card{display:block;padding:20px 22px 18px;border:1px solid var(--line-strong);border-left:4px solid var(--star-gold);
  border-radius:6px;background:#fef9f1;text-decoration:none;color:var(--ink);}
.pathnext .pn-card:hover,.pathnext .pn-card:focus-visible{border-color:var(--navy);border-left-color:var(--navy);}
.pathnext .pn-card span{display:block;}
.pathnext .pn-k{font-family:var(--util);font-size:.66rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:#8a8264;margin-bottom:8px;}
.pathnext .pn-t{font-family:var(--disp);font-weight:540;font-size:1.3em;line-height:1.22;letter-spacing:-.015em;color:var(--navy);margin-bottom:6px;}
.pathnext .pn-l{font-size:.95em;line-height:1.5;color:var(--ink-soft);margin-bottom:12px;}
.pathnext .pn-go{font-family:var(--util);font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);}
.pathnext .pn-back{display:inline-block;margin-top:12px;font-family:var(--util);font-size:.78rem;font-weight:500;color:var(--ink-soft);}
