/* Your OC Agent v4. Dusty blue, apricot and muted gold on cream. Fonts are bundled in /assets/fonts (OFL). No external requests. */
@font-face{font-family:"Fraunces";src:url("fonts/fraunces.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
@font-face{font-family:"Albert Sans";src:url("fonts/albert-sans.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
:root{
  --ink:#25364a; --muted:#566678; --faint:#6f7e8f;
  --blue:#4d7099; --blue-deep:#2f4b6b; --blue-link:#2f5a8a; --blue-tint:#dfe8f1; --blue-mist:#eaf0f6;
  --apricot:#e9a273; --apricot-tint:#ffffff; --terra:#b3541f; --terra-dark:#964516; --apricot-ink:#a24d17;
  --gold:#d6b25e; --gold-tint:#ffffff; --gold-ink:#6e5614;
  --cream:#eaf1ff; --paper:#ffffff; --line:#d5e2f2; --line-blue:#cbd8e5;
  --ok:#2f6b52;
  --r:6px; --max:1160px; --hh:64px;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Albert Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--hh) + 64px)}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto}
a{color:var(--blue-link);text-underline-offset:3px;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--blue-deep);outline-offset:2px;border-radius:3px}
h1,h2,h3{text-wrap:balance;font-family:var(--serif);color:var(--ink);line-height:1.15;margin:0 0 .5em;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(1.9rem,3.6vw,2.6rem)}
h2{font-size:clamp(1.35rem,2.3vw,1.7rem)}
h3{font-size:1.15rem;line-height:1.25}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
li{margin-bottom:.35em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 28px}
.narrow{max-width:800px}
.skip{position:absolute;left:-999px;top:8px;background:var(--blue-deep);color:#fff;padding:10px 16px;border-radius:var(--r);z-index:99}
.skip:focus{left:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.confirm{font-size:.8em;font-weight:600;color:var(--gold-ink);background:var(--gold-tint);border:1px solid #e0cd8e;border-radius:4px;padding:0 6px;white-space:normal;font-family:var(--sans)}

/* preview strip + header */
.ribbon{background:var(--gold-tint);color:var(--gold-ink);text-align:center;font-size:.82rem;padding:7px 14px;line-height:1.4;font-weight:600;border-bottom:1px solid #d5e2f2}
.site-header{position:sticky;top:0;z-index:40;background:var(--blue);color:#fff}
.site-header .wrap{display:flex;align-items:center;gap:22px;height:var(--hh)}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fff;flex:none}
.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:4px;background:var(--gold-tint);color:var(--blue-deep);font-family:var(--serif);font-weight:800;font-size:.95rem}
.logo-img{display:block;height:44px;width:auto}
.foot-logo{height:34px;width:auto;margin-right:10px;vertical-align:middle}
.foot-brand{display:flex;align-items:center}
.logo-name{font-family:var(--serif);font-weight:700;font-size:1.28rem;letter-spacing:-.01em}
.main-nav{margin-left:auto}
.main-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.main-nav li{margin:0}
.main-nav a{display:block;padding:8px 12px;border-radius:var(--r);text-decoration:none;color:#fff;font-weight:600;font-size:.96rem}
.main-nav a:hover{background:rgba(255,255,255,.14)}
.main-nav a[aria-current="page"]{background:var(--blue-deep)}
details.lang{position:relative;flex:none}
details.lang>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid rgba(255,255,255,.55);border-radius:var(--r);font-weight:600;font-size:.9rem;color:#fff}
details.lang>summary:hover{background:rgba(255,255,255,.14)}
details.lang>summary::-webkit-details-marker{display:none}
details.lang>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid #fff;border-bottom:1.5px solid #fff;transform:rotate(45deg) translateY(-2px)}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:50;list-style:none;margin:0;padding:6px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);box-shadow:4px 4px 0 rgba(47,75,107,.25);min-width:220px}
.lang-list li{margin:0}
.lang-list a,.lang-list .soon{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:4px;text-decoration:none;color:var(--ink);font-size:.93rem}
.lang-list a:hover{background:var(--blue-mist)}
.lang-list a[aria-current="true"]{font-weight:700;background:var(--blue-mist)}
.lang-list .soon{color:var(--faint)}
.badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);border:1px solid var(--line);border-radius:3px;padding:1px 6px;white-space:nowrap}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-family:var(--sans);font-weight:700;border-radius:var(--r);padding:12px 22px;border:2px solid transparent;font-size:1rem;cursor:pointer;line-height:1.2;text-align:center}
.btn-primary{background:var(--terra);color:#fff}
.btn-primary:hover{background:var(--terra-dark);color:#fff;text-decoration:none}
.btn-secondary{background:transparent;color:var(--blue-deep);border-color:var(--blue-deep)}
.btn-secondary:hover{background:var(--blue-tint);text-decoration:none}
.btn-block{width:100%}
.btn-lg{padding:15px 26px;font-size:1.05rem}
.btn[aria-disabled="true"]{background:#d5e2f2;color:var(--faint);cursor:not-allowed;border-color:transparent}
.linkbtn{background:none;border:0;padding:0;font:inherit;color:var(--blue-link);text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* breadcrumbs */
.crumbs{font-size:.88rem;color:var(--muted);padding:20px 0 0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.crumbs li{margin:0;display:flex;gap:4px}
.crumbs li+li::before{content:"/";color:#a7b2bf;margin-right:4px}
.crumbs a{color:var(--muted)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}

/* home intro: one column, left-aligned, then straight into the list */
.intro{padding:44px 0 36px}
.intro .wrap{display:block}
.intro h1{margin:0 0 .45em;max-width:20em;font-size:clamp(1.9rem,3.8vw,2.7rem);line-height:1.12;letter-spacing:-.015em}
.intro .lead{font-size:1.15rem;color:#33465c;max-width:38em;margin:0 0 .9em}
.intro .safe-line{margin:0 0 .9em;font-size:1rem}
.intro .safe-line a{font-weight:700}
.tagline{margin:0;font-size:.92rem;color:var(--muted);letter-spacing:.02em}

/* the list */
.listing{background:var(--blue-mist);border-top:1px solid var(--line-blue);border-bottom:1px solid var(--line-blue);padding:36px 0 52px}
.list-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 24px;margin-bottom:18px}
.list-head h2{margin:0}
.list-head p{margin:0;color:var(--muted);font-size:.95rem}
.controls{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between;padding:0 0 14px}
.controls[hidden]{display:none}
.ctl{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px}
.ctl-label{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-right:6px}
.tab{font:inherit;font-weight:600;font-size:.95rem;color:var(--ink);background:none;border:0;border-bottom:3px solid transparent;padding:6px 4px;margin:0 6px 0 0;cursor:pointer}
.tab:hover{border-bottom-color:var(--apricot)}
.tab[aria-pressed="true"]{font-weight:800;border-bottom-color:var(--terra)}
.pillbtn{font:inherit;font-weight:600;font-size:.88rem;color:var(--ink);background:var(--paper);border:1.5px solid var(--line-blue);border-radius:99px;padding:4px 14px;cursor:pointer}
.pillbtn:hover{border-color:var(--blue-deep)}
.pillbtn[aria-pressed="true"]{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}
.chk{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--blue-deep)}
.count-line{font-size:.9rem;color:var(--muted);margin:0 0 10px}
.rows{list-style:none;margin:0;padding:0;background:var(--paper);border:1px solid var(--line-blue);border-radius:var(--r)}
.row{display:grid;grid-template-columns:64px minmax(0,1fr) 120px 104px 130px;column-gap:22px;align-items:center;padding:18px 22px;margin:0;border-top:1px solid var(--line)}
.row:first-child{border-top:0}
.row[hidden]{display:none}
.row:hover{background:#ffffff}
.row-thumb{display:block;line-height:1;text-decoration:none;align-self:start}
.tag-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:64px;height:64px;border-radius:4px;border:1px solid rgba(37,54,74,.22);background:var(--blue-tint);color:var(--blue-deep);font-family:var(--sans);text-align:center}
.tag-tile span{font-size:.58rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.tag-tile b{font-family:var(--serif);font-size:1.35rem;font-weight:700;line-height:1}
.tag-tile.theme-apricot{background:var(--apricot-tint);color:#7a3a12;border-color:#e8b995}
.tag-tile.theme-gold{background:var(--gold-tint);color:var(--gold-ink);border-color:#dcc681}
.tag-tile.tag-big{width:88px;height:88px}
.tag-tile.tag-big span{font-size:.66rem}
.tag-tile.tag-big b{font-size:2rem}
.row-main{min-width:0}
.row-main h2,.row-main h3{margin:0 0 .15em;font-size:1.25rem}
.row-main h2 a,.row-main h3 a{color:var(--ink);text-decoration:none}
.row-main h2 a:hover,.row-main h3 a:hover{text-decoration:underline;text-decoration-color:var(--apricot);text-decoration-thickness:3px}
.row-desc{margin:0 0 .45em;color:#3a4d63;font-size:.97rem;line-height:1.45}
.row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0;font-size:.86rem;color:var(--muted)}
.chip{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 8px;border-radius:3px;color:var(--blue-deep);background:var(--blue-tint);border:1px solid var(--line-blue);text-decoration:none}
a.chip:hover{border-color:var(--blue-deep)}
.chip.here{background:var(--blue-deep);border-color:var(--blue-deep);color:#fff}
.chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.chips li{margin:0}
.row-stats{margin:0;font-size:.88rem;line-height:1.35}
.row-stats div{margin:0 0 7px}
.row-stats dt{font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.row-stats dd{margin:0;font-weight:600}
.sample{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold-tint);border:1px solid #e0cd8e;border-radius:3px;padding:0 5px;margin-left:5px;vertical-align:1px}
.row-price{font-family:var(--serif);font-weight:700;font-size:1.7rem;line-height:1;letter-spacing:-.02em;color:var(--ink)}
.row-price small{display:block;font-family:var(--sans);font-weight:500;font-size:.78rem;letter-spacing:0;color:var(--muted);margin-top:5px;line-height:1.25}
.row-buy{display:contents}
.row-act{display:flex;flex-direction:column;align-items:stretch;gap:7px;text-align:center}
.row-act .btn{padding:11px 12px;font-size:.95rem}
.row-note{margin:12px 0 0;font-size:.84rem;color:var(--muted)}
.row-none{padding:30px 22px;color:var(--muted);margin:0}
/* how it works strip */
.story{background:var(--blue);color:#ffffff;padding:54px 0 58px}
.story-h{font-size:1.45rem;color:#fff;margin:0 0 18px}
.story-p{list-style:none;padding:0;font-family:var(--sans);font-weight:600;font-size:1.15rem;line-height:1.4;max-width:34em;margin:0 0 1em;color:#ffffff}
.story-p li{display:grid;grid-template-columns:2.2em minmax(0,1fr);align-items:baseline;margin:0 0 .5em}
.story-p .n{display:inline-grid;place-items:center;width:1.6em;height:1.6em;border-radius:50%;background:var(--gold-tint);color:var(--gold-ink);font-family:var(--serif);font-size:.95rem;font-weight:700;line-height:1}
.story-after{max-width:38em;font-size:1rem;color:#eef3f9;margin:0}
.story-after a{color:#fff;font-weight:700}

/* straight talk */
.talk{background:var(--apricot-tint);padding:64px 0}
.talk .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:56px;align-items:start}
.talk h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:0;line-height:1.1}
.talk .lead{font-size:1.15rem;font-weight:600;margin:0 0 1em;color:var(--ink);max-width:30em}
.talk ul{list-style:none;padding:0;margin:0 0 1.2em;max-width:36em}
.talk li{position:relative;padding:.7em 0 .7em 34px;margin:0;border-top:1px solid rgba(162,77,23,.28);color:#33465c}
.talk li:last-child{border-bottom:1px solid rgba(162,77,23,.28)}
.talk li::before{content:"";position:absolute;left:2px;top:1.3em;width:18px;height:3px;background:var(--terra);border-radius:2px}
.talk a.go{font-weight:700;color:#7d3a0f}

/* maker */
.maker{padding:56px 0 64px}
.maker .wrap{display:block}
.maker h2{margin-bottom:.4em}
.maker p{max-width:38em;color:#33465c}
.maker .personal{color:var(--ink);font-weight:700;font-size:1.05rem}

/* page heads + content */
.head-band{background:var(--blue-mist);border-bottom:1px solid var(--line-blue);margin-bottom:38px}
.head-band.band-apricot{background:var(--apricot-tint);border-bottom-color:#d5e2f2}
.head-band.band-gold{background:var(--gold-tint);border-bottom-color:#d5e2f2}
.head-band.band-blue{background:var(--blue-tint)}
.head-band .page-head{border-bottom:0;margin-bottom:0;padding-bottom:34px}
.head-band .crumbs{padding-top:22px}
.page-head{padding:6px 0 26px;margin-bottom:30px;border-bottom:2px solid var(--line)}
.page-head h1{margin:14px 0 .3em;font-size:clamp(1.8rem,3.4vw,2.4rem)}
.page-head .lead{margin:0;color:#33465c;font-size:1.14rem;max-width:42em}
.prose{padding-bottom:80px}
.prose h2{margin-top:1.9em}
.prose h2:first-child{margin-top:0}
.prose ul.ticks{list-style:none;padding-left:0}
.prose ul.ticks li{padding-left:30px;position:relative}
.prose ul.ticks li::before{content:"";position:absolute;left:3px;top:.4em;width:11px;height:6px;border-left:3px solid var(--ok);border-bottom:3px solid var(--ok);transform:rotate(-45deg)}
.callout{background:var(--gold-tint);border:1px solid #d5e2f2;border-radius:var(--r);padding:18px 22px;margin:0 0 1.6em;color:#33465c}
.toc{background:var(--blue-mist);border:1px solid var(--line-blue);border-radius:var(--r);padding:16px 22px;margin:0 0 2em;font-size:.97rem}
.toc ul{margin:.5em 0 0;padding-left:1.1em}
.toc li{margin-bottom:.2em}
.big-steps{list-style:none;counter-reset:b;padding:0;margin:0 0 24px}
.big-steps li{counter-increment:b;position:relative;padding:0 0 22px 62px;margin:0 0 22px;border-bottom:1px solid var(--line)}
.big-steps li:last-child{border-bottom:0}
.big-steps li::before{content:counter(b);position:absolute;left:0;top:0;width:42px;height:42px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:1.2rem}
.big-steps h2{margin:0 0 .25em;font-size:1.3rem}
.big-steps p{margin:0;color:#33465c}
.faq details{border-bottom:1px solid var(--line);background:transparent}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:700;padding:15px 4px;color:var(--ink);font-size:1.02rem}
.faq details[open] summary{color:var(--blue-deep)}
.faq details p{padding:0 4px 8px;color:#33465c;margin:0 0 .8em}
.contact-card{background:var(--blue-mist);border:1px solid var(--line-blue);border-radius:var(--r);padding:22px 26px;margin-bottom:1.6em}
.contact-card .label{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.contact-card .big{margin:.2em 0;font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--ink);word-break:break-all}
.contact-card .small{margin:0;font-size:.9rem}
.note-sm{font-size:.88rem;color:var(--muted)}
.gk{list-style:none;padding:0;margin:0}
/* product page */
.pp-band{padding:0 0 34px;border-bottom:1px solid var(--line-blue);background:var(--blue-tint)}
.pp-band.theme-apricot{background:var(--apricot-tint);border-bottom-color:#d5e2f2}
.pp-band.theme-gold{background:var(--gold-tint);border-bottom-color:#d5e2f2}
.pp-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:26px;align-items:start;margin-top:18px}
.pp-head h1{margin:0 0 .25em;font-size:clamp(1.8rem,3.4vw,2.5rem)}
.status-line{margin:12px 0 0;font-size:.9rem;color:var(--gold-ink)}
.pp-head .summary{font-size:1.15rem;color:#33465c;max-width:38em;margin:0 0 .7em}
.pp-meta{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;font-size:.9rem;color:var(--muted);margin:0}
.pp{display:grid;grid-template-columns:minmax(0,1fr) 370px;column-gap:56px;align-items:start;padding:20px 0 40px}
.pp-secs{min-width:0}
.buybox{position:sticky;top:calc(var(--hh) + 16px);display:flex;flex-direction:column;gap:18px;margin-top:22px}
.bb-card{border:1.5px solid var(--ink);border-radius:var(--r);padding:24px;background:var(--paper);box-shadow:6px 6px 0 var(--apricot)}
.bb-card .price{font-family:var(--serif);font-weight:700;font-size:2.7rem;line-height:1.05;letter-spacing:-.02em}
.bb-card .price small{display:block;margin:6px 0 0;font-family:var(--sans);font-size:.9rem;font-weight:500;color:var(--muted);letter-spacing:0}
.bb-btns{display:flex;flex-direction:column;gap:10px;margin:18px 0 16px}
.bb-list{list-style:none;margin:0;padding:0;font-size:.92rem;color:#33465c;border-top:1px solid var(--line)}
.bb-list li{margin:0;padding:9px 0 9px 26px;border-bottom:1px solid var(--line);position:relative}
.bb-list li::before{content:"";position:absolute;left:3px;top:15px;width:9px;height:5px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.bb-list li:last-child{border-bottom:0}
.bb-safe{background:var(--apricot-tint);border-radius:var(--r);padding:18px 20px;font-size:.92rem}
.bb-safe h3{font-size:1.05rem;margin-bottom:.4em}
.bb-safe p{margin:0 0 .6em;color:#33465c}
.bb-safe a{font-weight:700;color:#7d3a0f}
.bb-langs{font-size:.86rem;color:var(--muted);display:flex;align-items:center;gap:10px;margin:0}
.anchor-nav{position:sticky;top:var(--hh);z-index:30;background:var(--cream);border-bottom:1px solid var(--line);margin:0 0 6px}
.anchor-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.anchor-nav li{margin:0;flex:none}
.anchor-nav a{display:block;padding:14px 10px;text-decoration:none;color:var(--muted);font-weight:700;font-size:.88rem;border-bottom:3px solid transparent}
.anchor-nav a:hover{color:var(--ink);border-bottom-color:var(--apricot)}
.pp-sec{padding:34px 0;border-bottom:1px solid var(--line)}
.pp-sec:last-child{border-bottom:0}
.pp-sec h2{margin-bottom:.7em}
.pp-sec h2::after{content:"";display:block;width:48px;height:3px;margin-top:8px;background:var(--gold)}
table.files{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line);font-size:.95rem}
table.files th,table.files td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
table.files th{background:var(--blue-mist);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
table.files tr:last-child td{border-bottom:0}
table.files .sec-name{font-weight:700;color:var(--blue-deep);overflow-wrap:anywhere}
table.files code{font-family:var(--mono);font-size:.88rem;color:var(--blue-deep);font-weight:700;overflow-wrap:anywhere}
.sample-wrap{background:var(--blue-tint);border-radius:var(--r);padding:34px 28px}
.theme-apricot-bg{background:var(--apricot-tint)}
.sheet{background:var(--paper);border:1px solid var(--line);border-radius:3px;box-shadow:5px 6px 0 rgba(37,54,74,.12);padding:34px 42px;max-width:560px;position:relative}
.sheet .tag{position:absolute;top:12px;right:14px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold-tint);border:1px solid #e0cd8e;border-radius:3px;padding:2px 8px}
.sheet h3{font-size:1.4rem;margin:0 0 .5em;padding-bottom:.4em;border-bottom:2px solid var(--blue)}
.sheet p,.sheet ol{color:#33465c}
.sheet ol{margin:0}
.reqs{list-style:none;padding:0}
.reqs li{padding-left:30px;position:relative}
.reqs li::before{content:"";position:absolute;left:3px;top:.4em;width:11px;height:6px;border-left:3px solid var(--ok);border-bottom:3px solid var(--ok);transform:rotate(-45deg)}
.dgrid{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:0;border-top:1px solid var(--line)}
.dgrid div{padding:16px 22px 6px 0}
.dgrid div+div{padding-left:22px;border-left:1px solid var(--line)}
.dgrid h3{margin-bottom:.3em;font-size:1.05rem}
.dgrid p{margin:0;font-size:.94rem;color:#33465c}

/* checkout + receipt */
.steps-bar{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0 0 28px;padding:0;font-size:.9rem;color:var(--muted)}
.steps-bar li{margin:0;display:flex;align-items:center;gap:8px}
.steps-bar li+li::before{content:"";width:28px;height:2px;background:var(--line);border-radius:2px}
.steps-bar .on{color:var(--ink);font-weight:800}
.co{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:44px;align-items:start;padding-bottom:80px}
.panel{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);padding:24px}
.panel h2{font-size:1.3rem;margin-bottom:.7em}
.practice{background:var(--gold-tint);border:1px solid #d5e2f2;border-radius:var(--r);padding:12px 16px;font-weight:700;color:var(--gold-ink);margin-bottom:20px}
.slot{border:2px dashed #b9c6d4;border-radius:var(--r);padding:26px 20px;text-align:center;background:var(--blue-mist);color:var(--muted)}
.slot strong{display:block;color:var(--ink);margin-bottom:6px}
.devnote{font-family:var(--mono);font-size:.82rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:10px 12px;color:#2a3a55;margin:14px 0 0;word-break:break-word;text-align:left}
.line-items{list-style:none;margin:0;padding:0}
.li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:4px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);margin:0}
.li:first-child{padding-top:0}
.li-tag{line-height:1}
.li-title{font-weight:700;color:var(--ink);text-decoration:none;line-height:1.3}
.li-title:hover{text-decoration:underline}
.li-sub{font-size:.84rem;color:var(--muted);display:block;font-weight:400}
.li-price{font-family:var(--serif);font-weight:700;font-size:1.15rem;text-align:right}
.sum-row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:.97rem}
.sum-row.total{font-weight:800;font-family:var(--serif);font-size:1.3rem;color:var(--ink);border-bottom:0;border-top:2px solid var(--ink);margin-top:6px;padding-top:14px}
.sum-row .k{color:var(--muted)}
.fine{font-size:.86rem;color:var(--muted)}
.receipt{border:1px solid var(--line);border-radius:var(--r);background:var(--paper);overflow:hidden}
.receipt-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;background:var(--blue-mist);border-bottom:1px solid var(--line-blue)}
.receipt-head h2{margin:0;font-size:1.2rem}
.stamp{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-ink);background:var(--gold-tint);border:1px solid #e0cd8e;border-radius:3px;padding:3px 10px}
.receipt dl{margin:0;padding:6px 24px 8px}
.receipt .row2{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:.96rem}
.receipt dt{color:var(--muted)}
.receipt dd{margin:0;text-align:right;font-weight:600}
.receipt .row2:last-child{border-bottom:0}
.receipt .tot .row2:last-child{font-weight:800}
.receipt dl+dl{border-top:1px solid var(--line);padding-top:0}
.dl-card{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;background:var(--paper);margin-bottom:12px}
.dl-card .ico{flex:none;color:var(--blue)}
.dl-card .meta{flex:1;min-width:0}
.dl-card .meta strong{display:block;word-break:break-word;font-family:var(--mono);font-size:.88rem}
.dl-card .meta span{font-size:.85rem;color:var(--muted)}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.plain-text{font-family:var(--mono);font-size:.86rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;margin:0 0 1em;color:#2a3a55}
.pv-file{margin:0 0 28px}
.pv-file h2{font-size:1.15rem;margin:0 0 .3em}

/* footer */
footer{background:var(--blue-deep);color:#dbe5f0;margin-top:0}
footer .wrap{padding-top:56px;padding-bottom:28px}
.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:36px}
footer h2{font-family:var(--sans);color:#fff;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1em;font-weight:700}
footer a{color:#eef3f9;text-decoration:none}
footer a:hover{color:#fff;text-decoration:underline;text-decoration-color:var(--apricot);text-decoration-thickness:2px}
footer ul{list-style:none;margin:0;padding:0;font-size:.96rem}
footer li{margin-bottom:.55em}
.foot-brand{display:flex;align-items:center;gap:11px;color:#fff;font-family:var(--serif);font-weight:700;font-size:1.3rem;margin-bottom:12px}
.foot-brand .logo-mark{background:var(--gold-tint)}
.foot-about{font-size:.94rem;max-width:22em;margin:0}
.foot-note{margin-top:38px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);font-size:.9rem;line-height:1.6;max-width:62em}
.foot-note strong{color:#fff}
.copyline{margin:18px 0 0;font-size:.85rem;color:#b9c9dc;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between}
.copyline .pv{color:var(--gold-tint);font-weight:700}

@media (max-width:1060px){
  .row{grid-template-columns:64px minmax(0,1fr) 130px;grid-template-areas:"thumb main buy" "thumb stats buy";row-gap:6px}
  .row-thumb{grid-area:thumb}
  .row-main{grid-area:main}
  .row-stats{grid-area:stats;display:flex;flex-wrap:wrap;gap:2px 22px}
  .row-stats div{margin:0}
  .row-buy{grid-area:buy;display:flex;flex-direction:column;gap:10px;align-self:center}
}
@media (max-width:960px){
  .pp{grid-template-columns:minmax(0,1fr);row-gap:8px}
  .buybox{position:static;margin-top:14px;order:-1}
  .co{grid-template-columns:minmax(0,1fr);gap:20px}
  .talk .wrap{grid-template-columns:1fr;row-gap:20px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .site-header{position:static}
  .site-header .wrap{flex-wrap:wrap;height:auto;padding-top:12px;padding-bottom:8px;gap:8px 10px}
  .logo{order:1;margin-right:auto}
  .logo-name{font-size:1.12rem}
  .logo-img{height:36px}
  .logo{gap:9px}
  details.lang{order:2}
  details.lang>summary{padding:7px 10px}
  .main-nav{order:4;flex-basis:100%;margin:0 -8px}
  .main-nav ul{flex-wrap:wrap;gap:0}
  .main-nav a{padding:8px 8px;font-size:.88rem}
  :root{--hh:0px}
  html{scroll-padding-top:70px}
  .anchor-nav{top:0}
  .pp-head{grid-template-columns:1fr;gap:14px}
  .dgrid{grid-template-columns:1fr}
  .dgrid div+div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:640px){
  body{font-size:16.5px}
  .wrap{padding:0 18px}
  .intro{padding:30px 0 26px}
  .listing{padding:26px 0 40px}
  .story{padding:44px 0 48px}
  .talk,.maker{padding:48px 0}
  .row{grid-template-columns:56px minmax(0,1fr);grid-template-areas:"thumb main" "stats stats" "buy buy";padding:16px 16px;row-gap:8px;column-gap:14px}
  .tag-tile{width:56px;height:56px}
  .tag-tile b{font-size:1.15rem}
  .row-main h2,.row-main h3{font-size:1.15rem}
  .row-stats{padding-top:2px}
  .row-buy{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 18px;text-align:left;grid-area:buy;border-top:1px dashed var(--line);padding-top:12px}
  .controls{gap:10px}
  .ctl-label{flex-basis:100%;margin:0 0 2px}
  .tab{font-size:.92rem;margin:0 14px 0 0}
  .foot-grid{grid-template-columns:1fr 1fr}
  .foot-grid>div:first-child{grid-column:1/-1}
  .sheet{padding:28px 22px}
  .sample-wrap{padding:24px 14px}
  table.files thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  table.files,table.files tbody{display:block}
  table.files tr{display:block;padding:12px 14px;border-bottom:1px solid var(--line)}
  table.files tr:last-child{border-bottom:0}
  table.files td{display:block;padding:0;border:0}
  table.files td:first-child{margin-bottom:2px}
  .dl-card{flex-wrap:wrap}
  .receipt-head,.receipt dl{padding-left:18px;padding-right:18px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* v5: one-click buy + optional cart (secondary) + About photo slot */
.row-act{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.add-cart{background:none;border:0;padding:2px 0;color:var(--muted);font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.add-cart:hover{color:var(--blue-link)}
.add-cart.in{color:var(--ok);text-decoration:none}
.add-cart.in::before{content:"\2713  "}
.add-cart-lg{display:block;margin:10px auto 0;font-size:.88rem}
.cart-btn{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.45);color:#fff;border-radius:var(--r);padding:6px 11px;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}
.main-nav + .cart-btn, .lang + .cart-btn{margin-left:0}
.cart-btn span{display:inline-block;min-width:1.4em;margin-left:4px;background:var(--gold-tint);color:var(--blue-deep);border-radius:9px;font-size:.78rem;text-align:center}
.cart{position:fixed;top:0;right:0;bottom:0;width:min(360px,92vw);z-index:60;background:var(--paper);border-left:1px solid var(--line);box-shadow:-6px 0 0 rgba(47,75,107,.12)}
.cart-in{padding:22px;display:flex;flex-direction:column;gap:12px;height:100%;overflow:auto}
.cart-head{display:flex;justify-content:space-between;align-items:center}.cart-head h2{margin:0;font-size:1.3rem}
.cart-head button,.cart-li button{background:none;border:0;color:var(--blue-link);font:inherit;font-size:.88rem;cursor:pointer;text-decoration:underline}
#cart-items,#cart-page{list-style:none;margin:0;padding:0}
.cart-li{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.95rem}
.cart-sub{display:flex;justify-content:space-between;font-weight:700;padding-top:4px}
.cart-empty{color:var(--muted);font-size:.92rem;margin:0}
.btn-block{display:block;text-align:center}
.slot code{display:block;margin:6px 0 10px;font-family:var(--mono);font-size:.82rem;color:var(--terra-dark);word-break:break-all}
.maker-photo{margin:0 0 22px;display:flex;align-items:center;gap:16px}
.photo-slot{width:120px;height:120px;border-radius:50%;border:2px dashed #b9c6d4;background:var(--blue-mist);display:grid;place-items:center;text-align:center;font-size:.78rem;color:var(--muted);padding:12px}
.maker-photo figcaption{font-family:var(--serif);font-weight:700;font-size:1.2rem}

/* pay what you want: small free link under the main button */
.free-link{font-size:.86rem;color:var(--ink,#333);text-decoration:underline;text-underline-offset:2px;text-align:center}
.free-link:hover{color:var(--terra-dark)}
.free-link-lg{display:block;margin-top:10px;font-size:.95rem}
.pwyw-note{margin:8px 0 0;font-size:.85rem;opacity:.8;text-align:center}
.pwyw-form{display:flex;flex-direction:column;gap:8px}
.pwyw-label{font-weight:600;font-size:.95rem}
.pwyw-row{display:flex;align-items:center;border:1.5px solid #c9ced6;border-radius:10px;padding:0 12px;background:#fff}
.pwyw-cur{font-weight:700;opacity:.7}
.pwyw-row input{border:0;outline:0;font:inherit;font-size:1.25rem;padding:10px 6px;width:100%;background:transparent}
.pwyw-row:focus-within{border-color:#4a6fa5}
.pwyw-under{background:#ffffff;border:1px solid #d5e2f2;border-radius:10px;padding:12px}
.pwyw-under p{margin:0 0 8px}

/* ===== v6 rebrand: Oversight hub look. Dark polished header + docked band + gold seam, bright tile field. Navy #0b1b33, electric blue #1d6bff, gold #f5b400. ===== */
:root{--ink:#10233f;--muted:#5b6b82;--faint:#6b7a90;--blue:#1d6bff;--blue-deep:#0b1b33;--blue-link:#0a4fd6;--blue-tint:#e6efff;--blue-mist:#f0f5ff;
 --gold:#f5b400;--gold-deep:#e89400;--gold-tint:#ffffff;--gold-ink:#6b4e00;--terra:#1d6bff;--terra-dark:#0a4fd6;--apricot-ink:#0a4fd6;--apricot:#f5b400;--apricot-tint:#ffffff;
 --cream:#f7fbff;--paper:#ffffff;--line:#d5e2f2;--line-blue:#d5e2f2;--navy:#0b1b33;--r:12px}
body{background:#f7fbff}
.ribbon{background:#07111f;color:#ffe08a;border-bottom:1px solid rgba(245,180,0,.35)}
.site-header{background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 46%),linear-gradient(180deg,#1a3d6e 0%,#0b1b33 46%,#07111f 100%);box-shadow:none;border-bottom:0}
.site-header::before{content:"";position:absolute;left:8%;right:8%;top:0;height:7px;border-radius:0 0 999px 999px;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent);pointer-events:none}
.logo-img{filter:drop-shadow(0 0 1px rgba(255,255,255,.75)) drop-shadow(0 0 6px rgba(120,170,255,.35))}
.main-nav ul{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:3px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16)}
.main-nav a{border-radius:999px;color:#d7e4f5;font-size:.9rem;padding:6px 13px}
.main-nav a:hover{color:#fff;background:rgba(255,255,255,.12)}
.main-nav a[aria-current="page"]{background:linear-gradient(180deg,#6aabff 0%,#1d6bff 58%,#0a4fd6 100%);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 2px 8px rgba(29,107,255,.45)}
.store-band{background:linear-gradient(180deg,#1a3d6e 0%,#0b1b33 55%,#07111f 100%);color:#d7e4f5;border-bottom:3px solid #f5b400;font-size:.85rem;position:relative;z-index:39}
.store-band .wrap{display:flex;flex-wrap:wrap;gap:6px 22px;padding-top:8px;padding-bottom:9px}
.store-band b{color:#fff}.store-band span:first-child b{color:#f5b400}
main.hub-field{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 46%,#ffffff 100%)}
h1,h2,h3{color:#0b1b33}
.btn-primary,.btn.btn-primary{background:linear-gradient(180deg,#4d90ff 0%,#1d6bff 55%,#0a4fd6 100%)!important;color:#fff!important;border-color:transparent!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 2px 8px rgba(29,107,255,.35)!important}
.list-head h2::after,.pp-sec h2::after{content:"";display:block;width:4.5rem;height:3px;margin-top:.3rem;border-radius:999px;background:linear-gradient(90deg,#f5b400,#e89400)}
.rows .row,.bb-card,.bb-safe,.panel{background:#fff!important;border:1px solid #d5e2f2!important;border-top:3px solid #f5b400!important;border-radius:18px!important;box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 6px 18px rgba(11,27,51,.07)!important}
.pp-band{background:linear-gradient(180deg,#f7fbff,#eef4ff)!important;border-bottom:1px solid #d5e2f2}
.tag-tile{background:linear-gradient(160deg,#fff 0%,#eef4ff 100%)!important;color:#0b1b33!important;border:1px solid #d5e2f2!important;border-top:3px solid #f5b400!important;border-radius:14px!important}
.tag-tile b{color:#1d6bff!important}
.tag-tile.theme-gold{background:linear-gradient(160deg,#fff 0%,#ffffff 100%)!important}.tag-tile.theme-gold b{color:#b47b00!important}
footer{background:linear-gradient(180deg,#0b1b33,#07111f)!important;color:#d7e4f5;border-top:3px solid #f5b400}
footer a,footer h2,footer .foot-brand{color:#fff!important}footer .foot-about,footer .foot-note,footer .copyline{color:#b9c8dc!important}
/* sample-screen mockups */
.mk{border:1px solid #d5e2f2;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 10px 26px rgba(11,27,51,.12);max-width:640px}
.mk-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:linear-gradient(180deg,#1a3d6e,#0b1b33 60%,#07111f);color:#fff;border-bottom:3px solid #f5b400;font-size:.85rem}
.mk-dots{display:flex;gap:5px}.mk-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.35)}
.mk-pill{margin-left:auto;font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:999px;background:rgba(245,180,0,.18);color:#ffe08a;border:1px solid rgba(245,180,0,.5)}
.mk-field{padding:12px;background:linear-gradient(180deg,#f7fbff 0%,#ffffff 46%,#ffffff 100%)}
.mk-table{width:100%;border-collapse:collapse;font-size:.8rem;background:#fff;border-radius:10px;overflow:hidden}
.mk-table th{text-align:left;background:#eef4ff;color:#0b1b33;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:6px 8px}
.mk-table td{padding:6px 8px;border-top:1px solid #e6eef9;color:#10233f}
.mk-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.mk-two{grid-template-columns:1fr 1fr}
.mk-card{background:#fff;border:1px solid #d5e2f2;border-top:3px solid #f5b400;border-radius:10px;padding:8px 10px;font-size:.78rem;display:flex;flex-direction:column;gap:2px;color:#5b6b82}
.mk-card b{color:#0b1b33;font-size:.86rem}.mk-card em{font-style:normal;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:#1d6bff;font-weight:800}
.mk-ok{color:#0a4fd6;font-weight:700}
.mk-frames{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.mk-frame{margin:0;flex:1 1 100px;text-align:center}
.mk-mat{background:#fff;border:5px solid #0b1b33;padding:8px;box-shadow:0 4px 10px rgba(11,27,51,.18)}
.mk-art{display:block;width:100%;background:linear-gradient(135deg,#cfe0ff,#ffffff)}
.mk-p .mk-art{aspect-ratio:3/4}.mk-l .mk-art{aspect-ratio:11/8.5}.mk-s .mk-art{aspect-ratio:210/297}
.mk-art1{background:linear-gradient(135deg,#9cc1ff,#e6efff)}.mk-art2{background:linear-gradient(160deg,#dbe7ff,#ffffff 60%,#9cc1ff)}.mk-art3{background:linear-gradient(135deg,#eef3ff,#cfe0ff)}
.mk-frame figcaption{font-size:.7rem;color:#5b6b82;display:flex;flex-direction:column;margin-top:5px;background:#fff;border:1px solid #d5e2f2;border-radius:4px;padding:3px}
.mk-frame figcaption b{color:#0b1b33}
.mk-chip{margin:10px 0 0;display:inline-block;font-size:.74rem;font-weight:700;color:#0b1b33;background:#fff;border:1px solid #f5b400;border-radius:999px;padding:2px 10px}
.mk-mini{max-width:none;margin:8px 0 6px;box-shadow:none}
.mk-mini .mk-field{padding:8px;max-height:120px;overflow:hidden}
.mk-mini .mk-table td:nth-child(n+3),.mk-mini .mk-table th:nth-child(n+3){display:none}
.mk-mini .mk-table tr:nth-child(n+3){display:none}
.mk-mini .mk-chip{display:none}
@media (max-width:600px){.mk-two{grid-template-columns:1fr}.mk-table{font-size:.72rem}.store-band .wrap{gap:4px 14px;font-size:.78rem}}

/* ===== background option A-cool-white: replaces cream/parchment surfaces; header, band, seam and white tiles unchanged ===== */
:root{--cream:#f8fafd;--paper:#ffffff;--apricot-tint:#f4f7fb;--gold-tint:#f4f7fb;--blue-mist:#f4f7fb;--blue-tint:#f4f7fb;--line:#d9e2ee}
body{background:#f8fafd}
main.hub-field{background:linear-gradient(180deg,#f8fafd 0%,#ffffff 100%)!important}
.listing,.talk,.head-band,.head-band.band-apricot,.head-band.band-gold,.head-band.band-blue,.pp-band,.pp-band.theme-apricot,.pp-band.theme-gold,.pp-band.theme-blue,.sample-wrap,.callout,.toc,.contact-card,.anchor-nav{background:transparent!important;border-color:#d9e2ee!important}
.anchor-nav{background:#f8fafd!important}
.intro,.story{background:transparent}
.rows .row,.bb-card,.bb-safe,.panel,.sheet,table.files{background:#fff!important;border-color:#d9e2ee!important}
.rows .row{border-top:3px solid #f5b400!important}
.row:hover{background:#fff!important}
.tag-tile,.tag-tile.theme-gold,.tag-tile.theme-apricot{background:#fff!important}
.mk-field{background:linear-gradient(180deg,#f8fafd 0%,#ffffff 100%)!important}
.bb-safe a,.talk a.go,.free-link,a{color:#1d6bff}
.bb-safe a,.talk a.go{color:#1d6bff!important}
.btn-primary,.btn.btn-primary,.mk-pill{color:#fff!important}
.mk-pill{color:#ffe08a!important}
footer a,footer h2,footer .foot-brand{color:#fff!important}
/* ===== bright white listings (Brian 2026-10-12) ===== */
:root{--cream:#ffffff}
body{background:#fff}
main.hub-field,.mk-field{background:#fff!important}
.anchor-nav{background:#fff!important}
.rows .row{box-shadow:0 1px 3px rgba(11,27,51,.08)}
/* ===== pale blue site bg, white listing cells (Brian 2026-10-12) ===== */
:root{--cream:#eaf1ff}
body{background:#eaf1ff}
main.hub-field{background:#fff!important}
.intro,.story,.listing,.head-band,.pp-band{background:transparent!important}
.anchor-nav{background:#eaf1ff!important}
.rows .row,.row:hover,.bb-card,.bb-safe,.panel,.sheet,table.files,.tag-tile,.contact-card{background:#fff!important}
.mk-field{background:#f7faff!important}
.rows{background:transparent!important;border:0!important}
.rows .row{margin-bottom:14px;border-radius:14px;border:1px solid #d5e2f2!important;border-top:3px solid #f5b400!important}

/* launch: Coming soon (no price button, no checkout) */
.soon-pill{display:inline-block;padding:9px 16px;border-radius:999px;background:#ffffff;color:#0b1b33;border:2px dashed #1d6bff;font-weight:800;font-size:.92rem;letter-spacing:.02em;white-space:nowrap}
.soon-pill-lg{display:block;text-align:center;padding:14px 18px;font-size:1.05rem}
.soon-line{margin-top:12px;padding:10px 14px;border-left:4px solid #f5b400;background:#ffffff;border-radius:6px}
.sample{background:#0b1b33;color:#ffffff}
.contact-pending{display:block;font-size:1.05rem;line-height:1.45;word-break:normal;overflow-wrap:normal;font-family:inherit}
.headstart{margin:.4em 0 1em 1.2em;padding:0;font-size:1.05rem;line-height:1.5}
.headstart li{margin:.2em 0}

/* Final public surface and contrast rules. */
body, main.hub-field, main.hub-field .listing { background:#fff!important; background-image:none!important; }
.story { background:#fff!important; background-image:none!important; color:#10233f!important; }
.story .story-h, .story .story-p, .story .story-p li, .story .story-p span, .story .story-after {color:#10233f!important;}
.story .n {background:#10233f!important;color:#fff!important;}
.story .story-after a {color:#0a4fd6!important;text-decoration:underline;}
.row[data-id="starter-recipe.en"] .mk-cards {grid-template-columns:1fr 1fr;}
.row[data-id="starter-recipe.en"] .mk-field {max-height:none;}
.mk-art img {display:block;width:100%;height:100%;object-fit:contain;}
.product-tag {display:inline-block;background:#fff3ce;color:#634600;border:1px solid #b98200;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:800;}
.empty-art {background:#fff!important;color:#5b6b82;font-size:.7rem;display:grid;place-items:center;}