/* ==========================================================================
   PASS 1 — PENCIL SKETCH annotations (2026-10-04).
   Local whole-site review only. Everything styled here is marked data-pass1
   so it can be found and stripped before any public release:
     .p1-note  — the "pencil note" on each page: purpose, what's known,
                 open questions (RI-### ids in ChatGPT-Exchange/
                 RECONCILIATION_ISSUES.md), connections.
     .p1-tbd   — replaces filler (lorem) with an honest description of what
                 belongs there. Never invented facts.
   Loads after the page's other stylesheets; doesn't restyle approved content.
   ========================================================================== */
.p1-note{
  --p1-ink:#2b2b2b; --p1-paper:#f3ecd9; --p1-line:#9a8d72;
  position:relative;margin:18px 0 28px;padding:16px 18px 14px 20px;
  background:var(--p1-paper);color:var(--p1-ink);
  border:2px dashed var(--p1-line);border-left:6px solid #6b6b6b;border-radius:2px;
  font-family:'Space Mono',ui-monospace,monospace;font-size:14px;line-height:1.55;
}
.p1-note::before{
  content:"PASS 1 \00B7\00A0PENCIL SKETCH";display:block;margin:0 0 8px;
  font-weight:700;font-size:12px;letter-spacing:.16em;color:#6b6b6b;
}
.p1-note p{margin:0 0 8px;font-family:inherit;font-size:14px;line-height:1.55;max-width:none;}
.p1-note strong{color:#000;}
.p1-note ul{margin:4px 0 8px;padding-left:20px;}
.p1-note li{margin:0 0 4px;}
.p1-note a{color:#000;text-decoration:underline;text-underline-offset:2px;}
.p1-note .p1-ri{
  display:inline-block;font-weight:700;font-size:12px;letter-spacing:.06em;
  border:1px solid #6b6b6b;border-radius:2px;padding:0 4px;margin-right:4px;background:#fff8;
}
.p1-note .p1-state{
  display:inline-block;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  background:#2b2b2b;color:#f3ecd9;padding:1px 6px;border-radius:2px;margin-right:6px;
}
.p1-note .p1-map{font-weight:700;}
/* dark sections (cover, hero bands) */
.p1-note--dark{--p1-paper:#1d1d1d;--p1-ink:#e9e2cf;--p1-line:#8a7f68;}
.p1-note--dark strong,.p1-note--dark a{color:#fff;}
.p1-note--dark::before{color:#bdb5a0;}

.p1-tbd{
  display:block;margin:0 0 14px;padding:10px 12px;
  border:1px dashed #9a8d72;background:repeating-linear-gradient(-45deg,#f6f0e0,#f6f0e0 8px,#efe7d2 8px,#efe7d2 16px);
  font-family:'Space Mono',ui-monospace,monospace;font-size:14px;line-height:1.5;color:#2b2b2b;
}
.p1-tbd::before{content:"TBD \2014\00A0";font-weight:700;}
@media print{.p1-note,.p1-tbd{display:none;}}

/* --------------------------------------------------------------------------
   G005 gap-fill sketch components (2026-10-04). Provisional journey
   architecture, to be inked in Pass 3. Not annotations, so they are not
   stripped with data-pass1; their TBD content uses .p1-tbd.
   -------------------------------------------------------------------------- */
/* Two-journey fork (Breaking competitor vs spectator/supporter) */
.p1-fork{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 26px;}
.p1-fork a{display:block;border:2px solid var(--ink,#030303);border-radius:3px;padding:14px 16px;text-decoration:none;}
.p1-fork a:hover{background:var(--ink,#030303);color:var(--cream,#FDF9EE);}
.p1-fork b{display:block;font-family:var(--display,'Anton'),sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:1;}
.p1-fork span{display:block;font-family:var(--mono,'Space Mono'),monospace;font-size:13px;margin-top:6px;}
.p1-path{border-top:4px solid var(--ink,#030303);padding-top:14px;margin:30px 0 10px;}
.p1-path > h2{font-family:var(--display,'Anton'),sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(30px,3.6vw,44px);line-height:1;margin:0 0 6px;}
.p1-path > .p1-path-who{font-family:var(--body-serif,Georgia),serif;font-size:18px;margin:0 0 14px;}
.p1-steps{list-style:none;margin:0;padding:0;counter-reset:p1step;}
.p1-steps > li{counter-increment:p1step;position:relative;padding:12px 0 12px 48px;border-bottom:1px solid var(--rule,rgba(3,3,3,.45));}
.p1-steps > li::before{content:counter(p1step);position:absolute;left:0;top:10px;width:34px;height:34px;border-radius:50%;background:var(--ember,#FE4B0B);color:#030303;font-family:var(--display-heavy,'Archivo Black'),sans-serif;font-size:16px;display:flex;align-items:center;justify-content:center;}
.p1-steps h3{font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;font-size:17px;margin:4px 0 6px;font-weight:400;}
.p1-steps p{font-family:var(--body-serif,Georgia),serif;font-size:17px;line-height:1.5;margin:0 0 8px;}
.p1-steps .p1-tbd{margin-top:6px;}
.p1-off{display:inline-flex;align-items:center;min-height:46px;padding:10px 16px;border:2px dashed #6b6b6b;border-radius:3px;background:transparent;color:#4a4a4a;font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;font-size:14px;cursor:not-allowed;}

/* Magazine advertisement placement (editorial merch funnel) */
.mag-ad{position:relative;margin:34px 0;border:1px solid var(--rule,rgba(3,3,3,.45));background:#fff;}
.mag-ad__label{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;border-bottom:1px solid var(--rule,rgba(3,3,3,.45));background:var(--cream,#FDF9EE);}
.mag-ad a.mag-ad__art{display:block;}
.mag-ad img{display:block;width:100%;height:auto;}
.mag-ad__cta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--cream,#FDF9EE);border-top:1px solid var(--rule,rgba(3,3,3,.45));font-family:var(--mono,'Space Mono'),monospace;font-size:13px;}
.mag-ad__cta a{font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;font-size:14px;color:#030303;}
.mag-ad--split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);}
.mag-ad--split .mag-ad__label,.mag-ad--split .mag-ad__cta{grid-column:1 / -1;}
.mag-ad--split .mag-ad__art img{width:auto;max-width:100%;max-height:520px;margin:0 auto;}
.mag-ad--split .mag-ad__copy{padding:18px;display:flex;flex-direction:column;justify-content:center;gap:10px;}
.mag-ad__copy b{font-family:var(--display,'Anton'),sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(26px,3vw,40px);line-height:1;}

/* Shop journey: discover -> browse -> select -> eventual purchase */
.p1-journey{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 24px;font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;}
.p1-journey span{border:2px solid #030303;padding:6px 10px;border-radius:3px;}
.p1-journey span.is-here{background:#030303;color:#FDF9EE;}
.p1-journey i{font-style:normal;align-self:center;}
.p1-product{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start;margin:10px 0 30px;}
.p1-product img{width:100%;height:auto;display:block;border:1px solid var(--rule,rgba(3,3,3,.45));background:#fff;}
.p1-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 14px;}
.p1-swatches label{display:inline-flex;align-items:center;gap:8px;border:2px solid #030303;border-radius:3px;padding:8px 12px;font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:13px;text-transform:uppercase;cursor:pointer;}
.p1-swatches input{accent-color:#FE4B0B;}
.p1-swatches i{width:16px;height:16px;border-radius:50%;border:1px solid #030303;display:inline-block;}
.p1-field-label{display:block;font-family:var(--mono,'Space Mono'),monospace;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;margin:12px 0 4px;}
.p1-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:14px 0 26px;}
.p1-compare > div{border:2px solid #030303;border-radius:3px;padding:14px 16px;}
.p1-compare h3{font-family:var(--display-heavy,'Archivo Black'),sans-serif;text-transform:uppercase;font-size:16px;margin:0 0 8px;font-weight:400;}
.p1-compare ul{margin:0;padding-left:18px;font-family:var(--body,'Archivo'),sans-serif;font-size:15px;line-height:1.5;}
@media (max-width:760px){
  .p1-fork,.p1-product,.p1-compare,.mag-ad--split{grid-template-columns:1fr;}
}