:root{--navy:var(--color-navy);--navy-2:var(--color-navy-2);--amber:var(--color-amber);--amber-hi:var(--color-amber-hi);--amber-ink:var(--color-amber-dark);--amber-soft:var(--color-tint-amber);--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-hair);--paper:var(--color-tint-navy);--no:var(--color-stop);--on-navy-muted:var(--color-on-navy-muted);--f:var(--sans)}
/* Day One Field Guides · v15.css · loaded after site.css + store.css. Uses only var(--...) from tokens.web.css. */
body{font-family:var(--serif);font-size:18px;line-height:1.6}
h1,h2,h3,h4,.btn,button,nav,label,legend,summary,th,.kicker,.pill,.eyebrow,.price,.facts,.note,.small,.crumbs,.fine,.mtag,.trust,.ti,.lnk,select,input,textarea,.badges,.fh,.brand,.gh-meta,.gh-by,.rb-h,.bk-num,.ck-h,.oc5 dt,table{font-family:var(--sans)}
h1,h2,h3{font-weight:700;letter-spacing:-.01em}
.hero .sub,.hero p.sub{font-family:var(--serif)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* brand mark */
.brand .d1{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px;background:var(--navy);color:var(--amber);font:700 13px/1 var(--sans);letter-spacing:.02em;flex-shrink:0}
.brand b{font-family:var(--sans)}
/* book covers */
.cover3d{position:relative;display:block;width:100%;max-width:300px;aspect-ratio:2/3;margin:0 auto;border-radius:2px 6px 6px 2px;box-shadow:0 1px 2px rgba(10,32,56,.25),0 18px 36px rgba(10,32,56,.35);overflow:hidden;background:var(--navy)}
.cover3d img{width:100%;height:100%;object-fit:cover}
.cover3d::before{content:"";position:absolute;inset:0 auto 0 0;width:10px;background:linear-gradient(90deg,rgba(0,0,0,.28),rgba(255,255,255,.08) 60%,transparent);z-index:2}
.hero .cover3d{max-width:320px}
.hero .covers{position:relative;z-index:2;display:flex;justify-content:center;align-items:flex-end;gap:0;padding:12px 0 48px}
.hero .covers .cover3d{width:44%;max-width:230px;margin:0 -5%}
.hero .covers .cover3d:nth-child(2){transform:translateY(-18px);z-index:3}
.hero .one-cover{position:relative;z-index:2;padding:8px 0 48px;width:100%}
@media(max-width:899px){.hero .covers{padding-bottom:32px}.hero .one-cover{padding-bottom:32px}.hero .one-cover .cover3d{max-width:220px}}
/* book cards */
.bookcards{display:grid;gap:22px;grid-template-columns:1fr;margin:8px 0 0;padding:0;list-style:none}
@media(min-width:700px){.bookcards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.bookcards{grid-template-columns:repeat(4,1fr)}}
.bookcard{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.bookcard .cover3d{max-width:170px}
.bookcard .bk-num{margin:6px 0 0;color:var(--amber-ink);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.bookcard h3{margin:0;font-size:1.2rem;line-height:1.25}
.bookcard p{margin:0}
.bookcard .px{font-family:var(--sans);font-weight:700;font-size:1.25rem;color:var(--navy)}
.bookcard .btn{margin-top:auto}
.bookcard.set .covers-mini{display:flex;justify-content:center}
.bookcard.set .covers-mini .cover3d{width:34%;margin:0 -4%}
/* refund box */
.refundbox{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border:1px solid var(--amber-line);border-left:4px solid var(--amber);border-radius:var(--r-sm);background:var(--amber-soft)}
.refundbox p{margin:0 0 6px}
.refundbox .rb-h{font-weight:700;color:var(--navy)}
/* waitlist */
.waitlist{max-width:560px;padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--white);color:var(--ink)}
.hero .waitlist{margin-top:6px}
.hero .waitlist label,.hero .waitlist p{color:var(--ink)}
.waitlist h2{margin-top:0;font-size:1.35rem}
.waitlist .row{display:flex;gap:10px;flex-wrap:wrap}
.waitlist input[type=email]{flex:1 1 220px;min-height:48px}
.waitlist .check{display:flex;gap:10px;align-items:flex-start;margin:12px 0;font-size:.95rem;min-height:44px}
.waitlist .check input{width:22px;height:22px;margin-top:2px;flex-shrink:0}
.optin .check{display:flex;gap:10px;align-items:flex-start;min-height:44px}
.optin .check input{width:22px;height:22px;margin-top:2px;flex-shrink:0}
.optin .action{margin:16px 0 6px;font-family:var(--sans);font-weight:700;color:var(--navy)}
/* price table */
.ptable{width:100%;border-collapse:collapse;margin:12px 0;font-size:1rem}
.ptable th,.ptable td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ptable thead th{background:var(--paper);color:var(--navy)}
/* contents */
.toc15{list-style:none;margin:0;padding:0;counter-reset:none}
.toc15 li{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:14px 0;border-bottom:1px solid var(--line)}
.toc15 h3{margin:0;font-size:1.05rem}
.toc15 p{grid-column:1/-1;margin:0;color:var(--muted);font-size:1rem}
.toc15 .pg{font-family:var(--sans);color:var(--muted);font-size:.9rem}
/* four-beat card (book style) */
.oc5{margin:0;padding:0;border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden;background:var(--white)}
.oc5 .oc5-h{margin:0;padding:12px 16px;background:var(--navy);color:#fff;font-family:var(--sans);font-weight:700}
.oc5 .oc5-h span{color:var(--amber)}
.oc5 dl{margin:0;display:grid;grid-template-columns:minmax(110px,max-content) 1fr}
.oc5 dt,.oc5 dd{margin:0;padding:10px 16px;border-top:1px solid var(--line)}
.oc5 dt{color:var(--amber-ink);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.oc5 dd.adv,.oc5 dt.adv{background:var(--amber-soft)}
.oc5 .oc5-n{margin:0;padding:10px 16px;border-top:1px solid var(--line);font-size:.95rem;color:var(--muted)}
@media(max-width:520px){.oc5 dl{grid-template-columns:1fr}.oc5 dd{border-top:0;padding-top:0}}
.pending-note{font-family:var(--sans);font-size:.875rem;color:var(--muted)}
.cmp15{width:100%;border-collapse:collapse;font-size:.98rem}
.cmp15 th,.cmp15 td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.cmp15 thead th{color:var(--navy);background:var(--paper)}
.tablewrap{overflow-x:auto}
.trust .ti p b{display:block}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* phone header: brand + menu only (the hero has the CTA); covers-mini sized for its real width */
@media(max-width:600px){header.top .btn.hdr{display:none}header.top .wrap{gap:8px}.brand b{font-size:16px}}
@media(max-width:420px){.hero .covers .cover3d{width:38%;margin:0 -3%}}
/* free sample section (book pages + Complete Set) */
.sample2{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin:0 0 20px}
@media(max-width:900px){.sample2{grid-template-columns:1fr}}
.oc5.full figcaption{padding:8px 16px;border-top:1px solid var(--line);font-family:var(--sans);font-size:.8rem;color:var(--muted)}
.oc5 .oc5-p{margin:0;padding:10px 16px;border-top:1px solid var(--line);font-size:.95rem;background:var(--paper)}
.wsheet{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white);padding:16px 18px}
.wsheet .ws-k{margin:0 0 2px;font-family:var(--sans);font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--amber-ink)}
.wsheet .ws-t{margin:0 0 8px;color:var(--navy)}
.wsheet h3.sub{margin:14px 0 6px;font-size:1rem;color:var(--navy)}
.wsheet p.small{font-size:.92rem;margin:0 0 10px}
.wsheet .fgrid2{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.wsheet .fgrid2.c1,.wsheet .fgrid2.wide{grid-template-columns:1fr}
.wsheet .two{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px}
.wsheet .fill{display:flex;flex-direction:column;padding:8px 0 4px;border-bottom:1px solid var(--muted);min-height:44px;font-family:var(--sans);font-size:.88rem}
.wsheet .fill small{display:block;color:var(--muted);font-size:.78rem}
.wsheet .fill span:empty{display:none}
.wsheet table.dt{width:100%;border-collapse:collapse;margin:8px 0;font-size:.88rem}
.wsheet table.dt th,.wsheet table.dt td{border:1px solid var(--line);padding:6px 8px;text-align:left;height:30px}
.wsheet table.dt thead th{background:var(--paper);color:var(--navy)}
.wsheet .ws-f{margin:12px 0 0;font-size:.82rem;color:var(--muted)}
@media(max-width:520px){.wsheet .fgrid2,.wsheet .two{grid-template-columns:1fr}}
.setsample{margin:0 0 28px}.setsample h3{margin:0 0 10px}
.alsoset{margin:14px 0 0;padding:12px 0 0;border-top:1px solid var(--line)}
.alsoset p{margin:0 0 8px}
.fnote{margin:6px 0 10px;font-family:var(--sans);font-size:.92rem;color:inherit}
.fnote.small{font-size:.82rem;margin:2px 0 8px}
.pricebox p.small{margin:10px 0 0}.pricebox p.small a{display:inline-block;padding:4px 0;min-height:24px}

/* Complete Set card (Oct 22, Damien): same structure as the book cards; the cover row is as tall as a single cover so text, price and button line up */
@media(min-width:700px){.bookcard.set .covers-mini{min-height:250px;align-items:center}.bookcard.set .covers-mini .cover3d{width:42%;margin:0 -8%}}

/* ---- Conversion playbook pass (Oct 22, 2026) ---- */
.hspec{margin:6px 0 14px;font-family:var(--sans);font-weight:600;font-size:.95rem;color:var(--on-navy-muted)}
.rline{margin:8px 0 0;font-family:var(--sans);font-size:.85rem;color:var(--muted)}
.hero .rline,.final .rline{color:var(--on-navy-muted)}
.pricebox .rline{color:inherit;opacity:.9}
.afterpay{margin:12px 0 0;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white);color:var(--ink);font-family:var(--sans);font-size:.85rem}
.afterpay summary{min-height:44px;display:flex;align-items:center;padding:0 14px;font-weight:700;color:var(--navy);cursor:pointer}
.afterpay ul{margin:0;padding:0 14px 12px 30px}.afterpay li{margin:0 0 6px;line-height:1.45}
.afterpay a{color:var(--navy)!important;text-decoration:underline}
.afterpay b,.afterpay strong{color:var(--navy)!important}
.ap-final{max-width:560px;margin:12px auto 0;text-align:left}
/* role picker */
.roles{display:grid;gap:16px;grid-template-columns:1fr;margin:8px 0 12px;padding:0;list-style:none}
@media(min-width:700px){.roles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.roles{grid-template-columns:repeat(4,1fr)}}
.role{display:flex;flex-direction:column;gap:6px;height:100%;padding:18px 20px;border:1px solid var(--line);border-top:4px solid var(--amber);border-radius:var(--r-sm);background:var(--white);color:var(--ink);text-decoration:none}
.role:hover{box-shadow:0 8px 20px rgba(10,32,56,.12)}
.role .r-l{font-family:var(--sans);font-weight:700;font-size:1.15rem;color:var(--navy)}
.role .r-t{font-family:var(--sans);font-size:.9rem;color:var(--amber-ink)}
.role .r-p{font-size:1rem;line-height:1.45}
.role .r-x{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;font-family:var(--sans);font-weight:700}
.role .r-pr{color:var(--navy)}.role .r-go{min-height:44px;display:inline-flex;align-items:center;padding:0 14px;border-radius:var(--r-btn);background:var(--amber);color:var(--navy);font-size:.9rem}
/* look inside */
.lookin{display:grid;gap:24px;grid-template-columns:1fr;margin:0 0 28px}
@media(min-width:900px){.lookin{grid-template-columns:minmax(0,520px) 1fr;align-items:start}}
.lk-main img{display:block;width:100%;height:auto;aspect-ratio:2/3;border:1px solid var(--line);border-radius:4px;box-shadow:0 10px 28px rgba(10,32,56,.18);background:#fff}
.lk-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0 0;padding:0;list-style:none}
.lk-thumbs a{display:flex;flex-direction:column;gap:4px;min-height:44px;font-family:var(--sans);font-size:.78rem;color:var(--navy);text-decoration:none}
.lk-thumbs img{width:100%;height:auto;aspect-ratio:2/3;border:2px solid var(--line);border-radius:3px}
.lk-thumbs a[aria-pressed=true] img{border-color:var(--amber)}
.inside2{display:grid;gap:28px;grid-template-columns:1fr}
@media(min-width:900px){.inside2{grid-template-columns:3fr 2fr}}
.specbox{margin:0;border:1px solid var(--line);border-left:4px solid var(--navy);border-radius:var(--r-sm);background:var(--white)}
.specbox div{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 14px;border-top:1px solid var(--line)}.specbox div:first-child{border-top:0}
.specbox dt{font-family:var(--sans);font-weight:700;font-size:.85rem;color:var(--navy)}.specbox dd{margin:0;font-size:.98rem}
.fulltoc{margin:16px 0 0;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--white)}
.fulltoc summary{min-height:44px;display:flex;align-items:center;padding:0 14px;font-family:var(--sans);font-weight:700;color:var(--navy);cursor:pointer}
.ftoc,.ftoc ol{list-style:none;margin:0;padding:0}.ftoc{padding:0 14px 12px}.ftoc ol{padding-left:16px}
.ftoc .te{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px dotted var(--line);font-size:.95rem}
.ftoc .tp{font-family:var(--sans);color:var(--muted);font-size:.85rem}
/* inline magnet + paperback forms */
.mg-wrap{max-width:860px;margin:28px auto 8px}
.optin.magnet{padding:22px;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:var(--r-sm);background:var(--white)}
.mg-row{display:grid;gap:10px;grid-template-columns:1fr}@media(min-width:700px){.mg-row{grid-template-columns:1fr 1.3fr 1fr}}
.mg-row input,.mg-row select{width:100%;min-height:48px}
.mg-ok .btn,.optin.magnet .btn{margin-top:6px}
.pbform{margin:18px 0 0;padding:16px 18px;border:1px dashed var(--line);border-radius:var(--r-sm);background:var(--paper)}
.pb-row{display:flex;flex-wrap:wrap;gap:10px}.pb-row input{flex:1 1 220px;min-height:48px}
.pbform .check{display:flex;gap:10px;align-items:flex-start;margin:10px 0 0;font-size:.92rem;min-height:44px}.pbform .check input{width:22px;height:22px;flex-shrink:0;margin-top:2px}
/* /free preview cards */
.cards3{display:grid;gap:18px;grid-template-columns:1fr}@media(min-width:1000px){.cards3{grid-template-columns:repeat(3,1fr)}}
/* pricing */
.pcards{display:grid;gap:18px;grid-template-columns:1fr;margin:8px 0 18px;padding:0;list-style:none}
@media(min-width:700px){.pcards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1100px){.pcards{grid-template-columns:repeat(4,1fr)}.pcards.three{grid-template-columns:repeat(3,1fr)}}
.pcard{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--line);border-radius:var(--r);background:var(--white)}
.pcard p{margin:0}.pcard .px{font-family:var(--sans);font-weight:700;font-size:1.35rem;color:var(--navy)}.pcard .btn{margin-top:auto}
.pdate{margin:12px 0 0;padding:10px 14px;border-left:4px solid var(--amber);background:rgba(255,255,255,.06);font-family:var(--sans);font-size:.95rem}
/* start-here (thank-you + My books) */
.starthere{margin:22px 0;padding:18px 20px;border:1px solid var(--line);border-left:4px solid var(--amber);border-radius:var(--r-sm);background:var(--white)}
.days7{list-style:none;margin:10px 0 0;padding:0}.days7 li{display:grid;grid-template-columns:70px 1fr;gap:2px 12px;padding:8px 0;border-top:1px solid var(--line)}
.days7 b{font-family:var(--sans);color:var(--amber-ink)}.days7 small{grid-column:2;color:var(--muted);font-family:var(--sans)}
/* sticky buy bar: fixed (no layout shift), 44px+ button */
.sbar .sb-t{display:flex;flex-direction:column;font-family:var(--sans);font-size:.92rem;line-height:1.25}.sbar .sb-t small{color:var(--on-navy-muted);font-size:.75rem}
.sbar .btn{min-height:44px;white-space:nowrap}
/* the sticky bar never covers text: pages that have one reserve its height at the bottom on small screens (fixed bar, so no layout shift when it appears) */
@media(max-width:768px){body:has(#sbar),body.has-sbar{padding-bottom:calc(88px + env(safe-area-inset-bottom))}}