:root{--champ:#d8c9a6;--platinum:#eaeff4;--steel:#9aa3ad;--ink:#07080a;--line:rgba(216,201,166,.22);--dim:rgba(236,231,219,.74);--serif:Georgia,"Times New Roman",serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--platinum);font:17px/1.72 "Manrope",system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--champ)}
.top{border-bottom:1px solid var(--line);padding:18px 22px}
.top a{text-decoration:none;letter-spacing:.2em;text-transform:uppercase;font-size:12.5px;color:var(--champ)}
/* MEASURED 2026-10-30: every bloodwork page was terminal - no route back to the panel
   that reads a reader's own numbers. Floated so .top keeps the layout the other
   957 botanical pages on this sheet already have; the clearfix is inert without it. */
.top{overflow:hidden}
.bw-enter{float:right;border:1px solid var(--line);border-radius:999px;padding:5px 13px;margin:-4px 0 0;color:var(--champ-lt,var(--champ))}
.bw-enter:hover{border-color:var(--champ)}

main{max-width:760px;margin:0 auto;padding:46px 22px 84px}
.kick{font-size:12.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--champ);opacity:.85}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(28px,5.2vw,44px);line-height:1.08;margin:.3em 0 .1em;text-wrap:balance}
.lat{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--champ);opacity:.9;margin:0 0 18px}
.lede{font-size:19px;color:rgba(236,231,219,.88);margin:18px 0 26px}
.hero{display:flex;gap:26px;align-items:flex-start;flex-wrap:wrap;margin:26px 0 10px}
.hero img{width:260px;height:260px;object-fit:cover;border:1px solid var(--line);background:#0b0c0e;max-width:100%}
.meta{flex:1;min-width:230px}
.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--champ)}
.gnote{font-size:14.5px;color:var(--steel);margin:12px 0 0;line-height:1.6}
h2{font-family:var(--serif);font-weight:600;font-size:23px;margin:40px 0 4px;color:var(--platinum)}
.sub{font-size:13.5px;color:var(--steel);margin:0 0 14px}
.ev{border-top:1px solid var(--line);padding:16px 0 4px;margin:0}
.ev p{margin:0 0 7px}
.ev .src{font-size:13px;letter-spacing:.04em}
.ev .src a{text-decoration:none}
/* THE STUDY ON THE ARROW. Supporting text under each causal claim: the register's own finding,
   then its identifier as a resolvable link. Sized and coloured below the claim it supports so
   the arrow still reads first. */
.ev .cite{font-size:13.5px;line-height:1.62;color:var(--steel);margin:-2px 0 13px;padding-left:13px;border-left:1px solid var(--line);overflow-wrap:anywhere}
.ev .cite .cid{display:inline}
.ev .cite .cid a{white-space:nowrap;display:inline-block}
.ev .cite .cid a{color:var(--champ);text-decoration:none;border-bottom:1px solid var(--line);font-size:12.5px;letter-spacing:.02em}
.ev .cite .cid a:hover{border-bottom-color:var(--champ)}
ul.lk{list-style:none;padding:0;margin:10px 0 0}
ul.lk li{border-top:1px solid var(--line);padding:11px 0}
ul.lk a{text-decoration:none}
.tags{margin:12px 0 0;font-size:14.5px;color:var(--steel);line-height:2}
.tags span{border:1px solid var(--line);border-radius:999px;padding:4px 11px;margin:0 6px 6px 0;display:inline-block}
.shr{border-top:1px solid var(--line);margin-top:46px;padding-top:18px;font-size:14px}
.shr .sl{letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--steel);margin-right:12px}
.shr a{display:inline-block;margin:0 14px 8px 0;text-decoration:none}
.foot{border-top:1px solid var(--line);margin-top:34px;padding-top:16px;font-size:13.5px;color:var(--steel)}
nav.lrn-nav{border-top:1px solid var(--line);max-width:760px;margin:0 auto;padding:30px 22px 70px}
nav.lrn-nav h2{font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--champ);margin:22px 0 10px;font-family:inherit;font-weight:500}
nav.lrn-nav ul{list-style:none;padding:0;margin:0}
nav.lrn-nav li{border-top:1px solid var(--line);padding:10px 0;font-size:15px}
nav.lrn-nav a{text-decoration:none}
.hero.noimg{margin-top:14px}
@media(max-width:560px){.hero img{width:100%;height:auto;aspect-ratio:1/1}}

/* ===== BLOODWORK ===== the panel, as cards. Direction uses the atlas's own language so a
   reader who has seen the map reads these without being taught twice: green rises, red falls,
   gold balances. */
.bw-note{border-left:2px solid var(--line);padding-left:13px;margin:-4px 0 26px}
.bw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(216px,1fr));gap:13px;margin:0 0 34px}
.bw-card{position:relative;display:flex;flex-direction:column;gap:3px;padding:17px 16px 15px 17px;
  border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--platinum);
  background:linear-gradient(160deg,rgba(216,201,166,.055),rgba(216,201,166,.012) 58%,transparent);
  transition:border-color .18s ease,transform .18s ease,background .18s ease}
.bw-card:hover{border-color:rgba(216,201,166,.5);transform:translateY(-2px);
  background:linear-gradient(160deg,rgba(216,201,166,.1),rgba(216,201,166,.02) 58%,transparent)}
.bw-card::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:2px;background:var(--line)}
.bw-card.bw-up::before{background:#5fd39a}
.bw-card.bw-dn::before{background:#e4737a}
.bw-card.bw-bal::before{background:var(--champ)}
.bw-ar{font-size:11px;line-height:1;letter-spacing:.06em}
.bw-up .bw-ar{color:#5fd39a}.bw-dn .bw-ar{color:#e4737a}.bw-bal .bw-ar{color:var(--champ)}.bw-ctx .bw-ar{color:var(--steel)}
.bw-n{font-family:var(--serif);font-size:18.5px;line-height:1.22;margin-top:2px;text-wrap:balance}
.bw-p{font-size:13px;color:var(--steel);line-height:1.45}
.bw-b{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--champ);opacity:.82;margin-top:5px}
.bw-cta{display:inline-block;padding:13px 24px;border:1px solid var(--champ);border-radius:999px;
  text-decoration:none;letter-spacing:.09em;text-transform:uppercase;font-size:12.5px;
  background:linear-gradient(160deg,rgba(216,201,166,.14),rgba(216,201,166,.03));transition:background .18s ease}
.bw-cta:hover{background:linear-gradient(160deg,rgba(216,201,166,.26),rgba(216,201,166,.07))}
@media (max-width:640px){.bw-grid{grid-template-columns:1fr 1fr;gap:10px}
  .bw-card{padding:14px 12px 13px 14px}.bw-n{font-size:16px}.bw-p{font-size:12px}}
@media (max-width:380px){.bw-grid{grid-template-columns:1fr}}

/* Bloodwork: who a published band was measured in, and a band whose condition
   the page cannot know. Both are qualifiers on a quotation, so they read as
   apparatus rather than as claims. */
.bwfor{display:inline-block;margin-left:7px;padding:2px 8px;border-radius:999px;border:1px solid rgba(200,185,143,.4);background:rgba(200,185,143,.09);color:#c8b98f;font:600 11.5px/1.5 var(--ui);letter-spacing:.02em;vertical-align:1px}
.bwctx{opacity:.86}
.bwctx .bwfor{border-color:rgba(159,176,194,.38);background:rgba(159,176,194,.08);color:#9fb0c2}
html[data-theme="light"] .bwfor{border-color:rgba(122,94,38,.38);background:rgba(122,94,38,.07);color:rgb(104,80,32)}
html[data-theme="light"] .bwctx .bwfor{border-color:rgba(52,84,122,.34);background:rgba(52,84,122,.07);color:rgb(52,84,122)}
.tags span a.tag-lnk{color:inherit;text-decoration:none;border:0}.tags span:hover{border-color:rgba(216,201,166,.6)}.tags span a.tag-lnk:hover{color:#e8cf8f}

/* ===== THE TRADITIONAL READING ===== MEASURED 2026-10-31. A named tradition's own word for
   this plant and what that tradition used it for, set beside the graded evidence and never
   inside it. Styled on the .ev .cite apparatus pattern above - left rule, steel, smaller than
   the claim it sits under - so it reads as a second description of one body rather than as a
   second claim. The closing line states plainly that it opens no pathway: the grading law is
   what this brand is, and a traditional reading allowed to look like evidence would cost more
   than it gives. */
.trad{border-left:2px solid var(--line);padding:2px 0 2px 15px;margin:0 0 30px}
.trad-k{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--champ);opacity:.85;margin:0 0 7px}
.trad-n{font-family:var(--serif);font-size:19.5px;line-height:1.3;color:var(--platinum);margin:0 0 6px}
.trad-n .tn-s{margin-left:7px;opacity:.9}
.trad-n .tn-t{display:block;font-family:"Manrope",system-ui,sans-serif;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--champ);opacity:.78;margin-top:5px}
.trad-u{font-size:15.5px;line-height:1.62;color:var(--dim);margin:0 0 8px}
.trad-s{font-size:12.5px;line-height:1.55;color:var(--steel);margin:0 0 6px;overflow-wrap:anywhere}
.trad-d{font-size:12.5px;line-height:1.55;color:var(--steel);opacity:.82;margin:0}
@media(max-width:560px){.trad{padding-left:12px}.trad-n{font-size:18px}.trad-u{font-size:15px}}

/* directory listing rules: used only by b/index.html and p/index.html.
   b/index.html carries these inline; p/index.html had none, so its 568-entry
   pathway directory rendered unstyled. Shared here so both match. */
.gcols{columns:2;column-gap:34px}
.gcols li{break-inside:avoid;display:flex;align-items:baseline;gap:12px}
.gcols li>a{min-width:0;overflow-wrap:anywhere}
.lat2{font-style:italic;color:var(--steel);font-size:13.5px;display:block}
.gr{flex:none;font-size:11.5px;color:var(--steel);letter-spacing:.12em;border:1px solid var(--line);border-radius:999px;padding:2px 8px;line-height:1.5}