/* The Printing Pilot — shared shell for content pages (nav, footer, type, buttons).
   Homepage keeps its own inline CSS; these tokens mirror it. */
:root{
  --paper:#ffffff; --wash:#f4f4f2; --panel:#161b21; --panel-2:#10141a;
  --ink:#14171b; --mut:#585f68; --line:#e5e5e1; --line-dk:#2b323b;
  --amber:#e39112; --amber-ink:#8f5c06; --pass:#2f9e63; --on-dk:#e9eae6;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Public Sans",system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.mono{font-family:"Spline Sans Mono",ui-monospace,monospace}
.wrap{max-width:1100px;margin:0 auto;padding:0 40px}
.wrap.narrow{max-width:760px}

.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.9rem;padding:11px 18px;border-radius:4px;
  background:var(--amber);color:#fff;border:1px solid var(--amber);cursor:pointer;white-space:nowrap}
.btn:hover{background:#c97f0c;border-color:#c97f0c}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.btn.ghost:hover{background:var(--wash);border-color:var(--mut)}
.btn.sm{padding:8px 13px;font-size:.82rem}

/* NAV */
nav.site{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:26px;
  padding:0 40px;height:60px;background:#fff;border-bottom:1px solid var(--line)}
nav.site .brand img{height:34px;width:auto;display:block}
nav.site .links{display:flex;gap:20px;font-size:.87rem;font-weight:600;color:var(--mut)}
nav.site .links a:hover,nav.site .links a[aria-current]{color:var(--ink)}
nav.site .right{margin-left:auto;display:flex;align-items:center;gap:14px}
nav.site .right .si{font-size:.85rem;font-weight:600;color:var(--mut)}
nav.site .right .si:hover{color:var(--ink)}
nav.site .right .si [data-cart-count]{background:var(--ink);color:#fff;border-radius:20px;font-size:.68rem;padding:1px 6px;margin-left:4px;display:none}

/* PAGE HEADER */
.phead{background:var(--wash);border-bottom:1px solid var(--line);padding:52px 0 44px}
.phead .eyebrow{font-family:"Spline Sans Mono",monospace;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--amber-ink)}
.phead h1{font-weight:900;font-size:clamp(1.9rem,3.6vw,2.7rem);letter-spacing:-0.03em;margin:.35rem 0 0}
.phead p{color:var(--mut);font-size:1.05rem;max-width:60ch;margin:.7rem 0 0}

/* CONTENT */
main{padding:52px 0 72px}
h2{font-weight:800;font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-0.02em;margin:0 0 10px}
h3{font-weight:800;font-size:1.02rem;margin:0 0 4px}
.prose p{margin:0 0 14px;color:#33383f}
.prose ul{margin:0 0 16px;padding-left:20px;color:#33383f}
.prose li{margin:4px 0}
.prose a{color:var(--amber-ink);font-weight:600}
.lead{font-size:1.08rem;color:#33383f}
.rule{height:1px;background:var(--line);margin:40px 0}

/* FOOTER */
footer.site{background:var(--panel-2);color:#9aa3ac}
footer.site .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:28px;padding:44px 0 32px}
footer.site h4{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#6b747e;font-weight:700;margin:0 0 12px}
footer.site a{display:block;font-size:.85rem;padding:4px 0}
footer.site a:hover{color:#fff}
footer.site .brand-col .wm{font-weight:900;font-style:italic;font-size:1.12rem;color:#fff;letter-spacing:-0.01em}
footer.site .brand-col p{font-size:.85rem;margin:10px 0 0;max-width:32ch;line-height:1.6}
footer.site .bar{border-top:1px solid var(--line-dk);padding:16px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-family:"Spline Sans Mono",monospace;font-size:.7rem;letter-spacing:.04em}

@media (max-width:1000px){
  nav.site .links{display:none}
  footer.site .cols{grid-template-columns:1fr 1fr;gap:22px}
}
@media (max-width:620px){ .wrap{padding:0 22px} }