/* Skin B - "Clinical Instrument" (elevated). A precision instrument for the body's chemistry:
   deep pine authority + a bright signal-green data readout, ink-green-black chrome, a faint measurement
   grid, register ticks on the instruments, and the dosage chart as a redline gauge. Loaded only on /b/. */
:root{
  --maxw:1180px;
  --font-display:'Spectral',Georgia,'Times New Roman',serif;
  --font-body:'Public Sans',system-ui,-apple-system,sans-serif;
  --font-ui:'Public Sans',system-ui,-apple-system,sans-serif;
  --font-mono:'IBM Plex Mono','SFMono-Regular',monospace;

  --bg:#F5F8F6;          /* cool paper, faint green */
  --surface:#FFFFFF;
  --surface-2:#EBF1EE;
  --ink:#0E1D18;         /* deep pine-black */
  --muted:#586A63;
  --faint:#7E8E87;
  --brand:#0B5D4A;       /* deep pine authority */
  --brand-2:#084537;
  --signal:#0FA97E;      /* bright data readout green */
  --signal-soft:#E4F5EE;
  --on-brand:#FFFFFF;
  --accent:#0FA97E;      /* decorative ticks / borders */
  --accent-ink:#0B6553;  /* eyebrow text (readable on white) */
  --link:#1B54A6;        /* refined ink blue */
  --safety:#BF2E2E;      /* redline */
  --safety-bg:#FBECEA;
  --hairline:#E1E9E5;
  --hairline-strong:#C9D6D0;
  --specbar-bg:#0C1712;  /* rich ink-green-black chrome */
  --footer-bg:#0C1712;
  --band-bg:#FFFFFF;
  --rbar-track:#E1E9E5;
  --rbar-fill:#0FA97E;
  --radius:3px;
  --radius-sm:2px;
  --shadow:0 1px 2px rgba(14,29,24,.045), 0 6px 18px rgba(14,29,24,.06), 0 26px 50px -28px rgba(11,93,74,.22);
  --shadow-sm:0 1px 2px rgba(14,29,24,.05), 0 3px 10px rgba(14,29,24,.05);
  --grain:none;
}
body{background:var(--bg);letter-spacing:-.004em;text-rendering:optimizeLegibility}

/* ---- dark instrument chrome (spec bar + footer) ---- */
.specbar{background:linear-gradient(180deg,#0C1712,#0A140F);color:#9DB1A8}
.specbar__in{color:#9DB1A8;font-weight:500}
.specbar span:first-child{color:var(--signal)}
.specbar .dot{color:#33463E}
.specbar__rev{color:#7A8F86}
.colophon{color:#B7C6BF;box-shadow:inset 0 3px 0 var(--signal)}
.colophon__cols h4{color:#7E9086}
.colophon__cols a{color:#DCE6E1}
.colophon__cols a:hover{color:var(--signal)}
.colophon__mission,.colophon__ed,.colophon__fine{color:#8A9B93}
.colophon .brand__wm{color:#F1F6F3}
.colophon .brand__wm b,.colophon .brand__mark{color:var(--signal)}
.colophon__fine{border-top-color:#233029}

/* ---- type: dramatic, editorial, precise ---- */
h1,h2,h3,h4{font-weight:600;letter-spacing:-.018em}
.hero__title{letter-spacing:-.03em;line-height:1.02;font-weight:600}
.article__h1{letter-spacing:-.025em}
.eyebrow{position:relative;padding-left:1.15rem;font-weight:700;letter-spacing:.2em}
.eyebrow::before{content:"";position:absolute;left:0;top:.42em;width:.7rem;height:2px;background:var(--signal)}
.section-num{font-weight:600;color:var(--brand)}
.section-num::before{content:"\00a7 ";color:var(--signal)}
.num,.factrow__v,.tr__v,.tr__ul,.dtable td.num{font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.01em}

/* ---- masthead precision ---- */
.masthead{box-shadow:0 1px 0 var(--hairline)}
.brand__mark{color:var(--signal)}
.nav-links{font-weight:700;letter-spacing:.1em}
.nav-links__a.is-active{border-color:var(--signal)}
.msearch{border-color:var(--hairline-strong);box-shadow:var(--shadow-sm)}
.msearch button{background:var(--brand)}

/* ---- hero: measurement grid + presence ---- */
.hero{position:relative;overflow:hidden;padding-top:clamp(3rem,7vw,5.5rem)}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--hairline) 1px,transparent 1px),linear-gradient(90deg,var(--hairline) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(120% 90% at 78% 8%,#000,transparent 72%);mask-image:radial-gradient(120% 90% at 78% 8%,#000,transparent 72%);opacity:.55;pointer-events:none}
.hero__grid{position:relative}
.hero__title{font-size:clamp(2.2rem,5.4vw,4rem)}
.hero__sub b{color:var(--brand)}
.hmark{color:var(--brand);font-weight:600}
.hero__marks{gap:1.4rem}

/* signature instrument: the Reference Card, framed with register ticks + crisp shadow */
.toolcard{position:relative;border-color:var(--hairline-strong);box-shadow:var(--shadow);border-radius:var(--radius)}
.toolcard::before,.toolcard::after{content:"";position:absolute;width:11px;height:11px;pointer-events:none}
.toolcard::before{top:7px;left:7px;border-top:1.5px solid var(--signal);border-left:1.5px solid var(--signal)}
.toolcard::after{bottom:7px;right:7px;border-bottom:1.5px solid var(--signal);border-right:1.5px solid var(--signal)}
.toolcard__k{color:var(--brand)}
.toolcard__badge{background:var(--brand);letter-spacing:.12em}
.toolcard select:focus{outline:2px solid var(--signal);outline-offset:1px}
.tr__v{color:var(--brand);font-weight:600}
.toolcard__cta{color:var(--brand)}
.toolcard__cta:hover{color:var(--signal)}

/* ---- disclaimer band: precise, not soft ---- */
.band{border-left-width:3px;border-left-color:var(--signal);box-shadow:var(--shadow-sm)}
.band__mark{color:var(--signal)}

/* ---- section heads + A-Z ---- */
.section-head h2{letter-spacing:-.02em}
.az__grid{border-color:var(--hairline-strong);box-shadow:var(--shadow-sm)}
.az__item{transition:background .15s,border-color .15s}
.az__item--vitamin{border-left-color:var(--brand)}
.az__item:hover{border-left-color:var(--signal);background:var(--signal-soft)}
.az__go{color:var(--signal)}

/* ---- guide cards: crisp, layered ---- */
.gcard{border-color:var(--hairline);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.gcard:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--hairline-strong)}
.gcard__eyebrow{color:var(--accent-ink);letter-spacing:.16em}

/* ---- credibility strip ---- */
.cred{background:var(--surface-2);box-shadow:inset 0 1px 0 var(--hairline)}
.cred__big{color:var(--brand);letter-spacing:-.02em}

/* ---- reference page ---- */
.crumb a{color:var(--muted)}
.shortans{background:linear-gradient(180deg,var(--brand),var(--brand-2));box-shadow:var(--shadow);position:relative;overflow:hidden}
.shortans::after{content:"";position:absolute;top:0;right:0;bottom:0;width:4px;background:var(--signal)}
.byline b{color:var(--brand)}
.dtable td.num{color:var(--brand);font-weight:500}
.dtable th{border-bottom-color:var(--ink)}

/* the dosage number line -> a redline gauge */
.numberline{position:relative;box-shadow:var(--shadow-sm);border-color:var(--hairline-strong)}
.numberline::before,.numberline::after{content:"";position:absolute;width:10px;height:10px;pointer-events:none}
.numberline::before{top:7px;left:7px;border-top:1.5px solid var(--signal);border-left:1.5px solid var(--signal)}
.numberline::after{top:7px;right:7px;border-top:1.5px solid var(--safety);border-right:1.5px solid var(--safety)}
.nl{height:10px;background:var(--rbar-track);box-shadow:inset 0 1px 2px rgba(14,29,24,.12)}
.nl__seg--ok{background:var(--signal)}
.nl__seg--amber{background:linear-gradient(90deg,var(--signal),#E8B23A 55%,var(--safety));border-radius:0 5px 5px 0}
.nl__marker--rda b{color:var(--brand)}
.nl__marker--ul::after{background:var(--safety);width:3px}
.nl__marker--ul b{color:var(--safety);font-weight:600}

.risk{box-shadow:var(--shadow-sm)}
.caution{border-left:3px solid var(--safety);box-shadow:var(--shadow-sm)}
.caution__mark{color:var(--safety)}
.ev{box-shadow:var(--shadow-sm);transition:border-color .15s}
.ev:hover{border-color:var(--hairline-strong)}
.ev__lvl--strong{background:var(--brand)}
.ev__lvl--moderate{background:var(--signal);color:#06251C}
.src{border-left-color:var(--signal);box-shadow:var(--shadow-sm)}
.src__pill{color:var(--brand);border-color:var(--signal)}
.src__id{color:var(--brand)}

/* ---- the Supplement Facts instrument ---- */
.factbox{border-color:var(--ink);box-shadow:var(--shadow)}
.factbox__top{background:linear-gradient(180deg,#0E1D18,#0A1611);border-bottom-color:var(--signal);letter-spacing:-.01em}
.factbox__top::after{content:" VIT-D";font-family:var(--font-mono);font-size:.62rem;color:var(--signal);letter-spacing:.1em;float:right;font-weight:400;opacity:.85}
.lifestage__opts button{transition:.15s}
.lifestage__opts button.is-active{background:var(--brand);border-color:var(--brand)}
.factrow__v{color:var(--brand);font-weight:600}
.factrow--ul{background:var(--safety-bg)}
.factrow--ul .factrow__v{color:var(--safety);font-weight:600}
.rbar{height:9px;box-shadow:inset 0 1px 2px rgba(14,29,24,.12)}
.rbar__fill{background:linear-gradient(90deg,var(--signal),#3FC79B);transition:width .5s cubic-bezier(.2,.7,.2,1)}
.rbar__tick{background:var(--ink)}
.factbox__src{background:var(--surface-2);color:var(--muted)}
.railcard{box-shadow:var(--shadow-sm)}
.railcard--related a:hover{color:var(--signal)}

/* ---- elite pass: distinctive display face + molecular signature + editorial initial ---- */
.hero__title,.article__h1{font-family:'Instrument Serif','Spectral',Georgia,serif;font-weight:400}
.hero__title{font-size:clamp(2.9rem,6.8vw,5.2rem);line-height:.98;letter-spacing:0}
.article__h1{font-size:clamp(2.4rem,4.8vw,3.6rem);line-height:1.0;letter-spacing:0}
.hero__sub{font-size:1.12rem}

/* faint chemistry line-motif behind the hero (frames the tool, kills the flat blank) */
.hero::before{opacity:.42}
.hero__specimen{display:block;position:absolute;top:-72px;right:-96px;width:min(560px,52vw);color:var(--brand);opacity:.08;z-index:0;pointer-events:none}
.hero__specimen svg{width:100%;height:auto;display:block}
.hero__grid{position:relative;z-index:1}
.hmark{color:var(--signal)}

/* raised editorial initial on the reference intro */
.article__main .sec:first-of-type>.prose:first-of-type::first-letter{font-family:'Instrument Serif','Spectral',serif;font-weight:400;font-size:3.6em;line-height:.72;float:left;margin:.06em .1em -.02em 0;color:var(--brand)}
.mono-tag{color:var(--muted);letter-spacing:.06em}
.mono-tag span{color:var(--signal)}

/* ---- refined focus + motion ---- */
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
@media(prefers-reduced-motion:no-preference){
  .nl__seg--ok,.nl__seg--amber{animation:nlgrow .8s cubic-bezier(.2,.7,.2,1) both}
  @keyframes nlgrow{from{transform:scaleX(.001);transform-origin:left}to{transform:scaleX(1)}}
}

/* ================= $10M editorial layer (skin B): colour spectrum + dark hero + effects ================= */
:root{
  --c-vitamins-1:#F7A93B; --c-vitamins-2:#F26340;
  --c-minerals-1:#3B82F6; --c-minerals-2:#6366F1;
  --c-herbals-1:#12B981;  --c-herbals-2:#0E9488;
  --c-wellness-1:#8B5CF6; --c-wellness-2:#C026D3;
  --c-safety-1:#FB7185;   --c-safety-2:#E11D48;
}
/* category gradient covers + tiles */
.cat--vitamins .acard__cover,.ctile.cat--vitamins{background:linear-gradient(135deg,var(--c-vitamins-1),var(--c-vitamins-2))}
.cat--minerals .acard__cover,.ctile.cat--minerals{background:linear-gradient(135deg,var(--c-minerals-1),var(--c-minerals-2))}
.cat--herbals  .acard__cover,.ctile.cat--herbals {background:linear-gradient(135deg,var(--c-herbals-1),var(--c-herbals-2))}
.cat--wellness .acard__cover,.ctile.cat--wellness{background:linear-gradient(135deg,var(--c-wellness-1),var(--c-wellness-2))}
.cat--safety   .acard__cover,.ctile.cat--safety  {background:linear-gradient(135deg,var(--c-safety-1),var(--c-safety-2))}
/* gloss sheen on every cover + tile */
.acard__cover::after,.ctile::after{content:"";position:absolute;inset:0;background:radial-gradient(130% 80% at 12% -10%,rgba(255,255,255,.42),transparent 55%);pointer-events:none}
/* category-tinted kickers, latest markers + accent glow shadows on hover */
.cat--vitamins .acard__kicker,.cat--vitamins .latest__cat{color:var(--c-vitamins-2)}
.cat--minerals .acard__kicker,.cat--minerals .latest__cat{color:var(--c-minerals-2)}
.cat--herbals  .acard__kicker,.cat--herbals  .latest__cat{color:var(--c-herbals-2)}
.cat--wellness .acard__kicker,.cat--wellness .latest__cat{color:var(--c-wellness-2)}
.cat--safety   .acard__kicker,.cat--safety   .latest__cat{color:var(--c-safety-2)}
.latest__item{border-left:3px solid transparent;padding-left:.7rem;margin-left:-.7rem;border-radius:2px}
.cat--vitamins.latest__item{border-left-color:var(--c-vitamins-1)}
.cat--minerals.latest__item{border-left-color:var(--c-minerals-1)}
.cat--herbals.latest__item{border-left-color:var(--c-herbals-1)}
.cat--wellness.latest__item{border-left-color:var(--c-wellness-1)}
.acard{box-shadow:var(--shadow-sm)}
.cat--vitamins.acard:hover{box-shadow:0 22px 46px -18px rgba(242,99,64,.55)}
.cat--minerals.acard:hover{box-shadow:0 22px 46px -18px rgba(59,130,246,.55)}
.cat--herbals.acard:hover {box-shadow:0 22px 46px -18px rgba(14,148,136,.55)}
.cat--wellness.acard:hover{box-shadow:0 22px 46px -18px rgba(139,92,246,.55)}
.cat--safety.acard:hover  {box-shadow:0 22px 46px -18px rgba(225,29,72,.55)}
.acard--lead{grid-row:span 1}
.ctile{box-shadow:0 12px 30px -14px rgba(14,29,24,.4)}
.ctile__glyph{filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}

/* ---- DARK gradient-mesh hero ---- */
.xhero{background:#07130F;color:#EAF3EF;border-bottom:1px solid #16241D}
.xhero__eyebrow{color:#5FE3B0}
.xhero__title{font-family:'Instrument Serif','Spectral',serif;font-weight:400;color:#F3F9F6;font-size:clamp(2.9rem,7.4vw,6.2rem);line-height:1.0;letter-spacing:0}
.xhero__title .grad{background:linear-gradient(100deg,#3FE0A3,#59C2FF 42%,#B98BFF 82%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.xhero__sub{color:#A9C2B8}
.xhero__chips{color:#7F9C90}
.xhero__chips span{color:#5FE3B0}
.xhero__mesh{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(120% 100% at 72% 0%,#000,transparent 68%);mask-image:radial-gradient(120% 100% at 72% 0%,#000,transparent 68%)}
.blob{position:absolute;border-radius:50%;filter:blur(72px)}
.blob--1{width:540px;height:540px;background:#0FA97E;top:-170px;right:4%;opacity:.5}
.blob--2{width:480px;height:480px;background:#3B6FE0;bottom:-220px;left:-70px;opacity:.42}
.blob--3{width:400px;height:400px;background:#8B5CF6;top:16%;right:32%;opacity:.30}
@media(prefers-reduced-motion:no-preference){
  .blob--1{animation:bfloatA 15s ease-in-out infinite alternate}
  .blob--2{animation:bfloatB 19s ease-in-out infinite alternate}
  .blob--3{animation:bfloatA 23s ease-in-out infinite alternate}
  @keyframes bfloatA{to{transform:translate(34px,-30px) scale(1.08)}}
  @keyframes bfloatB{to{transform:translate(-26px,28px) scale(1.06)}}
}
/* floating 3D capsules */
.cap{position:absolute;border-radius:44px;box-shadow:0 34px 60px -14px rgba(0,0,0,.6),inset 0 2px 6px rgba(255,255,255,.45);transform:rotate(var(--r,0deg))}
.cap::before{content:"";position:absolute;left:8%;right:52%;top:14%;bottom:46%;border-radius:40px;background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,0))}
.cap--1{--r:-18deg;width:132px;height:52px;right:9%;top:24%;background:linear-gradient(135deg,#3FE0A3,#0E9488)}
.cap--2{--r:14deg;width:98px;height:40px;right:24%;top:56%;background:linear-gradient(135deg,#59C2FF,#5B54E0)}
.cap--3{--r:-8deg;width:80px;height:34px;right:3%;top:64%;background:linear-gradient(135deg,#F7A93B,#F26340)}
@media(prefers-reduced-motion:no-preference){
  .cap--1{animation:cbob 7s ease-in-out infinite alternate}
  .cap--2{animation:cbob 9.5s ease-in-out infinite alternate}
  .cap--3{animation:cbob 6s ease-in-out infinite alternate}
  @keyframes cbob{to{transform:translateY(-18px) rotate(var(--r,0deg))}}
}
@media(max-width:760px){.xhero__caps{display:none}}

/* hero buttons: glow + glass */
.btn--glow{background:linear-gradient(135deg,#12B981,#0E9488);color:#fff;box-shadow:0 10px 30px -8px rgba(15,169,126,.6)}
.btn--glow:hover{box-shadow:0 16px 42px -8px rgba(15,169,126,.8)}
.btn--ghost2{color:#EAF3EF;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.05);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.btn--ghost2:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.4)}

/* ticker (light band) + tool section frame */
.ticker{background:#0C1712;border-color:#1B2A23}
.ticker__track{color:#84A597}
.tick__dot{color:#0FA97E}
.toolsec{background:linear-gradient(180deg,var(--surface-2),var(--bg))}
.toolsec .toolcard{box-shadow:var(--shadow)}
.seeall:hover{color:var(--signal)}

/* ================= de-slop pass: crafted textures, grain, richer gradients (skin B) ================= */
/* richer 3-stop, cross-hue category gradients (less "default two-colour AI gradient") */
.cat--vitamins .acard__cover,.ctile.cat--vitamins{background:linear-gradient(145deg,#FFC24D,#F26A3D 54%,#D83E5A)}
.cat--minerals .acard__cover,.ctile.cat--minerals{background:linear-gradient(138deg,#57A2FF,#4F5BE0 58%,#3A2CA0)}
.cat--herbals  .acard__cover,.ctile.cat--herbals {background:linear-gradient(152deg,#3ED9A6,#0FA07E 54%,#0A6D5E)}
.cat--wellness .acard__cover,.ctile.cat--wellness{background:linear-gradient(140deg,#A472FF,#B14AE0 54%,#7A2CC0)}
.cat--safety   .acard__cover,.ctile.cat--safety  {background:linear-gradient(148deg,#FF8A9B,#F0446A 54%,#C42648)}

/* crafted cover texture: a faint "dose-ring" arc motif + film grain, blended into the gradient.
   Replaces the emoji glyph that read AI-made. */
.acard__cover .acard__tex,.ctile .acard__tex{
  background-image:
    repeating-radial-gradient(circle at 84% -10%, rgba(255,255,255,.16) 0 1.5px, transparent 1.5px 17px),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:auto,150px 150px;opacity:.5;mix-blend-mode:overlay}
.acard--lead .acard__cover .acard__tex{background-image:
  repeating-radial-gradient(circle at 80% -8%, rgba(255,255,255,.14) 0 2px, transparent 2px 26px),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:auto,180px 180px}
/* magazine-cover legibility scrim on the lead */
.acard--lead .acard__cover::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(8,4,14,.34));pointer-events:none}

/* refined badge (glassy, not flat) */
.acard__badge{background:rgba(10,6,16,.26);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}

/* hand-made hero chip dots (mint) + ticker dots already crafted in base */
.xhero__chips .chip::before{background:#5FE3B0;box-shadow:0 0 8px rgba(95,227,176,.7)}

/* very faint global film grain: the tactile "art-directed, not generated" layer */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.03;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
  background-size:180px 180px}
@media(prefers-reduced-motion:reduce){body::after{display:none}}

/* ---- real image covers + guide hero (caredoctor) ---- */
.acard__cover--img{background-size:cover !important;background-position:center !important;background-repeat:no-repeat}
.acard__cover--img .acard__tex{display:none}
.acard__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,10,8,.02) 45%,rgba(6,10,8,.5));pointer-events:none}
.acard__cover--img .acard__badge{position:relative;z-index:1}
.acard--lead .acard__cover--img{min-height:320px}
.ghero{margin:1.3rem 0 .4rem;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}
.ghero img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.prose--guide h2{font-family:var(--font-display);font-size:clamp(1.35rem,2.4vw,1.75rem);margin:1.9rem 0 .6rem;letter-spacing:-.02em}
.prose--guide h3{font-size:1.12rem;margin:1.35rem 0 .4rem}
.prose--guide p,.prose--guide li{max-width:70ch}
.prose--guide ul{max-width:70ch;padding-left:1.15rem}
.prose--guide li{margin:.4rem 0}