/* Queen West Fold — LED strip + newsprint. Prefix: nob-  (not fc/trk/cedar) */
:root{
  --nob-soot:#141210;
  --nob-ink:#1c1916;
  --nob-paper:#efe6d4;
  --nob-sheet:#f7f1e4;
  --nob-tomato:#c23b22;
  --nob-tape:#e6c84a;
  --nob-mute:#5c5348;
  --nob-line:#d9cbb3;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.nob-body{
  background:var(--nob-soot);
  color:var(--nob-ink);
  font:16px/1.5 "Trebuchet MS","Segoe UI",Verdana,sans-serif;
}
.nob-skip{position:absolute;left:-999px}
.nob-skip:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:9}
.nob-led{
  background:#0b0a09;color:var(--nob-tape);
  font:12px/1.4 ui-monospace,Consolas,monospace;
  letter-spacing:.04em;
  padding:8px 16px;
  border-bottom:3px solid var(--nob-tomato);
  overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.nob-top{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:16px;padding:18px 22px 14px;
  background:var(--nob-soot);color:#f7f1e4;
}
.nob-mark{color:inherit;text-decoration:none}
.nob-k{display:block;font:900 2rem/1 Impact,Haettenschweiler,"Arial Black",sans-serif;letter-spacing:.02em;text-transform:uppercase}
.nob-s{display:block;margin-top:4px;color:var(--nob-tape);font-size:.9rem}
.nob-nav{display:flex;flex-wrap:wrap;gap:10px 18px}
.nob-nav-a{color:#f7f1e4;text-decoration:none;border-bottom:3px solid transparent;padding-bottom:2px}
.nob-nav-a.is-here{border-color:var(--nob-tomato);color:var(--nob-tape)}
.nob-nav-a span{display:inline-block;background:var(--nob-tomato);color:#fff;border-radius:99px;padding:0 7px;margin-left:6px;font-size:.75rem}
.nob-nav-a span[hidden]{display:none!important}
.nob-main{
  background:var(--nob-paper);
  width:min(980px,100%);
  margin:0 auto;
  padding:28px 22px 48px;
  min-height:60vh;
  box-shadow:0 0 0 12px var(--nob-soot);
}
.nob-kicker{
  display:inline-block;background:var(--nob-tape);color:var(--nob-soot);
  font:700 .78rem/1 Trebuchet MS,sans-serif;
  letter-spacing:.12em;text-transform:uppercase;
  padding:4px 8px;transform:rotate(-2deg);
}
.nob-h1{
  font:900 clamp(2.1rem,5vw,3.4rem)/.95 Impact,Haettenschweiler,"Arial Black",sans-serif;
  text-transform:uppercase;margin:.4rem 0 12px;letter-spacing:.01em;
}
.nob-lede{font-size:1.15rem;max-width:40rem;color:var(--nob-mute)}
.nob-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px;margin:22px 0}
@media (max-width:760px){.nob-grid{grid-template-columns:1fr}}
.nob-panel{
  background:var(--nob-sheet);
  border:2px solid var(--nob-ink);
  padding:16px 18px;
}
.nob-panel h2{margin:0 0 8px;font:800 1.1rem Trebuchet MS,sans-serif;text-transform:uppercase}
.nob-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:18px 0}
.nob-card{
  background:#fffef8;border:1px solid var(--nob-line);padding:14px 14px 16px;
  border-top:6px solid var(--nob-tomato);
}
.nob-card h3{margin:0 0 4px;font:800 1.05rem Trebuchet MS,sans-serif}
.nob-price{margin:0 0 8px;color:var(--nob-tomato);font-weight:700}
.nob-add,.nob-form button{
  background:var(--nob-soot);color:var(--nob-tape);border:0;padding:10px 12px;
  font:700 .9rem Trebuchet MS,sans-serif;cursor:pointer;width:100%;
}
.nob-add.just-added{background:var(--nob-tomato);color:#fff}
.nob-fig{
  height:160px;margin:0 0 16px;background:
    radial-gradient(circle at 50% 55%, var(--nob-tomato) 0 38%, transparent 39%),
    repeating-conic-gradient(from 10deg, #e8b089 0 20deg, var(--nob-tomato) 20deg 40deg);
  border:3px solid var(--nob-ink);
}
.nob-foot{
  background:var(--nob-soot);color:#d9cbb3;padding:24px 22px 40px;
  font-size:.9rem;
}
.nob-foot a{color:var(--nob-tape);margin-right:12px}
.nob-copy{opacity:.75}
.nob-form label,.nob-note label{display:block;margin:12px 0 4px;font-weight:700}
.nob-form input,.nob-form textarea,.nob-note input,.nob-note textarea{
  width:100%;padding:10px;border:2px solid var(--nob-ink);background:#fffef8;
  font:1rem Trebuchet MS,sans-serif;
}
.nob-form button{margin-top:16px}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.nob-lines .line{
  display:grid;grid-template-columns:1fr auto auto auto;gap:8px;align-items:center;
  border-bottom:1px dashed var(--nob-line);padding:8px 0;
}
.nob-lines .line-qty button{width:28px;height:28px;border:1px solid var(--nob-ink);background:#fff;cursor:pointer}
.nob-lines .line-x{background:none;border:0;text-decoration:underline;cursor:pointer;color:var(--nob-mute)}
.cart-total,.nob-paywall{background:var(--nob-tape);padding:10px 12px;margin:14px 0}
.nob-thanks{background:#fff;border:4px solid var(--nob-tomato);padding:18px;font-size:1.1rem}
.nob-sign{margin-top:28px;color:var(--nob-mute);font-size:.9rem}
.nob-prose h2{font:800 1.15rem Trebuchet MS,sans-serif;text-transform:uppercase;margin:1.4rem 0 .4rem}
.nob-prose ul{padding-left:1.2rem}