@font-face{font-family:"VD Serif";src:url("./assets/fonts/vd-serif-regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"VD Serif";src:url("./assets/fonts/vd-serif-italic.otf") format("opentype");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"VD Serif";src:url("./assets/fonts/vd-serif-bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"VD UI";src:url("./assets/fonts/vd-ui-regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"VD UI";src:url("./assets/fonts/vd-ui-bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}

:root {
  color-scheme: dark;
  --emerald-1000:#020b08;
  --emerald-950:#04130f;
  --emerald-900:#061c16;
  --emerald-850:#09251d;
  --emerald-800:#0e3025;
  --emerald-700:#184b3a;
  --gold-100:#f0d99d;
  --gold-200:#dfbf78;
  --gold-300:#c99d50;
  --gold-500:#8d642e;
  --paper:#efe0b9;
  --paper-light:#f8edcf;
  --paper-deep:#d3b983;
  --ink:#282117;
  --ink-soft:#5c503c;
  --mist:#bab6a9;
  --serif:"VD Serif","Palatino Linotype",Georgia,serif;
  --sans:"VD UI","Segoe UI",sans-serif;
  --safe-b:env(safe-area-inset-bottom,0px);
  --safe-t:env(safe-area-inset-top,0px);
  --frame-w:100%;
  --page-pad:clamp(18px,4.5vw,92px);
}

*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth;background:var(--emerald-1000)}
body{margin:0;min-width:280px;min-height:100dvh;color:#f6efdf;font-family:var(--serif);font-size:16px;line-height:1.5;background:#020b08;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,input,textarea{font:inherit}
button{color:inherit}
button,[role="button"]{-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold-100);outline-offset:3px}
img{display:block;max-width:100%}
[hidden]{display:none!important}

.world{position:fixed;inset:0;z-index:-2;background:linear-gradient(rgba(1,9,7,.24),rgba(1,9,7,.78)),url("./assets/scenes/forest-background.webp") center/cover no-repeat}
.world::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 0 38%,rgba(0,0,0,.45) 76%,rgba(0,0,0,.8));pointer-events:none}

.app-frame{width:100%;min-height:100dvh;margin:0;position:relative;background:
  radial-gradient(circle at 73% 11%,rgba(80,119,83,.14),transparent 26rem),
  linear-gradient(175deg,rgba(5,27,21,.98),rgba(2,15,12,.99));
  box-shadow:inset 0 0 0 1px rgba(221,188,115,.1)}
.view{min-height:100dvh;padding-bottom:calc(94px + var(--safe-b))}
.view.detail-mode{padding-bottom:0}
.page-in{animation:page-in .35s cubic-bezier(.2,.75,.25,1) both}
@keyframes page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* Shared masthead */
.masthead{height:86px;padding:calc(15px + var(--safe-t)) clamp(17px,4vw,42px) 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.seal{width:50px;height:50px;border:1px solid var(--gold-200);border-radius:50%;display:grid;place-items:center;color:var(--gold-100);position:relative;flex:none;background:rgba(2,16,12,.25);box-shadow:0 0 22px rgba(218,177,95,.09)}
.seal::after{content:"";position:absolute;inset:4px;border:1px solid rgba(223,191,120,.28);border-radius:50%}
.seal svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.brand-copy{min-width:0}
.brand-copy strong{display:block;font-size:clamp(22px,3vw,29px);font-weight:400;line-height:.95;white-space:nowrap}
.brand-copy small{display:block;margin-top:7px;color:var(--gold-200);font-size:9px;letter-spacing:.26em;white-space:nowrap}
.mast-actions{display:flex;align-items:center;gap:5px}
.lang-trigger{height:38px;min-width:43px;padding:0 10px;border:1px solid rgba(226,193,117,.34);border-radius:999px;background:rgba(255,255,255,.025);color:var(--gold-100);font:600 11px/1 var(--sans);letter-spacing:.08em;cursor:pointer}
.menu-trigger{width:44px;height:44px;border:0;background:transparent;display:grid;place-content:center;gap:5px;cursor:pointer}
.menu-trigger i{width:24px;height:1.5px;background:#eee5d2;border-radius:2px;display:block}

/* Home */
.home-hero{min-height:285px;padding:26px clamp(20px,5vw,58px) 31px;position:relative;overflow:hidden;display:flex;align-items:center}
.home-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,21,16,.98) 0 46%,rgba(3,21,16,.78) 63%,rgba(3,21,16,.12));z-index:1}
.home-hero::after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(227,194,117,.38),transparent)}
.hero-copy{position:relative;z-index:3;max-width:650px}
.eyebrow{margin:0 0 11px;color:var(--gold-200);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.home-hero h1{margin:0;font-weight:400;font-size:clamp(43px,7vw,74px);line-height:.94;letter-spacing:-.035em;text-wrap:balance;text-shadow:0 8px 24px rgba(0,0,0,.28)}
.home-hero h1 span{display:block}
.home-hero h1 em{color:var(--gold-100);font-weight:400}
.home-hero p:last-child{max-width:560px;margin:20px 0 0;color:#d2cec1;font-size:clamp(16px,2vw,19px);line-height:1.55}
.hero-botanical{position:absolute;z-index:0;width:min(51%,510px);height:115%;right:-3%;bottom:-19%;object-fit:contain;object-position:center bottom;filter:brightness(.6) saturate(.75) drop-shadow(0 16px 25px rgba(0,0,0,.5));opacity:.62}

.catalog{padding:0 clamp(14px,4vw,44px) 44px;position:relative;z-index:2}
.search-row{display:grid;grid-template-columns:1fr auto;gap:9px;margin-bottom:14px}
.search-box{height:52px;position:relative}
.search-box>svg{position:absolute;left:16px;top:50%;width:21px;height:21px;transform:translateY(-50%);fill:none;stroke:#eee6d5;stroke-width:1.7;pointer-events:none}
.search-box input{width:100%;height:100%;padding:0 48px;color:#f8f0df;font-size:16px;background:rgba(255,255,255,.045);border:1px solid rgba(235,220,184,.58);border-radius:11px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25),0 8px 22px rgba(0,0,0,.12)}
.search-box input::placeholder{color:#98968c}
.clear-search{position:absolute;right:7px;top:50%;width:36px;height:36px;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;color:#bbb3a2;font:22px/1 var(--sans);cursor:pointer}
.filter-glyph{width:52px;height:52px;border:1px solid rgba(235,220,184,.36);border-radius:11px;background:rgba(255,255,255,.025);display:grid;place-items:center;color:var(--gold-100)}
.filter-glyph svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.4}
.chips{display:flex;gap:9px;overflow:auto;padding:1px 1px 9px;margin:0 0 13px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{padding:9px 17px;border:1px solid rgba(234,217,179,.34);border-radius:999px;background:transparent;color:#e8e1d1;white-space:nowrap;cursor:pointer;font-size:14px;transition:.22s ease}
.chip.is-active{color:#fff9e9;background:linear-gradient(145deg,#3a604c,#1d4435);border-color:rgba(239,209,141,.74);box-shadow:inset 0 0 9px rgba(255,255,255,.06),0 5px 18px rgba(0,0,0,.2)}
.section-title{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 1px 13px}
.section-title h2{margin:0;color:var(--gold-100);font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.section-title span{color:#c0baaa;font-size:13px}

.plant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.plant-card{min-width:0;min-height:368px;padding:0;border:1px solid rgba(133,94,39,.52);border-radius:9px;overflow:hidden;position:relative;color:var(--ink);text-align:left;background:linear-gradient(rgba(247,236,204,.88),rgba(224,202,154,.94)),url("./assets/scenes/parchment.webp") center/cover;box-shadow:0 13px 29px rgba(0,0,0,.36),inset 0 0 30px rgba(104,69,24,.12);cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:grid;grid-template-rows:minmax(0,1fr) auto;isolation:isolate}
.plant-card::before{content:"";position:absolute;inset:6px;border:1px solid rgba(108,76,35,.13);border-radius:4px;pointer-events:none;z-index:2}
.plant-card::after{content:"❧";position:absolute;right:13px;bottom:51px;color:rgba(100,76,38,.1);font-size:28px;z-index:4}
.plant-card:focus-visible{outline:2px solid var(--gold-100);outline-offset:4px;border-color:rgba(174,130,61,.72);box-shadow:0 20px 42px rgba(0,0,0,.44),0 0 0 1px rgba(233,201,130,.08),inset 0 0 30px rgba(104,69,24,.12)}
.plant-card:active{transform:scale(.992)}
.card-art{height:222px;padding:34px 14px 20px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 54%,rgba(255,250,224,.54),transparent 64%)}
.card-art::before{content:"";position:absolute;left:11px;top:45px;bottom:22px;width:7px;opacity:.34;background:repeating-linear-gradient(to bottom,rgba(111,80,37,.55) 0 1px,transparent 1px 13px);mask:linear-gradient(transparent,#000 12%,#000 88%,transparent)}
.card-art::after{content:"";position:absolute;width:54%;height:11px;bottom:16px;border-radius:50%;background:rgba(57,39,17,.13);filter:blur(6px)}
.card-art img{width:100%;height:100%;object-fit:contain;object-position:center;position:relative;z-index:1;filter:drop-shadow(0 8px 6px rgba(48,34,15,.16));transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease;transform-origin:center}
.specimen-mark{position:absolute;z-index:3;left:15px;top:12px;color:rgba(86,65,33,.62);font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.16em}
.specimen-scale{position:absolute;z-index:2;left:9px;top:39px;bottom:16px;width:11px;border-block:1px solid rgba(102,75,37,.24);pointer-events:none}
.card-copy{min-height:146px;padding:14px 14px 15px;position:relative;z-index:3;border-top:1px solid rgba(116,82,38,.22);background:linear-gradient(180deg,rgba(249,239,210,.98),rgba(225,202,155,.99));box-shadow:0 -13px 24px rgba(62,42,18,.08);display:flex;flex-direction:column;align-items:flex-start}
.card-copy::before{content:"";position:absolute;left:14px;right:14px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(121,87,40,.42),transparent)}
.card-copy h3{margin:0 0 3px;font-weight:400;font-size:clamp(20px,3.5vw,25px);line-height:1.08;color:#241d15;overflow-wrap:anywhere}
.card-latin{width:100%;margin:0 0 7px!important;color:#766445!important;font-size:11px!important;font-style:italic;line-height:1.2!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-epithet{margin:0 0 10px!important;color:#514532!important;font-size:13px!important;line-height:1.3!important}
.plant-tag{display:inline-block;max-width:100%;padding:6px 10px;border-radius:999px;background:rgba(80,103,61,.2);color:#303f29;font-size:12px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.card-copy .plant-tag{margin-top:auto}
.favorite-dot{width:34px;height:34px;position:absolute;top:8px;right:8px;z-index:4;border:0;border-radius:50%;background:rgba(248,237,210,.88);display:grid;place-items:center;color:#4e4638;box-shadow:0 3px 10px rgba(69,47,22,.14);cursor:pointer}
.favorite-dot svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.favorite-dot.is-favorite{color:#7d302b}.favorite-dot.is-favorite svg{fill:currentColor}

/* Detail page */
.plant-page{min-height:100dvh;color:var(--ink);background:linear-gradient(rgba(247,237,207,.78),rgba(226,205,163,.84)),url("./assets/scenes/parchment.webp") center/cover fixed;position:relative}
.plant-page::after{content:"";position:fixed;inset:0;pointer-events:none;box-shadow:inset 0 0 70px rgba(92,60,22,.24)}
.detail-nav{height:60px;padding:calc(10px + var(--safe-t)) 14px 0;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:8}
.round-action{width:42px;height:42px;border:1px solid rgba(91,71,40,.17);border-radius:50%;background:rgba(255,247,222,.38);display:grid;place-items:center;color:#44392b;cursor:pointer;backdrop-filter:blur(4px)}
.round-action svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.55}
.round-action.is-favorite{color:#7d302b}.round-action.is-favorite svg{fill:currentColor}
.detail-stage{min-height:375px;display:grid;place-items:center;position:relative;padding:8px 47px 14px;overflow:hidden}
.detail-stage::before,.detail-stage::after{content:"";position:absolute;width:90px;height:170px;opacity:.14;background:linear-gradient(90deg,transparent,rgba(67,78,47,.7));mask:repeating-linear-gradient(24deg,#000 0 3px,transparent 4px 16px)}
.detail-stage::before{left:2%;top:20%;transform:rotate(-12deg)}
.detail-stage::after{right:2%;top:13%;transform:scaleX(-1) rotate(-12deg)}
.detail-stage img{width:min(100%,420px);height:355px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 13px 11px rgba(71,48,21,.19));position:relative;z-index:2}
.detail-paper{width:min(calc(100% - 18px),900px);margin:-26px auto 0;padding:41px clamp(18px,5vw,52px) calc(32px + var(--safe-b));position:relative;z-index:4;background:linear-gradient(rgba(248,238,207,.74),rgba(231,212,172,.87)),url("./assets/scenes/parchment.webp") center/cover;border-inline:1px solid rgba(112,79,34,.22);box-shadow:0 -11px 28px rgba(73,48,17,.16),inset 0 0 36px rgba(105,70,25,.08);clip-path:polygon(0 2%,3% .4%,7% 1.5%,12% .3%,17% 1.4%,23% .2%,29% 1.4%,36% .3%,43% 1.4%,50% .25%,57% 1.4%,64% .2%,71% 1.5%,78% .3%,85% 1.4%,92% .2%,97% 1.2%,100% .45%,100% 100%,0 100%)}
.detail-heading h1{margin:0;font-weight:400;font-size:clamp(39px,7vw,62px);line-height:.95;letter-spacing:-.035em}
.latin{margin:8px 0 15px;color:#6e5c41;font-size:clamp(17px,3vw,22px);font-style:italic}
.metadata{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}
.meta{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(101,117,68,.15);color:#4d5536;font-size:12px}
.lead{margin:0;font-size:clamp(16px,2.5vw,20px);line-height:1.5}
.book-rule{display:flex;align-items:center;gap:12px;margin:22px 0;color:#806b43}.book-rule::before,.book-rule::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(101,75,37,.5))}.book-rule::after{transform:scaleX(-1)}
.detail-grid{display:grid;gap:11px}
.folio-section{display:grid;grid-template-columns:39px 1fr;gap:12px;padding:15px;border:1px solid rgba(109,79,38,.15);border-radius:7px;background:rgba(255,248,223,.24);box-shadow:0 4px 13px rgba(74,50,20,.04)}
.folio-icon{width:31px;height:31px;color:#5d5a38}.folio-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35}
.folio-section h2{margin:0 0 6px;font-size:20px;font-weight:400}
.folio-section p,.folio-section li{color:#493e2f;font-size:15px;line-height:1.52}
.folio-section p{margin:0}.folio-section ul{margin:0;padding-left:18px}.folio-section li+li{margin-top:5px}
.ritual-charter{grid-column:1/-1;position:relative;overflow:hidden;padding:16px;border:1px solid rgba(104,74,36,.25);border-radius:8px;background:linear-gradient(145deg,rgba(106,118,70,.12),rgba(255,249,225,.2));box-shadow:inset 0 0 30px rgba(93,64,26,.04)}.ritual-charter::after{content:"❧";position:absolute;right:14px;top:7px;color:rgba(93,69,35,.12);font-size:34px}
.ritual-charter>header{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid rgba(104,75,37,.2)}.ritual-charter>header img{width:52px;height:52px;object-fit:contain;filter:sepia(.35) drop-shadow(0 5px 5px rgba(65,43,20,.13))}.ritual-charter>header p{margin:0;color:#846c40;font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.16em}.ritual-charter>header h2{margin:2px 0 0;font-size:23px;font-weight:400}
.charter-grid{display:grid;gap:13px;padding-top:14px}.charter-grid article{padding-left:12px;border-left:2px solid rgba(126,96,49,.42)}.charter-grid h3{margin:0 0 6px;color:#6e542d;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.charter-grid p{margin:0;color:#44382a;font-size:14px;line-height:1.6}
.correspondences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.correspondence{padding:9px 10px;border-left:2px solid #9b814a;background:rgba(128,117,72,.08)}
.correspondence small{display:block;color:#766b56;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.correspondence strong{display:block;margin-top:3px;font-weight:400;font-size:15px}
/* Buttons */
.primary,.secondary{width:100%;min-height:52px;border-radius:10px;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;transition:.22s ease}
.primary{border:1px solid var(--gold-200);color:#f6e4b7;background:linear-gradient(150deg,#1e4c3c,#082b22);box-shadow:inset 0 0 0 2px rgba(255,255,255,.045),0 8px 18px rgba(35,34,23,.2)}
.primary:hover{background:linear-gradient(150deg,#285f4b,#0b372b)}
.primary:disabled{opacity:.43;cursor:not-allowed}.secondary{border:1px dashed rgba(218,186,112,.48);color:#d1c2a2;background:rgba(255,255,255,.02)}
.primary svg,.secondary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.detail-paper>.primary{margin-top:18px}

/* Cauldron */
.page-head{height:88px;padding:calc(15px + var(--safe-t)) clamp(17px,4vw,42px) 11px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid rgba(222,188,113,.16)}
.page-identity{display:flex;align-items:center;gap:11px;min-width:0}.page-emblem{width:58px;height:58px;flex:none;object-fit:contain;filter:drop-shadow(0 5px 8px rgba(0,0,0,.45))}.page-identity h1{margin:0;font-size:clamp(24px,4vw,32px);font-weight:400;white-space:nowrap}.page-identity p{margin:5px 0 0;color:var(--gold-200);font-family:var(--sans);font-size:9px;letter-spacing:.17em;white-space:nowrap}
.tabs{display:flex;padding:0 clamp(14px,4vw,42px);border-bottom:1px solid rgba(222,188,113,.22)}
.tab{flex:1;padding:15px 7px 12px;border:0;background:transparent;color:#9b978c;cursor:pointer;position:relative}.tab.is-active{color:#f4ecda}.tab.is-active::after{content:"";position:absolute;left:9%;right:9%;bottom:-1px;height:2px;background:var(--gold-100);box-shadow:0 0 10px rgba(240,217,157,.4)}
.cauldron-scene{height:340px;position:relative;overflow:hidden;background:#081813}
.cauldron-scene img{width:100%;height:100%;object-fit:cover;object-position:center 54%;filter:saturate(.86) contrast(1.05)}
.cauldron-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,17,13,.12),transparent 54%,rgba(2,16,12,.92))}
.cauldron-content{padding:0 clamp(14px,4vw,42px) 42px;position:relative;margin-top:-36px;z-index:3}
.small-heading{margin:0 0 10px;color:#d0c2a1;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.cauldron-step{display:flex;align-items:center;gap:9px;margin-bottom:10px}.cauldron-step>span{width:27px;height:27px;flex:none;display:grid;place-items:center;border:1px solid rgba(225,190,111,.54);border-radius:50%;color:var(--gold-100);font:700 9px/1 var(--sans)}.cauldron-step .small-heading{margin:0}
.medium-chooser{margin-bottom:20px;padding:16px;border:1px solid rgba(224,188,108,.3);border-radius:12px;background:linear-gradient(145deg,rgba(7,38,29,.96),rgba(3,24,18,.96));box-shadow:0 15px 38px rgba(0,0,0,.35),inset 0 0 0 1px rgba(255,255,255,.025)}
.medium-intro{display:grid;gap:0;margin-bottom:13px}.medium-intro>p{max-width:910px;margin:0;color:#bbb4a3;font-size:13px;line-height:1.52}
.medium-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.medium-card{min-width:0;min-height:74px;padding:10px;border:1px solid rgba(224,190,114,.18);border-radius:9px;background:rgba(255,255,255,.025);display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;color:#ded6c5;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}
.medium-card>b{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(225,191,113,.28);border-radius:50%;color:#cfb36f;font:400 18px/1 var(--serif);background:rgba(0,0,0,.12)}
.medium-card strong{display:block;color:#f0e6d1;font-size:15px;font-weight:400;line-height:1.05}.medium-card small{display:block;margin-top:5px;color:#969387;font-family:var(--sans);font-size:9px;line-height:1.25}
.medium-card.is-active{border-color:rgba(237,205,132,.7);background:linear-gradient(145deg,rgba(57,101,78,.62),rgba(26,67,51,.56));box-shadow:inset 0 0 16px rgba(239,207,137,.05),0 7px 18px rgba(0,0,0,.18)}.medium-card.is-active>b{color:#ffe5a7;border-color:rgba(239,209,143,.7);box-shadow:0 0 15px rgba(235,201,124,.12)}
.ingredients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-height:122px}
.ingredient{height:124px;position:relative;overflow:hidden;border:1px solid rgba(128,92,42,.34);border-radius:8px;color:var(--ink);background:linear-gradient(rgba(248,237,204,.86),rgba(226,203,157,.91)),url("./assets/scenes/parchment.webp") center/cover;display:flex;align-items:end;justify-content:center;padding:7px;box-shadow:0 8px 20px rgba(0,0,0,.33)}
.ingredient img{position:absolute;inset:4px 14px 23px;width:calc(100% - 28px);height:calc(100% - 27px);object-fit:contain;filter:drop-shadow(0 4px 3px rgba(59,40,18,.13))}.ingredient>span{position:relative;z-index:2;width:100%;font-size:11px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.remove{position:absolute;z-index:4;top:4px;right:4px;width:25px;height:25px;border:0;border-radius:50%;background:rgba(247,236,207,.94);color:#352c20;font:18px/1 var(--sans);cursor:pointer}
.ingredient-add{height:124px;border:1px dashed rgba(221,188,111,.46);border-radius:8px;background:rgba(255,255,255,.018);display:grid;place-content:center;gap:6px;text-align:center;color:#bdb094;cursor:pointer}.ingredient-add b{font:300 28px/1 var(--sans)}.ingredient-add span{font-size:11px}
.brew{margin-top:12px}
.result-card{margin-top:17px;padding:clamp(20px,4vw,42px);position:relative;overflow:hidden;color:var(--ink);border:1px solid rgba(134,97,45,.43);border-radius:9px;background:linear-gradient(rgba(249,240,214,.91),rgba(224,201,155,.94)),url("./assets/scenes/parchment.webp") center/cover;box-shadow:0 18px 42px rgba(0,0,0,.4),inset 0 0 52px rgba(102,69,28,.09);animation:reveal .42s ease-out both}
@keyframes reveal{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
.result-card::before{content:"";position:absolute;inset:7px;border:1px solid rgba(115,81,36,.13);border-radius:5px;pointer-events:none}.result-card::after{content:"✦  ❧  ✦";position:absolute;right:20px;top:12px;color:rgba(98,80,45,.15);font-size:18px;letter-spacing:.22em}
.result-hero{min-height:112px;display:flex;align-items:center;gap:clamp(14px,3vw,30px);padding:0 0 clamp(18px,3vw,26px);position:relative;z-index:1;border-bottom:1px solid rgba(102,75,37,.3)}
.result-seal{width:clamp(88px,14vw,136px);height:clamp(88px,14vw,136px);margin:-10px 0 -18px -9px;object-fit:contain;flex:none;filter:drop-shadow(0 9px 8px rgba(59,39,17,.22))}
.result-kicker{margin:0 0 6px;color:#745a2f;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.result-card h2{margin:0;font-size:clamp(32px,5vw,50px);font-weight:400;line-height:1}
.result-focus{margin:10px 0 0;color:#514534;font-size:clamp(15px,2vw,18px);line-height:1.42}
.foundation-badge{width:max-content;max-width:100%;margin-top:12px;padding:6px 10px;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(106,81,41,.32);border-radius:999px;background:rgba(114,101,59,.09);color:#5b4b31;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.foundation-badge b{font:400 15px/1 var(--serif)}
.ritual-section{position:relative;z-index:1;padding:clamp(18px,3vw,27px) 0 0}
.ritual-section>h3,.ritual-facts h3,.ritual-closing h3{margin:0 0 9px;color:#684f28;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ritual-section>p{max-width:980px;margin:0;color:#3f3528;font-size:clamp(15px,1.8vw,17px);line-height:1.62}
.ritual-foundation{padding-bottom:clamp(18px,3vw,25px);border-bottom:1px solid rgba(102,75,37,.22)}
.medium-doctrine{position:relative;z-index:1;margin-top:clamp(18px,3vw,26px);padding:clamp(15px,2.5vw,22px);border:1px solid rgba(103,76,38,.22);border-radius:8px;background:linear-gradient(145deg,rgba(123,111,69,.09),rgba(255,250,229,.15))}
.medium-doctrine>header{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid rgba(105,78,39,.18)}.medium-doctrine>header>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid rgba(111,83,43,.38);border-radius:50%;color:#725b30;font-size:22px}.medium-doctrine>header p{margin:0 0 3px;color:#7c6948;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.medium-doctrine>header h3{margin:0;color:#382f23;font-size:20px;font-weight:400}
.doctrine-grid{display:grid;gap:12px;padding-top:14px}.doctrine-grid>div{padding-left:11px;border-left:2px solid rgba(123,96,50,.37)}.doctrine-grid h4,.ritual-additions h4{margin:0 0 5px;color:#684f28;font-family:var(--sans);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.doctrine-grid p{margin:0;color:#463a2b;font-size:14px;line-height:1.55}
.ritual-additions{margin-top:15px;padding-top:13px;border-top:1px solid rgba(104,77,40,.15)}.ritual-additions>div{display:flex;flex-wrap:wrap;gap:6px}.ritual-additions span{padding:6px 9px;border:1px solid rgba(101,80,45,.18);border-radius:999px;background:rgba(255,248,222,.26);color:#56482f;font-size:11px}
.ritual-roles{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:10px}
.ritual-plant{min-width:0;display:grid;grid-template-columns:76px 1fr;gap:12px;align-items:center;padding:11px;border:1px solid rgba(104,76,39,.2);border-radius:7px;background:rgba(255,249,225,.24)}
.ritual-plant-art{height:92px;display:grid;place-items:center;border-right:1px solid rgba(111,81,40,.15)}
.ritual-plant-art img{width:68px;height:88px;object-fit:contain;filter:drop-shadow(0 4px 3px rgba(55,37,17,.14))}
.ritual-plant h4{margin:0;font-size:20px;font-weight:400;line-height:1.05}
.ritual-plant small{display:block;margin:5px 0 7px;color:#7a6749;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.ritual-plant p{margin:0;color:#4d4131;font-size:13px;line-height:1.42}
.ritual-steps{margin:0;padding:0;display:grid;gap:9px;list-style:none;counter-reset:rite}
.ritual-steps li{counter-increment:rite;display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:start;color:#3d3327;font-size:15px;line-height:1.52}
.ritual-steps li::before{content:counter(rite);width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(108,79,38,.45);border-radius:50%;color:#785e31;font-family:var(--sans);font-size:11px;font-weight:700;background:rgba(255,247,219,.34)}
.ritual-facts{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:clamp(20px,3vw,28px)}
.ritual-facts section{display:grid;grid-template-columns:34px 1fr;gap:9px;padding:14px;border:1px solid rgba(105,76,38,.19);border-radius:7px;background:rgba(126,109,68,.07)}
.ritual-facts section>span{color:#806a3c;font-size:22px;line-height:1}
.ritual-facts h3{margin-bottom:5px}.ritual-facts p{margin:0;color:#493e30;font-size:14px;line-height:1.48}
.ritual-closing{position:relative;z-index:1;display:grid;grid-template-columns:35px 1fr;gap:10px;margin-top:10px;padding:15px;border-left:3px solid #786a3e;background:rgba(89,103,57,.11)}
.ritual-closing>span{color:#6c633a;font-size:26px}.ritual-closing h3{margin-bottom:5px}.ritual-closing p{margin:0;color:#3e3529;font-size:15px;line-height:1.5}.ritual-closing p+p{margin-top:7px;padding-top:7px;border-top:1px solid rgba(98,75,40,.14)}
.save-ritual{position:relative;z-index:1;margin-top:18px}

/* Journal and favorites */
.content-wrap{padding:19px clamp(14px,4vw,44px) 45px}.paper-form,.entry-card{color:var(--ink);border:1px solid rgba(133,95,43,.34);border-radius:8px;background:linear-gradient(rgba(248,237,204,.82),rgba(226,203,157,.9)),url("./assets/scenes/parchment.webp") center/cover;box-shadow:0 11px 26px rgba(0,0,0,.27),inset 0 0 29px rgba(96,65,27,.07)}
.paper-form{padding:18px;margin-bottom:23px}.paper-form h2{margin:0 0 5px;font-size:25px;font-weight:400}.paper-form>p{margin:0 0 14px;color:#645843;font-size:13px}.field{display:grid;gap:6px;margin-bottom:11px}.field>span{color:#6d6048;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.field input,.field textarea{width:100%;padding:11px 12px;border:1px solid rgba(92,72,39,.25);border-radius:7px;color:#2e261c;background:rgba(255,255,255,.26)}.field textarea{min-height:100px;resize:vertical;line-height:1.45}.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.entry-card{padding:15px;min-height:155px;position:relative}.entry-card time{color:#77694f;font-size:10px}.entry-card h3{margin:7px 28px 7px 0;font-size:21px;font-weight:400}.entry-card p{margin:0;color:#544937;font-size:13px;line-height:1.48;white-space:pre-wrap}.entry-card.blend-entry{border-left:4px solid #778564;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.entry-card.blend-entry:focus-visible{outline:2px solid #997d46;outline-offset:3px}.entry-herbs{margin-top:10px;color:#6a5d47;font-size:11px}.delete-entry{position:absolute;right:7px;top:7px;width:31px;height:31px;border:0;background:transparent;color:#806845;cursor:pointer}.delete-entry svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.entry-foundation{display:block;margin-top:5px;color:#745e38;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.empty{grid-column:1/-1;min-height:300px;border:1px dashed rgba(219,185,109,.28);border-radius:12px;display:grid;place-items:center;padding:36px 20px;text-align:center;color:#bcb6a7}.empty svg{width:65px;height:65px;margin:0 auto 13px;fill:none;stroke:var(--gold-200);stroke-width:1.05}.empty h3{margin:0 0 7px;color:#eee5d3;font-size:24px;font-weight:400}.empty p{max-width:340px;margin:0;line-height:1.5;font-size:14px}

/* Picker, language, drawer */
.picker{position:fixed;inset:0;z-index:55;display:grid;align-items:end;background:rgba(0,0,0,.67);backdrop-filter:blur(5px)}
.picker-sheet{width:min(100%,720px);max-height:82dvh;margin:0 auto;padding:17px 15px calc(20px + var(--safe-b));overflow:auto;color:var(--ink);border-radius:18px 18px 0 0;background:linear-gradient(rgba(247,236,202,.83),rgba(222,197,147,.9)),url("./assets/scenes/parchment.webp") center/cover;box-shadow:0 -18px 55px rgba(0,0,0,.55);animation:sheet-up .3s ease-out both}
@keyframes sheet-up{from{opacity:0;transform:translateY(35px)}}
.picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.picker-head h2{margin:0;font-size:25px;font-weight:400}.plain-icon{width:40px;height:40px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;font:29px/1 var(--sans)}
.picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.picker-item{min-width:0;padding:6px;border:1px solid rgba(93,73,41,.19);border-radius:8px;background:rgba(255,255,255,.2);display:grid;grid-template-columns:59px 1fr;gap:8px;align-items:center;color:var(--ink);text-align:left;cursor:pointer}.picker-item img{width:59px;height:68px;object-fit:contain}.picker-item strong{display:block;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-item small{display:block;margin-top:3px;color:#6c604c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-item:disabled{opacity:.36;cursor:not-allowed}
.scrim{position:fixed;inset:0;z-index:69;background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}
.drawer{position:fixed;z-index:70;top:0;right:0;width:min(90vw,410px);height:100dvh;padding:calc(20px + var(--safe-t)) 18px calc(20px + var(--safe-b));overflow:auto;background:radial-gradient(circle at 82% 7%,rgba(111,141,91,.18),transparent 21rem),linear-gradient(150deg,#0b3026,#031611 75%);border-left:1px solid rgba(219,181,99,.31);box-shadow:-20px 0 60px rgba(0,0,0,.55);transform:translateX(102%);transition:transform .28s ease}.drawer.is-open{transform:none}.drawer-brand{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.seal-small{width:43px;height:43px}.seal-small svg{width:28px;height:28px}.drawer-brand strong{display:block;font-size:23px;font-weight:400}.drawer-brand small{display:block;margin-top:5px;color:var(--gold-200);font-size:8px;letter-spacing:.18em}.drawer-brand .plain-icon{color:#ded5c2}.sigil-rule{display:flex;align-items:center;gap:8px;margin:23px 4px 13px;color:rgba(224,185,102,.6)}.sigil-rule i{height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(224,185,102,.43),transparent)}
.drawer-links{display:grid}.drawer-link,.drawer-action{width:100%;min-height:50px;padding:0 4px;border:0;border-bottom:1px solid rgba(221,190,121,.14);background:transparent;color:#eee4cf;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.drawer-link span,.drawer-action span{color:var(--gold-200);font-size:22px}
.drawer-language{margin-top:20px}.drawer-language>p{margin:0 0 9px;color:var(--gold-100);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.language-grid button{padding:10px;border:1px solid rgba(222,188,113,.18);border-radius:7px;background:rgba(255,255,255,.025);color:#d9d1bf;text-align:left;cursor:pointer}.language-grid button span{display:inline-grid;place-items:center;width:27px;height:21px;margin-right:6px;border-radius:3px;background:rgba(227,192,116,.12);color:var(--gold-100);font:600 9px var(--sans)}.language-grid button.is-active{border-color:rgba(230,196,120,.62);background:rgba(59,101,79,.28)}
.drawer-note{margin-top:20px;padding:14px;border:1px solid rgba(218,181,102,.17);border-radius:8px;background:rgba(255,255,255,.024)}.drawer-note strong{color:var(--gold-100);font-weight:400}.drawer-note p{margin:6px 0 0;color:#b4ad9d;font-size:12px;line-height:1.45}.drawer-action{margin-top:8px;border:1px solid rgba(222,188,113,.18);border-radius:7px;padding:0 12px}.version{margin:22px 0 0;color:#77756c;text-align:center;font-size:8px;letter-spacing:.09em}
.language-popover{position:fixed;z-index:60;top:72px;right:clamp(13px,3vw,46px);width:190px;padding:7px;border:1px solid rgba(224,189,110,.4);border-radius:10px;background:rgba(5,27,21,.98);box-shadow:0 16px 35px rgba(0,0,0,.46);backdrop-filter:blur(14px)}.language-popover button{width:100%;padding:10px;border:0;border-radius:6px;background:transparent;color:#ded5c3;display:flex;align-items:center;justify-content:space-between;text-align:left;cursor:pointer}.language-popover button:hover,.language-popover button.is-active{background:rgba(55,95,75,.45);color:var(--gold-100)}.language-popover small{font:600 9px var(--sans);letter-spacing:.08em;color:var(--gold-200)}
.toast{position:fixed;z-index:90;left:50%;bottom:calc(94px + var(--safe-b));max-width:min(88vw,430px);padding:11px 17px;border:1px solid rgba(224,189,109,.55);border-radius:999px;background:rgba(5,31,24,.97);color:#f5ecd8;box-shadow:0 12px 34px rgba(0,0,0,.4);transform:translate(-50%,20px);opacity:0;pointer-events:none;text-align:center;font-size:12px;transition:.24s ease}.toast.is-visible{opacity:1;transform:translate(-50%,0)}

/* Bottom navigation */
.bottom-nav{height:calc(82px + var(--safe-b));padding:5px max(8px,env(safe-area-inset-left)) var(--safe-b) max(8px,env(safe-area-inset-right));position:fixed;z-index:30;left:0;bottom:0;width:100%;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(3,22,17,.985);border-top:1px solid rgba(226,191,112,.3);box-shadow:0 -8px 25px rgba(0,0,0,.3);backdrop-filter:blur(17px)}.bottom-nav.is-hidden{display:none}.nav-item{min-width:0;border:0;background:transparent;color:#b1b0a7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;font-family:var(--serif);font-size:12px}.nav-emblem{width:38px;height:38px;object-fit:contain;opacity:.67;filter:grayscale(.28) drop-shadow(0 4px 4px rgba(0,0,0,.25));transition:.2s ease}.nav-item.is-active{color:var(--gold-100)}.nav-item.is-active .nav-emblem{opacity:1;filter:drop-shadow(0 0 8px rgba(239,210,143,.28));transform:translateY(-1px)}

@media(min-width:700px){
  .plant-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.plant-card{min-height:416px}.card-art{height:270px}.entry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.medium-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.doctrine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.home-hero{min-height:330px}.hero-botanical{right:3%;width:45%;opacity:.77}.home-hero::before{background:linear-gradient(90deg,rgba(3,21,16,.98) 0 43%,rgba(3,21,16,.68) 64%,rgba(3,21,16,.06))}
}

@media(min-width:980px){
  .app-frame{border:0}.masthead{height:90px}.home-hero{min-height:325px;padding-inline:var(--page-pad)}.hero-copy{max-width:720px}.home-hero h1{font-size:clamp(58px,5.2vw,76px)}.catalog,.content-wrap{padding-inline:var(--page-pad)}.plant-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card-art{height:292px;padding-inline:18px}.plant-card{min-height:440px}.card-copy{min-height:148px;padding:15px 16px 17px}.card-copy h3{font-size:clamp(22px,2vw,27px)}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folio-section.wide{grid-column:1/-1}.plant-page{display:grid;grid-template-columns:42% 58%;align-items:stretch;min-height:100dvh}.detail-nav{position:absolute;left:0;right:0}.detail-stage{min-height:100dvh;padding:100px 55px 65px;border-right:1px solid rgba(111,79,35,.24)}.detail-stage img{width:100%;height:min(72vh,720px)}.detail-paper{width:100%;margin:0;padding:105px clamp(40px,5vw,86px) 66px;clip-path:none;overflow:auto;min-height:100dvh;box-shadow:inset 24px 0 35px rgba(82,54,22,.08)}.detail-heading h1{font-size:clamp(54px,4.8vw,74px)}.folio-section p,.folio-section li{font-size:16px;line-height:1.6}.cauldron-scene{height:430px}.cauldron-scene img{object-position:center 58%}.cauldron-content{margin-top:-45px;padding-inline:var(--page-pad)}.view{padding-bottom:calc(96px + var(--safe-b))}.toast{bottom:100px}
}

@media(min-width:1100px){
  .masthead,.page-head{position:relative;top:auto;z-index:25;background:linear-gradient(90deg,rgba(3,24,18,.98),rgba(5,35,27,.97),rgba(3,24,18,.98));border-bottom:1px solid rgba(222,188,113,.17);box-shadow:0 7px 24px rgba(0,0,0,.16)}
  .masthead{padding-inline:var(--page-pad)}.page-head{padding-inline:var(--page-pad)}
  .bottom-nav{top:12px;bottom:auto;left:50%;width:430px;height:66px;padding:3px 7px;transform:translateX(-50%);border:1px solid rgba(226,191,112,.28);border-radius:16px;background:rgba(4,29,22,.93);box-shadow:0 12px 34px rgba(0,0,0,.28)}
  .nav-item{font-size:10px;border-radius:10px;transition:background .2s ease,color .2s ease}.nav-item:hover{background:rgba(255,255,255,.04);color:#eee4d0}.nav-item.is-active{background:rgba(48,88,69,.44)}.nav-item svg{width:23px;height:23px}
  .nav-emblem{width:34px;height:34px}
  .view{padding-bottom:48px}.toast{bottom:24px}
  .home-hero{min-height:330px}.hero-botanical{width:min(40vw,650px);height:128%;right:5vw;bottom:-28%;opacity:.78}.home-hero::before{background:linear-gradient(90deg,rgba(3,21,16,.98) 0 42%,rgba(3,21,16,.72) 61%,rgba(3,21,16,.08) 83%)}
}

@media(min-width:1400px){
  .bottom-nav{width:620px}.nav-item{flex-direction:row;gap:7px;font-size:14px}.nav-emblem{width:39px;height:39px}
  .plant-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.card-art{height:318px;padding:36px 20px 24px}.plant-card{min-height:468px}.card-copy{min-height:150px}
  .entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .cauldron-content{width:min(100%,1500px);margin:-45px auto 0}.tabs{padding-inline:var(--page-pad)}
}

@media(max-width:390px){
  .masthead{padding-inline:13px}.seal{width:44px;height:44px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:7px}.home-hero{padding-inline:16px;min-height:275px}.home-hero h1{font-size:41px}.home-hero p:last-child{font-size:15px;max-width:300px}.hero-botanical{right:-24%;width:75%;opacity:.5}.catalog{padding-inline:10px}.plant-grid{gap:9px}.plant-card{min-height:370px}.card-art{height:224px;padding:33px 10px 19px}.card-copy{min-height:146px;padding:12px 10px 13px}.card-copy h3{font-size:18px}.card-latin{font-size:9.5px!important}.card-epithet{font-size:12px!important}.plant-tag{font-size:10.5px;padding:5px 8px}.specimen-mark{left:12px;font-size:7px;letter-spacing:.12em}.favorite-dot{width:31px;height:31px}.detail-stage{height:335px;min-height:335px;padding-inline:34px}.detail-stage img{height:315px}.correspondences{grid-template-columns:1fr}.entry-grid{grid-template-columns:1fr}.page-identity h1{font-size:21px}.page-identity p{font-size:7px}.page-emblem{width:46px;height:46px}.medium-chooser{padding:12px}.medium-card{grid-template-columns:29px 1fr;padding:8px;gap:7px}.medium-card>b{width:29px;height:29px;font-size:15px}.medium-card strong{font-size:13px}.medium-card small{font-size:8px}.result-hero{align-items:flex-start}.result-seal{width:78px;height:78px;margin:0 -6px 0 -12px}.result-card::after{display:none}.ritual-roles{grid-template-columns:1fr}.ritual-plant{grid-template-columns:66px 1fr}.ritual-plant-art{height:82px}.ritual-plant-art img{width:59px;height:78px}.ritual-facts{grid-template-columns:1fr}.nav-emblem{width:35px;height:35px}
}

@media(max-width:335px){.plant-grid{grid-template-columns:1fr}.plant-card{min-height:458px}.card-art{height:304px;padding:36px 24px 23px}.card-copy{min-height:154px}.card-copy h3{font-size:22px}.card-latin{font-size:11px!important}.card-epithet{font-size:14px!important}.plant-tag{font-size:12px}}

@media(hover:hover){.plant-card:hover{transform:translateY(-5px);border-color:rgba(174,130,61,.72);box-shadow:0 20px 42px rgba(0,0,0,.44),0 0 0 1px rgba(233,201,130,.08),inset 0 0 30px rgba(104,69,24,.12)}.plant-card:hover .card-art img{transform:translateY(-3px) scale(1.025);filter:drop-shadow(0 12px 8px rgba(48,34,15,.2))}.medium-card:hover{transform:translateY(-2px);border-color:rgba(231,198,124,.48);background:rgba(67,103,81,.23)}.entry-card.blend-entry:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(0,0,0,.32),inset 0 0 29px rgba(96,65,27,.07)}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Codex 4.0 — engraved iconography, ritual methods and long-form legibility */
.glyph{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.page-emblem{width:56px;height:56px;flex:none;display:grid;place-items:center;border:1px solid rgba(226,191,112,.44);border-radius:50%;color:var(--gold-100);background:radial-gradient(circle,rgba(211,175,96,.12),rgba(4,28,21,.55) 67%);box-shadow:inset 0 0 0 4px rgba(3,22,17,.75),inset 0 0 0 5px rgba(226,191,112,.18),0 7px 18px rgba(0,0,0,.28)}
.page-emblem .glyph{width:31px;height:31px;stroke-width:1.2}
.meta{gap:7px}.meta .glyph{width:15px;height:15px;flex:none;stroke-width:1.35}
.book-rule span{width:26px;height:26px;display:grid;place-items:center}.book-rule .glyph{width:19px;height:19px}
.folio-icon{width:36px;height:36px;padding:7px;display:grid;place-items:center;border:1px solid rgba(96,83,46,.35);border-radius:50%;background:rgba(119,116,71,.06);color:#625e38}
.folio-icon .glyph{width:100%;height:100%;stroke-width:1.35}
.folio-section{grid-template-columns:42px 1fr;gap:13px;padding:17px}
.folio-section h2{font-size:22px}.folio-section p,.folio-section li{font-size:clamp(16px,1.35vw,18px);line-height:1.65}
.charter-emblem{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(112,82,41,.38);border-radius:50%;color:#716036;background:radial-gradient(circle,rgba(139,123,71,.11),transparent 70%)}
.charter-emblem .glyph{width:35px;height:35px;stroke-width:1.15}
.charter-grid p{font-size:clamp(15px,1.2vw,17px);line-height:1.68}

/* Engraved navigation */
.nav-emblem{width:42px;height:42px;position:relative;display:grid;place-items:center;flex:none;opacity:.78;color:#b9b6a5;border:1px solid transparent;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.035),transparent 66%);filter:none;transition:transform .24s ease,color .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease}
.nav-emblem::after{content:"";position:absolute;inset:4px;border:1px solid rgba(225,190,110,.09);border-radius:50%}
.nav-emblem .glyph{width:25px;height:25px;stroke-width:1.25}
.nav-item.is-active .nav-emblem{opacity:1;color:#f1d28a;border-color:rgba(231,196,116,.58);background:radial-gradient(circle,rgba(205,169,91,.15),rgba(16,55,42,.44) 72%);box-shadow:inset 0 0 0 3px rgba(2,22,17,.66),0 0 18px rgba(231,196,116,.12);filter:none;transform:translateY(-1px)}
.nav-item.is-active .nav-emblem::after{border-color:rgba(236,204,132,.26)}
.bottom-nav{height:calc(86px + var(--safe-b));padding-top:4px}.nav-item{gap:2px;font-size:12px;letter-spacing:.01em}
.drawer-link{gap:12px}.drawer-link-main,.drawer-action-main{min-width:0;display:flex;align-items:center;gap:12px}.drawer-link .drawer-link-main{color:#eee4cf;font-size:inherit}.drawer-link-main i{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(224,189,110,.2);border-radius:50%;color:#d9bc77;font-style:normal}.drawer-link-main i .glyph{width:20px;height:20px}.drawer-link-main b{font-weight:400;font-size:16px}.drawer-chevron{width:23px!important;color:#9e916e!important}.drawer-chevron .glyph{width:17px;height:17px}.drawer-action{gap:12px}.drawer-action>.glyph{width:17px;height:17px;color:#9e916e}.drawer-action .drawer-action-main{color:#eee4cf;font-size:14px}.drawer-action-main .glyph{width:21px;height:21px;color:#d9bc77}.plain-icon .glyph{width:23px;height:23px;stroke-width:1.35}

/* Always-available reading controls */
.detail-nav{position:sticky;top:0;height:68px;padding:calc(10px + var(--safe-t)) 15px 9px;z-index:35;background:linear-gradient(180deg,rgba(243,229,194,.95),rgba(239,222,183,.75) 75%,transparent);backdrop-filter:blur(8px)}
.round-action{width:44px;height:44px;border-color:rgba(95,72,38,.28);background:rgba(255,248,224,.73);box-shadow:0 6px 18px rgba(68,47,20,.11),inset 0 0 0 3px rgba(255,255,255,.15)}
.folio-jump{position:sticky;top:76px;z-index:15;margin:20px 0 12px;padding:7px;display:flex;align-items:center;gap:6px;overflow:auto;border:1px solid rgba(104,77,38,.25);border-radius:11px;background:rgba(239,224,185,.93);box-shadow:0 9px 24px rgba(78,53,21,.13);backdrop-filter:blur(11px);scrollbar-width:none}
.folio-jump::-webkit-scrollbar{display:none}.folio-jump>span{padding:0 7px;color:#725b34;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.folio-jump button{min-height:38px;padding:7px 11px;border:1px solid rgba(106,79,39,.17);border-radius:8px;background:rgba(255,250,231,.38);display:inline-flex;align-items:center;gap:7px;color:#443728;white-space:nowrap;cursor:pointer;font-size:13px}.folio-jump button .glyph{width:17px;height:17px;color:#73623b}.folio-jump button:hover{border-color:rgba(115,82,37,.4);background:rgba(255,250,231,.72)}
#plant-essence,#ritual-practice,#plant-accords,#plant-bonds{scroll-margin-top:135px}

/* Book of workings */
.practice-codex{grid-column:1/-1;position:relative;overflow:hidden;margin-top:3px;padding:clamp(18px,3vw,30px);border:1px solid rgba(103,74,35,.29);border-radius:10px;background:linear-gradient(145deg,rgba(110,120,70,.1),rgba(255,249,225,.24)),radial-gradient(circle at 93% 9%,rgba(142,105,49,.1),transparent 15rem);box-shadow:inset 0 0 34px rgba(91,62,24,.045)}
.practice-codex::before{content:"";position:absolute;inset:7px;border:1px solid rgba(111,81,39,.11);border-radius:6px;pointer-events:none}
.practice-codex::after{content:"";position:absolute;right:-65px;top:-75px;width:210px;height:210px;border:1px solid rgba(111,80,39,.1);border-radius:50%;box-shadow:inset 0 0 0 14px rgba(111,80,39,.025),inset 0 0 0 15px rgba(111,80,39,.07);pointer-events:none}
.practice-heading{position:relative;z-index:1;display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid rgba(104,76,38,.22)}
.practice-seal{width:58px;height:58px;flex:none;display:grid;place-items:center;border:1px solid rgba(111,82,42,.45);border-radius:50%;color:#725f34;background:radial-gradient(circle,rgba(127,119,67,.14),rgba(255,249,224,.1) 68%);box-shadow:inset 0 0 0 4px rgba(255,248,222,.24),inset 0 0 0 5px rgba(111,82,42,.12)}
.practice-seal .glyph{width:36px;height:36px;stroke-width:1.12}.practice-heading p{margin:0 0 3px;color:#7d6639;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.16em}.practice-heading h2{margin:0;font-size:clamp(27px,3vw,36px);font-weight:400;line-height:1}.practice-heading>div>span{display:block;margin-top:7px;color:#6e6049;font-size:14px;line-height:1.35}
.force-ledger{position:relative;z-index:1;display:grid;grid-template-columns:44px minmax(0,1.4fr) minmax(240px,.8fr);gap:14px;align-items:start;margin:18px 0;padding:17px;border:1px solid rgba(105,77,39,.21);border-radius:8px;background:rgba(255,249,226,.26)}
.force-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(112,83,42,.32);border-radius:50%;color:#78643a}.force-mark .glyph{width:23px;height:23px}.force-copy small,.force-ledger dt,.working-card small{display:block;color:#73582f;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.force-copy p{margin:6px 0 0;color:#3e3226;font-size:clamp(16px,1.4vw,18px);line-height:1.65}.force-ledger dl{margin:0;display:grid;gap:10px}.force-ledger dl>div{padding-left:12px;border-left:2px solid rgba(126,96,49,.38)}.force-ledger dt{margin-bottom:5px}.force-ledger dd{margin:0;color:#493b2c;font-size:14px;line-height:1.5}.force-ledger dd span{display:inline-flex;margin:2px 4px 2px 0;padding:4px 7px;border:1px solid rgba(104,78,42,.17);border-radius:99px;background:rgba(255,248,224,.35);font-size:12px}
.working-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.working-card{min-width:0;padding:16px;border:1px solid rgba(103,75,37,.22);border-radius:9px;background:linear-gradient(155deg,rgba(255,250,232,.44),rgba(125,116,72,.06));box-shadow:0 7px 18px rgba(80,53,20,.045)}.working-card>header{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid rgba(105,78,39,.16)}.working-icon{width:43px;height:43px;flex:none;display:grid;place-items:center;border:1px solid rgba(112,83,42,.36);border-radius:50%;color:#765e33;background:rgba(255,249,225,.28)}.working-icon .glyph{width:25px;height:25px;stroke-width:1.22}.working-card h3{margin:3px 0 0;font-size:21px;font-weight:400;line-height:1.1}.working-card p{margin:5px 0 0;color:#44382a;font-size:14.5px;line-height:1.6}.working-principle,.working-voice,.working-gesture{padding-top:12px}.working-voice{margin-top:11px;padding:12px;border-left:3px solid rgba(104,117,69,.52);background:rgba(105,120,69,.08)}.working-gesture{margin-top:11px;border-top:1px solid rgba(105,78,39,.15)}

/* Cauldron foundations */
.medium-intro>p{font-size:15px;line-height:1.65}.medium-card{grid-template-columns:42px 1fr;min-height:84px;padding:11px;gap:10px}.medium-card>b{width:42px;height:42px}.medium-card>b .glyph{width:24px;height:24px;stroke-width:1.2}.medium-card strong{font-size:16px}.medium-card small{font-size:10.5px;line-height:1.35}.medium-preview{margin-top:13px;padding:15px;border:1px solid rgba(224,190,114,.2);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(13,54,41,.12))}.medium-preview>header{display:flex;align-items:center;gap:11px;padding-bottom:12px;border-bottom:1px solid rgba(224,190,114,.14)}.medium-preview>header>span{width:44px;height:44px;flex:none;display:grid;place-items:center;border:1px solid rgba(226,191,112,.35);border-radius:50%;color:#e2c27b}.medium-preview>header>span .glyph{width:25px;height:25px}.medium-preview small{display:block;color:#bfa66f;font-family:var(--sans);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.medium-preview h3{margin:3px 0 0;color:#f0e6d2;font-size:20px;font-weight:400}.medium-preview>div{display:grid;gap:12px;padding-top:13px}.medium-preview section{padding-left:11px;border-left:2px solid rgba(221,187,109,.27)}.medium-preview p{margin:5px 0 0;color:#c9c1ae;font-size:14px;line-height:1.58}.ingredient-add b{width:32px;height:32px;margin:auto;display:grid;place-items:center}.ingredient-add b .glyph{width:29px;height:29px}.remove{display:grid;place-items:center}.remove .glyph{width:15px;height:15px;stroke-width:1.6}.primary>.glyph,.secondary>.glyph{width:21px;height:21px;flex:none}.result-seal{width:clamp(88px,14vw,136px);height:clamp(88px,14vw,136px);margin:-10px 0 -18px -9px;display:grid;place-items:center;flex:none;border:1px solid rgba(104,77,38,.34);border-radius:50%;color:#74643a;background:radial-gradient(circle,rgba(117,121,70,.17),rgba(255,248,222,.09) 68%);box-shadow:inset 0 0 0 7px rgba(255,249,226,.3),inset 0 0 0 8px rgba(107,78,38,.12),0 9px 15px rgba(59,39,17,.13);filter:none}.result-seal .glyph{width:62%;height:62%;stroke-width:1.1}.foundation-badge b{width:18px;height:18px;display:grid;place-items:center}.foundation-badge b .glyph{width:18px;height:18px}.medium-doctrine>header>span .glyph{width:25px;height:25px}.entry-foundation{display:flex;align-items:center;gap:6px}.entry-foundation .glyph{width:16px;height:16px}.ritual-facts section>span,.ritual-closing>span{display:grid;place-items:center}.ritual-facts section>span .glyph{width:23px;height:23px}.ritual-closing>span .glyph{width:27px;height:27px}.doctrine-grid p,.ritual-plant p,.ritual-facts p,.ritual-closing p{font-size:15px;line-height:1.58}.ritual-steps li{font-size:16px;line-height:1.6}

@media(min-width:700px){
  .medium-preview>div{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(min-width:980px){
  .detail-nav{position:fixed;left:0;right:0;top:0;height:74px;padding:14px 25px;background:linear-gradient(90deg,rgba(239,224,187,.94) 0 42%,rgba(242,228,193,.96) 42% 100%);border-bottom:1px solid rgba(100,73,36,.17);box-shadow:0 7px 24px rgba(74,48,18,.09)}
  .folio-jump{top:86px}
  #plant-essence,#ritual-practice,#plant-accords,#plant-bonds{scroll-margin-top:148px}
  .detail-paper{padding-top:112px}.detail-stage{padding-top:112px}
  .working-card p{font-size:15.5px}.medium-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(min-width:1100px){
  .bottom-nav{height:68px;padding:4px 7px}.nav-emblem{width:40px;height:40px}.nav-emblem .glyph{width:23px;height:23px}.nav-item{gap:5px}
}
@media(min-width:1400px){
  .nav-item{gap:9px}.nav-emblem{width:43px;height:43px}.nav-emblem .glyph{width:25px;height:25px}.medium-card{min-height:88px}
}
@media(min-width:980px) and (max-width:1499px){
  .working-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .force-ledger{grid-template-columns:40px 1fr}.force-ledger dl{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .force-ledger{grid-template-columns:40px 1fr}.force-ledger dl{grid-column:1/-1;grid-template-columns:1fr}.working-grid{grid-template-columns:1fr}.working-card{padding:15px}.practice-heading>div>span{font-size:13px}.folio-jump>span{display:none}
}
@media(max-width:390px){
  .page-emblem{width:48px;height:48px}.page-emblem .glyph{width:27px;height:27px}.folio-section{grid-template-columns:38px 1fr;padding:14px;gap:10px}.folio-icon{width:33px;height:33px;padding:6px}.folio-section h2{font-size:20px}.folio-section p,.folio-section li{font-size:15.5px}.practice-codex{padding:15px}.practice-seal{width:50px;height:50px}.practice-heading h2{font-size:25px}.force-ledger{padding:13px;gap:10px}.force-copy p{font-size:15.5px}.working-card p{font-size:14.5px}.folio-jump{margin-inline:-2px}.folio-jump button{padding-inline:9px}.medium-preview{padding:12px}.medium-preview p{font-size:13.5px}.bottom-nav{height:calc(82px + var(--safe-b))}.nav-emblem{width:37px;height:37px}.nav-emblem .glyph{width:22px;height:22px}
}

/* Codex 4.1 — restoration of the illustrated bronze emblem set */
.page-emblem{
  width:64px;
  height:64px;
  flex:none;
  display:block;
  overflow:visible;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  filter:drop-shadow(0 7px 8px rgba(0,0,0,.46)) drop-shadow(0 0 8px rgba(225,184,96,.08));
}

.bottom-nav .nav-emblem{
  width:42px;
  height:42px;
  flex:none;
  display:block;
  overflow:visible;
  object-fit:contain;
  opacity:.72;
  color:inherit;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  filter:saturate(.76) brightness(.82) drop-shadow(0 4px 5px rgba(0,0,0,.38));
  transition:transform .22s ease,opacity .22s ease,filter .22s ease;
}
.bottom-nav .nav-emblem::after{content:none;display:none}
.bottom-nav .nav-item:hover .nav-emblem{opacity:.9;filter:saturate(.9) brightness(.94) drop-shadow(0 5px 7px rgba(0,0,0,.42))}
.bottom-nav .nav-item.is-active .nav-emblem{
  opacity:1;
  border:0;
  background:none;
  box-shadow:none;
  filter:saturate(1.08) brightness(1.08) drop-shadow(0 0 9px rgba(238,199,112,.3)) drop-shadow(0 5px 6px rgba(0,0,0,.4));
  transform:translateY(-2px) scale(1.05);
}

.drawer-link-main{gap:13px}
.drawer-icon{
  width:46px;
  height:46px;
  flex:none;
  display:grid;
  place-items:center;
}
.drawer-icon img{
  width:46px;
  height:46px;
  display:block;
  object-fit:contain;
  filter:saturate(.86) brightness(.92) drop-shadow(0 5px 6px rgba(0,0,0,.36));
}
.drawer-link:hover .drawer-icon img{filter:saturate(1.06) brightness(1.08) drop-shadow(0 0 8px rgba(233,194,108,.2)) drop-shadow(0 5px 6px rgba(0,0,0,.4))}

.charter-emblem,
.practice-seal{
  width:68px;
  height:68px;
  flex:none;
  display:block;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  filter:sepia(.08) saturate(.88) drop-shadow(0 8px 7px rgba(57,38,17,.2));
}
.result-seal{
  width:clamp(102px,14vw,148px);
  height:clamp(102px,14vw,148px);
  margin:-12px 0 -20px -10px;
  flex:none;
  display:block;
  object-fit:contain;
  border:0;
  border-radius:0;
  background:none;
  box-shadow:none;
  filter:sepia(.06) saturate(.92) drop-shadow(0 11px 9px rgba(59,39,17,.24));
}

@media(min-width:1100px){
  .bottom-nav .nav-emblem{width:44px;height:44px}
  .bottom-nav .nav-item{gap:6px}
}
@media(min-width:1400px){
  .bottom-nav .nav-emblem{width:47px;height:47px}
  .bottom-nav .nav-item{gap:10px}
}
@media(max-width:540px){
  .page-emblem{width:52px;height:52px}
  .bottom-nav .nav-emblem{width:39px;height:39px}
  .charter-emblem,.practice-seal{width:58px;height:58px}
  .result-seal{width:88px;height:88px;margin:0 -4px 0 -9px}
  .drawer-icon,.drawer-icon img{width:42px;height:42px}
}

/* Codex 4.2 — complete specimens, five-part navigation and patron circle */
.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
.nav-item span{max-width:100%;padding-inline:2px;line-height:1.08;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.plant-card{grid-template-rows:auto auto;align-content:start}
.card-art{
  height:260px;
  padding:31px 18px 20px;
  isolation:isolate;
}
.card-art img{
  width:100%;
  height:100%;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
  object-position:center center;
  transform:none;
}
.plant-card.category-resins .card-art img{width:94%;height:94%}
.card-copy{position:relative;z-index:5;width:100%;overflow:hidden}
.card-copy h3,.card-epithet,.plant-tag{max-width:100%}
.detail-stage{overflow:hidden}
.detail-stage img{max-width:100%;max-height:100%;object-fit:contain;object-position:center center}

.paper-surface{
  color:var(--ink);
  border:1px solid rgba(151,108,49,.5);
  background:linear-gradient(135deg,rgba(250,241,215,.98),rgba(226,204,159,.97)),url("./assets/scenes/parchment.webp") center/cover;
  box-shadow:0 18px 42px rgba(0,0,0,.3),inset 0 0 38px rgba(120,82,32,.1);
}
.support-view{background:radial-gradient(circle at 50% 10%,rgba(66,108,83,.2),transparent 34rem),linear-gradient(175deg,#071f18,#03130f 78%)}
.support-wrap{width:min(100%,1320px);margin:0 auto;padding:clamp(20px,4vw,54px) var(--page-pad) clamp(42px,6vw,82px)}
.support-manifest{min-height:250px;padding:clamp(24px,5vw,58px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,58px);border-radius:12px;position:relative;overflow:hidden}
.support-manifest::before{content:"";position:absolute;inset:12px;border:1px solid rgba(112,80,37,.19);border-radius:8px;pointer-events:none}
.support-manifest::after{content:"✦  ❧  ✦";position:absolute;right:25px;top:17px;color:rgba(104,76,38,.32);font-size:12px;letter-spacing:.42em}
.support-sigil{width:clamp(135px,17vw,210px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(113,83,43,.31);background:radial-gradient(circle,rgba(255,250,225,.72),rgba(195,168,110,.12) 63%,transparent 64%);box-shadow:inset 0 0 0 8px rgba(116,88,46,.06),0 16px 30px rgba(72,48,20,.14)}
.support-sigil img{width:86%;height:86%;object-fit:contain;filter:sepia(.08) saturate(.91) drop-shadow(0 10px 8px rgba(62,40,17,.2))}
.support-manifest-copy{position:relative;z-index:1}
.support-kicker{margin:0 0 8px;color:#806633!important;font:700 10px/1.2 var(--sans)!important;letter-spacing:.2em;text-transform:uppercase}
.support-manifest h2{margin:0;color:#2a2319;font-weight:400;font-size:clamp(35px,5vw,64px);letter-spacing:.035em;line-height:1}
.support-manifest-copy>p:last-child{max-width:790px;margin:18px 0 0;color:#4f4434;font-size:clamp(16px,1.5vw,19px);line-height:1.65}
.support-heading{margin:clamp(30px,5vw,54px) 0 17px;display:flex;align-items:center;gap:14px;color:#f0e6d1}
.support-heading>span{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(225,190,112,.45);border-radius:50%;color:var(--gold-100);font:700 10px var(--sans)}
.support-heading small{display:block;margin-bottom:3px;color:var(--gold-200);font:700 8px var(--sans);letter-spacing:.2em}
.support-heading h2{margin:0;font-weight:400;font-size:clamp(24px,3vw,34px)}
.support-purpose-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.support-purpose{min-height:190px;padding:22px;border-radius:10px;display:grid;grid-template-columns:78px 1fr;align-items:start;gap:15px}
.support-purpose img{width:76px;height:76px;object-fit:contain;filter:sepia(.08) saturate(.86) drop-shadow(0 8px 6px rgba(59,39,18,.18))}
.support-purpose h3,.support-tier h3{margin:5px 0 8px;font-weight:400;font-size:clamp(20px,2vw,25px);line-height:1.15}
.support-purpose p,.support-tier p{margin:0;color:#61533e;font-size:14.5px;line-height:1.55}
.support-tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.support-tier{min-height:178px;padding:24px;display:grid;grid-template-columns:70px 1fr;gap:18px;align-items:start;border-radius:10px}
.support-tier-mark{width:66px;height:66px;display:grid;place-items:center;border:1px solid rgba(107,79,41,.38);border-radius:50%;color:#705b31;background:rgba(255,251,229,.32);box-shadow:inset 0 0 0 5px rgba(112,85,44,.06);font-size:29px}
.support-soon{display:inline-flex;margin-top:15px;padding:6px 10px;border:1px solid rgba(97,79,44,.3);border-radius:999px;color:#6f5d38;background:rgba(126,116,70,.09);font:700 9px var(--sans);letter-spacing:.07em;text-transform:uppercase}
.support-actions{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.support-contact{text-decoration:none}
.support-actions .primary,.support-actions .secondary{margin:0;min-height:58px}
.support-actions .secondary{border-style:solid}
.support-note{max-width:820px;margin:16px auto 0;color:#aaa495;text-align:center;font-size:13px;line-height:1.5}
.support-thanks{margin-top:30px;padding:20px 23px;border-block:1px solid rgba(224,188,107,.23);display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:center;color:#e7decb}
.support-thanks>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(224,188,107,.31);border-radius:50%;color:var(--gold-100)}
.support-thanks .glyph{width:25px;height:25px}
.support-thanks small{color:var(--gold-200);font:700 9px var(--sans);letter-spacing:.13em;text-transform:uppercase}
.support-thanks p{margin:5px 0 0;color:#c1baaa;font-size:14px;line-height:1.55}

@media(min-width:700px){.card-art{height:316px;padding:35px 24px 24px}}
@media(min-width:980px){.card-art{height:340px;padding:38px 24px 26px}.detail-stage img{width:min(100%,560px);height:min(76vh,790px)}}
@media(min-width:1100px){.bottom-nav{width:590px}}
@media(min-width:1400px){.bottom-nav{width:760px}.card-art{height:365px;padding:39px 25px 27px}.plant-card{min-height:520px}}

@media(max-width:760px){
  .support-manifest{grid-template-columns:1fr;text-align:center;padding:31px 22px 26px;gap:7px}.support-sigil{width:140px;margin:0 auto}.support-manifest-copy>p:last-child{font-size:16px}.support-purpose-grid{grid-template-columns:1fr}.support-purpose{min-height:0}.support-tier-grid{grid-template-columns:1fr}.support-actions{grid-template-columns:1fr}
}
@media(max-width:540px){
  .bottom-nav{height:calc(84px + var(--safe-b));padding-inline:3px}.bottom-nav .nav-emblem{width:34px;height:34px}.nav-item{font-size:10px}.nav-item span{padding-inline:0}.support-wrap{padding-inline:12px}.support-purpose{grid-template-columns:62px 1fr;padding:17px;gap:10px}.support-purpose img{width:59px;height:59px}.support-purpose p,.support-tier p{font-size:14px}.support-tier{grid-template-columns:56px 1fr;padding:18px;gap:11px}.support-tier-mark{width:52px;height:52px;font-size:23px}.card-art{height:250px;padding:32px 13px 20px}
}
@media(max-width:390px){.bottom-nav .nav-emblem{width:31px;height:31px}.nav-item{font-size:9px}.card-art{height:238px;padding:31px 12px 19px}}
@media(max-width:335px){.bottom-nav .nav-emblem{width:29px;height:29px}.nav-item{font-size:8.5px}.card-art{height:330px;padding:35px 22px 23px}}
@media(hover:hover){.plant-card:hover .card-art img{transform:none;filter:drop-shadow(0 12px 8px rgba(48,34,15,.2))}}

/* Codex 4.3 — full botanical plates, visual atlas and a simpler cauldron */
.plant-card{grid-template-rows:auto auto;align-content:start}
.card-art{
  --art-top:36px;
  --art-side:18px;
  --art-bottom:23px;
  height:286px;
  padding:0;
  flex:none;
}
.card-art img,
.plant-card.category-resins .card-art img{
  position:absolute;
  z-index:1;
  top:var(--art-top);
  left:var(--art-side);
  width:calc(100% - (var(--art-side) * 2));
  height:calc(100% - var(--art-top) - var(--art-bottom));
  max-width:none;
  max-height:none;
  object-fit:contain;
  object-position:center center;
  transform:none;
}
.card-art::after{bottom:13px;height:8px;opacity:.72}
.card-copy{min-height:150px;box-shadow:none;border-top-color:rgba(104,74,34,.34)}
.card-copy::before{left:9%;right:9%}

.detail-visual{min-width:0;position:relative;background:radial-gradient(circle at 50% 38%,rgba(255,249,221,.54),transparent 31rem),linear-gradient(135deg,rgba(225,206,166,.32),rgba(245,235,205,.14))}
.detail-stage{height:auto;min-height:0;padding:14px 22px 18px;overflow:visible;border:0}
.specimen-main{width:100%;height:clamp(405px,112vw,520px);margin:0;position:relative;overflow:hidden;border:1px solid rgba(112,80,39,.24);border-radius:5px;background:radial-gradient(ellipse at 50% 54%,rgba(255,252,231,.54),rgba(213,190,145,.08) 68%,transparent 69%);box-shadow:inset 0 0 38px rgba(101,67,26,.07),0 14px 35px rgba(76,49,19,.08)}
.specimen-main::before{content:"";position:absolute;inset:8px;border:1px solid rgba(106,77,39,.1);pointer-events:none}
.specimen-main figcaption{position:absolute;z-index:4;left:18px;right:18px;top:14px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;color:#735e38;font-family:var(--sans);font-size:8px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.specimen-main figcaption b{max-width:58%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#7a6a4d;font-weight:500;font-style:italic;letter-spacing:.04em;text-transform:none}
.specimen-main>img{
  position:absolute!important;
  z-index:2;
  top:48px!important;
  right:20px!important;
  bottom:15px!important;
  left:20px!important;
  width:calc(100% - 40px)!important;
  height:calc(100% - 63px)!important;
  max-width:none!important;
  max-height:none!important;
  display:block;
  object-fit:contain!important;
  object-position:center center!important;
  opacity:1;
  filter:drop-shadow(0 15px 11px rgba(64,43,20,.18));
}
.specimen-atlas{padding:5px 18px 26px}
.specimen-atlas>header{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid rgba(106,78,40,.2)}
.specimen-atlas>header>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(105,79,42,.3);border-radius:50%;color:#6d643e;background:rgba(255,250,230,.25)}
.specimen-atlas>header .glyph{width:21px;height:21px}
.specimen-atlas small{display:block;color:#856c40;font:700 7.5px/1.2 var(--sans);letter-spacing:.15em}
.specimen-atlas h2{margin:3px 0 0;font-size:20px;font-weight:400;line-height:1}
.specimen-fragments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.specimen-fragment{min-width:0;margin:0;overflow:hidden;border:1px solid rgba(109,79,39,.22);border-radius:5px;background:rgba(255,249,226,.24)}
.specimen-crop{height:102px;position:relative;overflow:hidden;background:radial-gradient(circle,rgba(255,251,230,.54),transparent 70%)}
.specimen-crop img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(1.65);filter:drop-shadow(0 5px 5px rgba(70,48,22,.13))}
.focus-1 .specimen-crop img{transform-origin:center top}
.focus-2 .specimen-crop img{transform-origin:center center}
.focus-3 .specimen-crop img{transform-origin:center bottom}
.specimen-fragment figcaption{min-height:42px;padding:7px 5px;display:grid;place-items:center;color:#5d4b31;text-align:center;font:700 8px/1.3 var(--sans);letter-spacing:.035em}
.detail-paper{margin-top:0;clip-path:none}

.cauldron-scene{height:clamp(220px,28vw,310px)}
.cauldron-content{margin-top:-28px}
.medium-chooser-simple{padding:clamp(14px,2vw,22px);overflow:hidden}
.cauldron-guide{display:grid;grid-template-columns:52px minmax(0,1fr);gap:13px;align-items:start}
.guide-emblem{width:50px;height:50px;display:grid;place-items:center;border:1px solid rgba(230,195,116,.42);border-radius:50%;color:#edcf88;background:radial-gradient(circle,rgba(226,191,112,.13),rgba(3,25,19,.1));box-shadow:inset 0 0 0 4px rgba(3,23,17,.58)}
.guide-emblem .glyph{width:27px;height:27px}
.cauldron-guide .small-heading{margin:2px 0 3px;color:var(--gold-200);font-size:9px}
.cauldron-guide h2{margin:0;color:#f2e8d5;font-size:clamp(23px,3vw,31px);font-weight:400;line-height:1.05}
.cauldron-guide p:last-child{max-width:780px;margin:7px 0 0;color:#bdb6a7;font-size:14px;line-height:1.46}
.brew-path{margin:16px 0 14px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;border:1px solid rgba(225,191,112,.18);border-radius:9px;overflow:hidden}
.brew-path li{min-width:0;padding:10px 12px;display:flex;align-items:center;gap:9px;color:#8f8e85;background:rgba(255,255,255,.016);border-right:1px solid rgba(225,191,112,.12)}
.brew-path li:last-child{border-right:0}.brew-path li.is-active{color:#f0d591;background:rgba(52,91,71,.34)}
.brew-path span{font:700 8px/1 var(--sans);letter-spacing:.08em}.brew-path b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:400}
.foundation-rail{display:flex;gap:9px;margin:0 -3px;padding:2px 3px 11px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(218,183,104,.32) transparent}
.foundation-pill{min-width:clamp(155px,19vw,208px);min-height:70px;padding:9px 11px;display:grid;grid-template-columns:40px 1fr;gap:9px;align-items:center;scroll-snap-align:start;border:1px solid rgba(224,190,114,.17);border-radius:9px;background:rgba(255,255,255,.018);color:#ddd4c1;text-align:left;cursor:pointer}
.foundation-pill>b{width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(225,191,113,.27);border-radius:50%;color:#c9ad69}
.foundation-pill .glyph{width:22px;height:22px}.foundation-pill strong{display:block;color:#eee4cf;font-size:15px;font-weight:400;line-height:1.05}.foundation-pill small{display:block;margin-top:5px;color:#969286;font:500 9px/1.25 var(--sans)}
.foundation-pill.is-active{border-color:rgba(239,208,136,.7);background:linear-gradient(145deg,rgba(57,101,78,.7),rgba(23,62,47,.63));box-shadow:inset 0 0 16px rgba(239,207,137,.05),0 8px 18px rgba(0,0,0,.18)}
.foundation-pill.is-active>b{color:#ffe5a7;border-color:rgba(239,209,143,.67);box-shadow:0 0 15px rgba(235,201,124,.1)}
.foundation-current{margin-top:2px;padding:14px;border:1px solid rgba(224,190,114,.19);border-radius:9px;background:linear-gradient(145deg,rgba(255,255,255,.034),rgba(13,54,41,.1))}
.foundation-current-title{display:flex;align-items:center;gap:11px;padding-bottom:11px;border-bottom:1px solid rgba(224,190,114,.14)}
.foundation-current-title>span{width:41px;height:41px;flex:none;display:grid;place-items:center;border:1px solid rgba(226,191,112,.34);border-radius:50%;color:#e2c27b}
.foundation-current-title .glyph{width:23px;height:23px}.foundation-current-title small,.foundation-brief small{display:block;color:#bfa66f;font:700 8px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}.foundation-current-title h3{margin:3px 0 0;color:#f0e6d2;font-size:19px;font-weight:400;line-height:1.1}
.foundation-brief{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding-top:12px}.foundation-brief section{padding-left:11px;border-left:2px solid rgba(221,187,109,.27)}.foundation-brief p{margin:5px 0 0;color:#c9c1ae;font-size:13.5px;line-height:1.5}
.support-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.support-contact .glyph{width:22px;height:22px}

@media(min-width:700px){
  .card-art{--art-top:39px;--art-side:22px;--art-bottom:26px;height:344px}
  .specimen-main{height:560px}.specimen-crop{height:125px}.specimen-fragment figcaption{font-size:9px}
}
@media(min-width:980px){
  .plant-page{grid-template-columns:minmax(380px,42%) minmax(0,58%);align-items:start}
  .detail-visual{grid-column:1;border-right:1px solid rgba(111,79,35,.24);min-height:100dvh;padding-top:86px}
  .detail-stage{padding:19px clamp(24px,3.4vw,55px) 20px}
  .specimen-main{height:clamp(500px,62vh,690px)}
  .specimen-main>img{top:52px!important;right:24px!important;bottom:18px!important;left:24px!important;width:calc(100% - 48px)!important;height:calc(100% - 70px)!important}
  .specimen-atlas{padding:6px clamp(24px,3.4vw,55px) 34px}.specimen-crop{height:clamp(105px,10vw,145px)}
  .detail-paper{grid-column:2;padding-top:112px}
  .card-art{--art-top:41px;--art-side:23px;--art-bottom:27px;height:362px}
  .cauldron-scene{height:300px}.cauldron-content{margin-top:-30px}
}
@media(min-width:1400px){
  .card-art{--art-top:43px;--art-side:25px;--art-bottom:28px;height:390px}.plant-card{min-height:545px}
  .specimen-main{height:clamp(570px,65vh,760px)}.specimen-crop{height:150px}
}
@media(max-width:760px){
  .support-actions{grid-template-columns:1fr}
  .cauldron-scene{height:218px}.cauldron-scene img{object-position:center 54%}.cauldron-content{margin-top:-20px}
  .foundation-brief{grid-template-columns:1fr;gap:10px}
}
@media(max-width:540px){
  .card-art{--art-top:34px;--art-side:11px;--art-bottom:20px;height:278px}
  .card-copy{min-height:151px}
  .detail-stage{height:auto;min-height:0;padding:10px 13px 15px}
  .specimen-main{height:clamp(390px,116vw,470px)}
  .specimen-main>img{top:45px!important;right:14px!important;bottom:12px!important;left:14px!important;width:calc(100% - 28px)!important;height:calc(100% - 57px)!important}
  .specimen-atlas{padding:3px 13px 23px}.specimen-crop{height:91px}.specimen-fragment figcaption{min-height:46px;font-size:7.5px}
  .cauldron-guide{grid-template-columns:43px 1fr;gap:10px}.guide-emblem{width:43px;height:43px}.guide-emblem .glyph{width:23px;height:23px}.cauldron-guide h2{font-size:22px}.cauldron-guide p:last-child{font-size:13px}
  .brew-path li{padding:9px 7px;gap:5px}.brew-path b{font-size:10px}.foundation-pill{min-width:154px}.foundation-current{padding:12px}
}
@media(max-width:390px){
  .card-art{--art-top:33px;--art-side:9px;--art-bottom:19px;height:264px}
  .specimen-main{height:410px}.specimen-crop{height:82px}
}
@media(max-width:335px){
  .card-art{--art-top:38px;--art-side:24px;--art-bottom:24px;height:350px}
  .specimen-main{height:390px}.specimen-fragments{gap:5px}.specimen-fragment figcaption{font-size:7px}
}
@media(hover:hover){.foundation-pill:hover{border-color:rgba(231,198,124,.48);background-color:rgba(67,103,81,.23)}.plant-card:hover .card-art img{transform:none}}

/* Codex 4.4 — live patron support */
.support-donate{padding:clamp(20px,3vw,34px);border-radius:12px;overflow:hidden}
.support-donate-head{max-width:850px;margin:0 auto 20px;display:grid;grid-template-columns:62px minmax(0,1fr);gap:16px;align-items:start}
.support-donate-head>span{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(112,82,41,.38);border-radius:50%;color:#715d32;background:radial-gradient(circle,rgba(125,119,68,.14),rgba(255,249,226,.13) 70%);box-shadow:inset 0 0 0 5px rgba(111,82,42,.06)}
.support-donate-head .glyph{width:34px;height:34px;stroke-width:1.15}
.support-donate-head small{display:block;margin:3px 0 5px;color:#806633;font:700 8px/1.2 var(--sans);letter-spacing:.17em}
.support-donate-head h3{margin:0;color:#2b2318;font-size:clamp(26px,3vw,38px);font-weight:400;line-height:1.05}
.support-donate-head p{max-width:760px;margin:10px 0 0;color:#5d4f3b;font-size:15.5px;line-height:1.58}
.kofi-shell{width:min(100%,780px);min-height:712px;margin:0 auto;overflow:hidden;border:1px solid rgba(110,80,40,.28);border-radius:10px;background:#f9f9f9;box-shadow:0 16px 38px rgba(71,46,18,.13),inset 0 0 0 5px rgba(117,87,45,.035)}
.kofi-frame{width:100%;height:712px;padding:4px;display:block;border:0;background:#f9f9f9}
.support-kofi-open{width:min(100%,780px);margin:13px auto 0;text-decoration:none;color:#5a4729;border-style:solid;border-color:rgba(103,77,40,.38);background:rgba(255,250,229,.36)}
.support-kofi-open:hover{background:rgba(255,250,229,.72);border-color:rgba(103,77,40,.58)}

@media(max-width:540px){
  .support-donate{padding:17px 10px 12px}.support-donate-head{grid-template-columns:50px minmax(0,1fr);gap:11px;margin-bottom:15px}.support-donate-head>span{width:48px;height:48px}.support-donate-head .glyph{width:27px;height:27px}.support-donate-head h3{font-size:25px}.support-donate-head p{font-size:14px;line-height:1.5}
  .kofi-shell{min-height:712px;border-radius:8px}.kofi-frame{height:712px;padding:0}.support-kofi-open{min-height:52px;font-size:14px}
}

/* Codex 4.5 — direct support hub with authentic service marks */
.support-channel-hub{width:min(100%,980px);margin:0 auto;padding:clamp(15px,2.4vw,28px);border-radius:14px;position:relative;overflow:hidden}
.support-channel-hub::before{content:"";position:absolute;inset:8px;border:1px solid rgba(111,80,39,.12);border-radius:9px;pointer-events:none}
.support-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}
.support-live{min-width:0;min-height:92px;padding:14px 15px;position:relative;z-index:1;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:13px;border:1px solid rgba(226,191,112,.3);border-radius:12px;color:#f5ead2;text-decoration:none;text-align:left;background:linear-gradient(145deg,#153d30,#06251d);box-shadow:0 12px 28px rgba(36,24,9,.2),inset 0 0 0 1px rgba(255,255,255,.025);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,filter .24s ease}
.support-live::before{content:"";position:absolute;top:-80%;left:-45%;width:34%;height:250%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);transform:rotate(18deg);transition:left .55s ease;pointer-events:none}
.support-live-wide{min-height:104px;padding:17px 20px;grid-template-columns:66px minmax(0,1fr) 38px;background:linear-gradient(145deg,#234e3e,#0a3026);border-color:rgba(214,173,85,.62);box-shadow:0 16px 34px rgba(36,24,9,.24),inset 0 0 24px rgba(229,192,106,.045)}
.brand-mark{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:#fff;box-shadow:0 9px 20px rgba(0,0,0,.23),inset 0 0 0 1px rgba(255,255,255,.2)}
.support-live-wide .brand-mark{width:66px;height:66px;border-radius:20px}
.brand-glyph{width:34px;height:34px;display:block;fill:currentColor}.support-live-wide .brand-glyph{width:39px;height:39px}
.support-live-kofi .brand-mark{background:linear-gradient(145deg,#45c6ed,#1596c5)}.support-live-kofi .brand-cut{fill:#ff5d67}
.support-live-telegram .brand-mark{background:linear-gradient(145deg,#39bdf0,#168bd0)}
.support-live-whatsapp .brand-mark{background:linear-gradient(145deg,#3adb75,#16a851)}
.support-live-youtube .brand-mark{color:#ff0033;background:#fff}.support-live-youtube .brand-cut{fill:#fff}
.support-live-name{min-width:0;display:block}.support-live-name strong{display:block;overflow:hidden;color:#fff5df;font-size:clamp(18px,1.55vw,22px);font-weight:400;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}.support-live-wide .support-live-name strong{font-size:clamp(22px,2.2vw,30px)}
.support-live-name small{display:block;margin-top:6px;overflow:hidden;color:#bdb4a2;font:600 9px/1.25 var(--sans);letter-spacing:.055em;text-overflow:ellipsis;white-space:nowrap}
.support-live-go{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(232,202,137,.3);border-radius:50%;color:#e7c981;background:rgba(0,0,0,.12);font:400 18px/1 var(--sans);transition:transform .24s ease,background .24s ease}
.support-live-wide .support-live-go{width:37px;height:37px}
.support-live:focus-visible{outline:2px solid #efd08a;outline-offset:4px}

@media(max-width:900px){.support-live-grid{grid-template-columns:1fr}}
@media(max-width:540px){
  .support-channel-hub{padding:11px;border-radius:11px}.support-live-grid{gap:9px;margin-top:9px}.support-live,.support-live-wide{min-height:82px;padding:11px;grid-template-columns:52px minmax(0,1fr) 30px;gap:10px;border-radius:10px}.brand-mark,.support-live-wide .brand-mark{width:52px;height:52px;border-radius:16px}.brand-glyph,.support-live-wide .brand-glyph{width:30px;height:30px}.support-live-name strong,.support-live-wide .support-live-name strong{font-size:19px}.support-live-name small{font-size:8.5px}.support-live-go,.support-live-wide .support-live-go{width:29px;height:29px;font-size:16px}
}
@media(hover:hover){.support-live:hover{transform:translateY(-3px);border-color:rgba(235,201,127,.72);box-shadow:0 18px 38px rgba(31,21,9,.3),inset 0 0 20px rgba(235,201,127,.035);filter:brightness(1.06)}.support-live:hover::before{left:125%}.support-live:hover .support-live-go{transform:translate(2px,-2px);background:rgba(230,193,110,.12)}}

/* Codex 4.6 — the keeper's human editorial voice */
.keeper-voice{position:relative;margin:22px 0 18px;padding:18px 20px 18px 84px;min-height:76px;display:flex;align-items:center;border:1px solid rgba(102,75,37,.32);border-radius:9px;background:linear-gradient(135deg,rgba(245,230,188,.58),rgba(255,250,231,.24)),radial-gradient(circle at 12% 50%,rgba(114,89,45,.11),transparent 34%);box-shadow:inset 0 0 0 4px rgba(255,251,231,.2),0 9px 22px rgba(73,49,20,.08)}
.keeper-voice::before,.keeper-voice::after{content:"";position:absolute;top:12px;bottom:12px;width:1px;background:linear-gradient(transparent,rgba(116,85,39,.3),transparent)}
.keeper-voice::before{left:70px}.keeper-voice::after{right:10px;opacity:.46}
.keeper-voice-mark{position:absolute;left:14px;top:50%;width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(104,78,40,.34);border-radius:50%;background:rgba(255,248,221,.5);box-shadow:inset 0 0 0 4px rgba(111,82,43,.055);transform:translateY(-50%)}
.keeper-voice-mark img{width:32px;height:32px;object-fit:contain;filter:sepia(.35) saturate(.72) contrast(1.04)}
.keeper-voice small{display:block;margin:0 0 6px;color:#806533;font:700 8px/1.15 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.keeper-voice p{margin:0;color:#3c3021;font-size:clamp(16px,1.34vw,19px);font-style:italic;line-height:1.58;text-wrap:pretty}

@media(max-width:540px){
  .keeper-voice{margin:17px 0 15px;padding:15px 14px 15px 65px;min-height:68px;border-radius:8px}.keeper-voice::before{left:56px}.keeper-voice-mark{left:10px;width:37px;height:37px}.keeper-voice-mark img{width:27px;height:27px}.keeper-voice small{font-size:7px;letter-spacing:.16em}.keeper-voice p{font-size:15px;line-height:1.53}
}

/* Codex 4.7 — living counsel, measure and ritual closure */
.working-grid{grid-template-columns:1fr;gap:10px}
.working-card{display:grid;grid-template-columns:minmax(180px,25%) minmax(0,1fr);gap:18px;align-items:start;padding:17px 19px;background:linear-gradient(125deg,rgba(255,250,232,.5),rgba(125,116,72,.045))}
.working-card>header{min-width:0;padding:0 16px 0 0;border:0;border-right:1px solid rgba(105,78,39,.18)}
.working-card h3{font-size:clamp(20px,1.75vw,25px)}
.working-narrative{margin:0!important;color:#403326!important;font-size:clamp(15.5px,1.22vw,17.5px)!important;line-height:1.72!important;text-wrap:pretty}
.measure-warning{position:relative;z-index:1;margin-top:14px;padding:18px;display:grid;grid-template-columns:50px minmax(0,1fr);gap:15px;border:1px solid rgba(114,80,36,.35);border-radius:9px;background:linear-gradient(135deg,rgba(116,83,37,.11),rgba(255,248,220,.28)),radial-gradient(circle at 95% 10%,rgba(127,72,36,.1),transparent 18rem);box-shadow:inset 0 0 0 4px rgba(255,250,229,.17)}
.measure-warning::after{content:"";position:absolute;left:17px;right:17px;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(115,81,36,.2),transparent)}
.measure-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(112,80,40,.43);border-radius:50%;color:#765c30;background:rgba(255,248,220,.32)}
.measure-mark .glyph{width:28px;height:28px;stroke-width:1.15}
.measure-copy>small{display:block;color:#73562d;font:700 9px/1.2 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.measure-copy>p{max-width:850px;margin:7px 0 14px;color:#5a4630;font-size:14.5px;font-style:italic;line-height:1.58}
.measure-copy dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.measure-copy dl>div{padding:2px 0 2px 13px;border-left:2px solid rgba(122,88,42,.48)}
.measure-copy dt{margin:0 0 6px;color:#71512a;font:700 9px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.measure-copy dd{margin:0;color:#3f3225;font-size:clamp(15px,1.16vw,17px);line-height:1.65;text-wrap:pretty}

.foundation-rail{margin-top:16px}
.foundation-warning{grid-column:1/-1;margin-top:2px;padding-top:12px!important;border-top:1px solid rgba(224,190,114,.14);border-left-color:rgba(184,113,68,.65)!important}
.foundation-warning small{color:#d3a777}
.foundation-warning p{color:#e0d3bf}

@media(max-width:760px){
  .folio-jump{position:relative;top:auto;z-index:4}
  #plant-essence,#ritual-practice,#plant-accords,#plant-bonds{scroll-margin-top:82px}
  .working-card{grid-template-columns:1fr;gap:13px;padding:15px}
  .working-card>header{padding:0 0 12px;border-right:0;border-bottom:1px solid rgba(105,78,39,.17)}
  .measure-warning{grid-template-columns:40px minmax(0,1fr);gap:11px;padding:15px 13px}
  .measure-mark{width:39px;height:39px}.measure-mark .glyph{width:23px;height:23px}
  .measure-copy dl{grid-template-columns:1fr;gap:13px}
}

@media(max-width:390px){
  .working-narrative{font-size:15px!important;line-height:1.66!important}
  .measure-copy>p{font-size:13.5px}.measure-copy dd{font-size:14.5px;line-height:1.6}
}

/* Codex 5.0 — continuous craft chapters */
.grimoire-treatise{
  grid-column:1/-1;
  position:relative;
  overflow:hidden;
  padding:clamp(22px,3vw,38px);
  border:1px solid rgba(100,70,31,.36);
  border-radius:10px;
  background:
    radial-gradient(circle at 94% 3%,rgba(119,117,65,.13),transparent 19rem),
    linear-gradient(145deg,rgba(255,250,230,.48),rgba(216,191,142,.12));
  box-shadow:inset 0 0 0 6px rgba(255,250,228,.2),inset 0 0 44px rgba(84,55,20,.055),0 10px 26px rgba(75,48,18,.07)
}
.grimoire-treatise::before{content:"";position:absolute;inset:9px;border:1px solid rgba(105,75,34,.11);border-radius:6px;pointer-events:none}
.grimoire-treatise::after{content:"❧";position:absolute;right:20px;top:10px;color:rgba(85,71,37,.12);font-size:42px;line-height:1;pointer-events:none}
.grimoire-heading{position:relative;z-index:1;display:flex;align-items:center;gap:17px;padding:0 0 23px;border-bottom:1px solid rgba(104,74,34,.29)}
.grimoire-heading img{width:76px;height:76px;flex:none;object-fit:contain;filter:sepia(.09) saturate(.9) drop-shadow(0 9px 8px rgba(61,41,18,.2))}
.grimoire-heading p{margin:0 0 5px;color:#806331;font:700 9px/1.25 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.grimoire-heading h2{margin:0;color:#2d2419;font-size:clamp(30px,3.3vw,44px);font-weight:400;line-height:1.02;text-wrap:balance}
.grimoire-section{position:relative;z-index:1;display:grid;grid-template-columns:48px minmax(0,1fr);gap:17px;padding:clamp(23px,3vw,34px) 0;border-bottom:1px solid rgba(104,75,35,.22)}
.grimoire-section:last-child{padding-bottom:0;border-bottom:0}
.chapter-mark{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(106,79,42,.38);border-radius:50%;color:#6f6036;background:radial-gradient(circle,rgba(255,250,229,.5),rgba(118,116,67,.07));box-shadow:inset 0 0 0 4px rgba(113,84,42,.04)}
.chapter-mark .glyph{width:26px;height:26px;stroke-width:1.18}
.chapter-copy{min-width:0}
.chapter-copy>small{display:block;margin:2px 0 12px;color:#725326;font:700 10px/1.3 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.chapter-copy>p,.chapter-copy>ul,.chapter-copy dd,.use-copy p,.closure-columns p{color:#3d3124;font-size:clamp(16.5px,1.28vw,18.5px);line-height:1.74;text-wrap:pretty}
.chapter-copy>p{margin:0}.chapter-copy>p+p{margin-top:13px}
.grimoire-opening{font-size:clamp(18px,1.52vw,22px)!important;line-height:1.72!important;color:#33271b!important}
.grimoire-opening::first-letter{float:left;margin:7px 8px 0 0;color:#806332;font-size:3.25em;line-height:.7;text-shadow:0 1px rgba(255,255,255,.35)}
.force-script{margin:22px 0 0;padding:15px 0 0 16px;border-top:1px solid rgba(110,80,37,.16);border-left:3px solid rgba(111,117,67,.54)}
.force-script b,.force-directions dt,.grave-rule b,.closure-columns b{display:block;color:#6f512b;font:700 9px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.force-script p{margin:7px 0 0;color:#3d3023;font-size:clamp(16px,1.25vw,18px);line-height:1.68}
.force-directions{margin:17px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:12px}
.force-directions>div{padding:13px 14px;border-left:2px solid rgba(121,90,43,.36);background:rgba(255,250,231,.24)}
.force-directions dt{margin-bottom:7px}.force-directions dd{margin:0;font-size:15px;line-height:1.55}
.force-directions dd span{display:inline-flex;margin:2px 5px 2px 0;padding:5px 8px;border:1px solid rgba(103,78,40,.2);border-radius:99px;color:#4f452f;background:rgba(255,249,224,.36);font-size:12.5px;line-height:1.2}
.craft-safety{margin-inline:calc(clamp(22px,3vw,38px) * -1);padding-inline:clamp(22px,3vw,38px);background:linear-gradient(90deg,rgba(116,73,39,.075),rgba(147,112,59,.04),rgba(116,73,39,.075));border-block:1px solid rgba(115,76,37,.23)}
.section-prologue{margin-bottom:16px!important;color:#5c4730!important;font-style:italic}
.craft-safety ul{margin:0;padding:0;display:grid;gap:12px;list-style:none}
.craft-safety li{position:relative;padding:0 0 0 23px;color:#3b3024;font-size:clamp(16px,1.2vw,18px);line-height:1.67}
.craft-safety li::before{content:"◆";position:absolute;left:1px;top:.38em;color:#8a672f;font-size:8px}
.grave-rule{margin-top:19px;padding:16px 18px;display:grid;grid-template-columns:39px minmax(0,1fr);gap:13px;align-items:start;border:1px solid rgba(116,67,38,.31);border-left:4px solid #7c4d35;border-radius:7px;background:linear-gradient(135deg,rgba(119,70,42,.1),rgba(255,249,225,.28));box-shadow:inset 0 0 0 3px rgba(255,249,228,.15)}
.grave-rule>span{width:37px;height:37px;display:grid;place-items:center;border:1px solid rgba(126,75,42,.38);border-radius:50%;color:#78472f}
.grave-rule .glyph{width:22px;height:22px}.grave-rule p{margin:6px 0 0;color:#3e3023;font-size:clamp(15.5px,1.18vw,17.5px);line-height:1.65}
.use-list{counter-reset:work;display:grid}
.use-entry{min-width:0;display:grid;grid-template-columns:42px 46px minmax(0,1fr);gap:13px;align-items:start;padding:19px 0;border-top:1px solid rgba(103,75,35,.18)}
.use-entry:first-child{padding-top:3px;border-top:0}.use-entry:last-child{padding-bottom:0}
.use-index{padding-top:11px;color:#9a7b46;font:700 9px/1 var(--sans);letter-spacing:.12em}
.use-emblem{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(108,80,41,.37);border-radius:50%;color:#725c32;background:rgba(255,249,226,.3)}
.use-emblem .glyph{width:25px;height:25px;stroke-width:1.18}
.use-copy small{display:block;color:#856a3a;font:700 8px/1.25 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.use-copy h3{margin:4px 0 7px;color:#2f251a;font-size:clamp(23px,2vw,29px);font-weight:400;line-height:1.08}
.use-copy p{margin:0}
.liminal-panel{margin-inline:calc(clamp(22px,3vw,38px) * -1);padding-inline:clamp(22px,3vw,38px);color:#eee4cd;background:radial-gradient(circle at 8% 50%,rgba(95,128,93,.19),transparent 20rem),linear-gradient(145deg,#15392d,#0a291f);border-block:1px solid rgba(94,66,31,.32)}
.liminal-panel .chapter-mark{color:#d9bd7c;border-color:rgba(225,190,110,.43);background:rgba(0,0,0,.09);box-shadow:inset 0 0 0 4px rgba(0,0,0,.11)}
.liminal-panel .chapter-copy>small{color:#dfc27f}.liminal-panel .chapter-copy>p{color:#e7deca}
.pairing-list{margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 19px;list-style:none}
.pairing-list li{min-width:0;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:11px 0;border-top:1px solid rgba(104,75,35,.16)}
.pairing-list li:nth-child(-n+2){border-top:0}
.pairing-list span{width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(107,80,42,.29);border-radius:50%;color:#73623a}
.pairing-list .glyph{width:16px;height:16px}.pairing-list p{margin:0;color:#403528;font-size:clamp(15.5px,1.16vw,17px);line-height:1.62}
.closure-seal{padding-bottom:4px}
.closure-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.closure-columns section{padding:2px 0 3px 15px;border-left:3px solid rgba(112,86,44,.38)}
.closure-columns section:last-child{border-left-color:rgba(82,103,65,.56)}
.closure-columns p{margin:7px 0 0;font-size:clamp(15.5px,1.16vw,17.5px);line-height:1.66}
#plant-essence,#plant-safety,#ritual-practice,#plant-liminal,#plant-accords,#plant-bonds{scroll-margin-top:148px}

@media(max-width:760px){
  .grimoire-treatise{padding:19px 15px;border-radius:8px}
  .grimoire-treatise::before{inset:6px}.grimoire-treatise::after{right:10px;top:7px;font-size:32px}
  .grimoire-heading{gap:11px;padding-bottom:17px}.grimoire-heading img{width:57px;height:57px}.grimoire-heading p{font-size:7px;letter-spacing:.14em}.grimoire-heading h2{font-size:28px}
  .grimoire-section{grid-template-columns:37px minmax(0,1fr);gap:10px;padding:22px 0}.chapter-mark{width:36px;height:36px}.chapter-mark .glyph{width:21px;height:21px}
  .chapter-copy>small{margin-top:1px;font-size:8px;letter-spacing:.12em}.chapter-copy>p,.chapter-copy>ul,.chapter-copy dd,.use-copy p,.closure-columns p{font-size:16px;line-height:1.67}
  .grimoire-opening{font-size:17px!important;line-height:1.66!important}.grimoire-opening::first-letter{font-size:2.9em;margin-right:6px}
  .force-script{margin-top:17px;padding-left:12px}.force-directions{grid-template-columns:1fr;gap:8px}
  .craft-safety,.liminal-panel{margin-inline:-15px;padding-inline:15px}
  .grave-rule{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:13px 11px}.grave-rule>span{width:33px;height:33px}
  .use-entry{grid-template-columns:27px 38px minmax(0,1fr);gap:9px;padding:17px 0}.use-index{padding-top:10px;font-size:8px}.use-emblem{width:37px;height:37px}.use-emblem .glyph{width:21px;height:21px}.use-copy h3{font-size:22px}
  .pairing-list,.closure-columns{grid-template-columns:1fr;gap:8px}.pairing-list li:nth-child(2){border-top:1px solid rgba(104,75,35,.16)}
  #plant-essence,#plant-safety,#ritual-practice,#plant-liminal,#plant-accords,#plant-bonds{scroll-margin-top:82px}
}

@media(min-width:980px){
  .grimoire-treatise{padding-inline:clamp(30px,3.2vw,48px)}
  .craft-safety,.liminal-panel{margin-inline:calc(clamp(30px,3.2vw,48px) * -1);padding-inline:clamp(30px,3.2vw,48px)}
}

@media(max-width:390px){
  .grimoire-treatise{padding-inline:12px}.craft-safety,.liminal-panel{margin-inline:-12px;padding-inline:12px}
  .grimoire-heading img{width:50px;height:50px}.grimoire-heading h2{font-size:25px}
  .grimoire-section{grid-template-columns:32px minmax(0,1fr);gap:8px}.chapter-mark{width:31px;height:31px}.chapter-mark .glyph{width:18px;height:18px}
  .chapter-copy>p,.chapter-copy>ul,.chapter-copy dd,.use-copy p,.closure-columns p{font-size:15.5px}
  .use-entry{grid-template-columns:24px 34px minmax(0,1fr);gap:7px}.use-emblem{width:33px;height:33px}.use-emblem .glyph{width:19px;height:19px}.use-copy h3{font-size:20px}
}

/* Codex 5.1 — canon of the keeper: opening, middle, lock and lawful closure */
.ritual-roles{position:relative;counter-reset:stage}
.ritual-roles::before{content:"";position:absolute;left:5%;right:5%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(111,82,39,.34),transparent);pointer-events:none}
.ritual-plant{position:relative;z-index:1;align-items:stretch;padding:12px;background:linear-gradient(145deg,rgba(255,250,229,.54),rgba(139,122,75,.08));box-shadow:inset 0 0 0 3px rgba(255,251,232,.15),0 7px 18px rgba(73,47,18,.055)}
.ritual-plant[data-stage="opening"]{border-top:3px solid rgba(164,104,52,.62)}
.ritual-plant[data-stage="bridge"]{border-top:3px solid rgba(111,121,66,.68)}
.ritual-plant[data-stage="seal"]{border-top:3px solid rgba(67,83,67,.72)}
.ritual-plant-copy{min-width:0;padding-top:1px}
.ritual-stage-head{display:flex;align-items:center;gap:7px;margin:0 0 8px}
.ritual-stage-head::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(116,84,41,.32),transparent)}
.ritual-stage-head span{width:25px;height:25px;display:grid;place-items:center;border:1px solid rgba(112,82,41,.37);border-radius:50%;color:#826638;background:rgba(255,249,224,.42);font:700 8px/1 var(--sans)}
.ritual-stage-head b{color:#70522c;font:700 9px/1 var(--sans);letter-spacing:.15em;text-transform:uppercase}
.ritual-plant h4{font-size:clamp(20px,1.65vw,25px)}
.ritual-plant p{font-size:14.5px;line-height:1.58;text-wrap:pretty}

.cauldron-law{position:relative;z-index:1;margin-top:clamp(18px,3vw,28px);overflow:hidden;border:1px solid rgba(91,67,34,.42);border-radius:9px;background:linear-gradient(145deg,rgba(93,74,39,.08),rgba(255,249,226,.35));box-shadow:inset 0 0 0 4px rgba(255,250,231,.16)}
.cauldron-law>header{display:flex;align-items:center;gap:12px;padding:15px 18px;border-bottom:1px solid rgba(101,74,35,.25);background:linear-gradient(90deg,rgba(69,79,54,.13),transparent)}
.cauldron-law>header>span{width:42px;height:42px;flex:none;display:grid;place-items:center;border:1px solid rgba(103,77,40,.38);border-radius:50%;color:#6f6037;background:rgba(255,250,230,.3)}
.cauldron-law>header .glyph{width:24px;height:24px;stroke-width:1.18}
.cauldron-law>header small{display:block;margin-bottom:3px;color:#896b37;font:700 8px/1.2 var(--sans);letter-spacing:.18em}
.cauldron-law>header h3{margin:0;color:#33281d;font-size:clamp(23px,2.1vw,31px);font-weight:400}
.cauldron-law-grid{display:grid;grid-template-columns:minmax(0,1.45fr) repeat(2,minmax(0,1fr));gap:0}
.cauldron-law-grid>article{min-width:0;padding:18px;border-left:1px solid rgba(102,76,38,.18)}
.cauldron-law-grid>article:first-child{border-left:0}
.cauldron-law-grid h4{margin:0 0 9px;color:#6d4e28;font:700 10px/1.25 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.cauldron-law-grid p{margin:0;color:#443628;font-size:14.5px;line-height:1.62;text-wrap:pretty}
.cauldron-price{background:linear-gradient(135deg,rgba(118,68,39,.075),rgba(255,249,227,.08))}
.cauldron-price>p{font-style:italic;color:#59432f}
.cauldron-price ul{margin:13px 0 0;padding:0;display:grid;gap:10px;list-style:none}
.cauldron-price li{display:grid;grid-template-columns:minmax(86px,.35fr) minmax(0,1fr);gap:10px;padding-top:10px;border-top:1px solid rgba(113,77,37,.14)}
.cauldron-price li:first-child{padding-top:0;border-top:0}
.cauldron-price li strong{color:#664623;font-size:13px;font-weight:600}
.cauldron-price li span{color:#49382a;font-size:13.5px;line-height:1.5}
.cauldron-law>footer{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:14px 18px;border-top:1px solid rgba(101,74,35,.25);background:linear-gradient(90deg,rgba(49,68,47,.13),rgba(85,73,40,.06))}
.cauldron-law>footer>span{width:32px;height:32px;display:grid;place-items:center;color:#655f39}
.cauldron-law>footer .glyph{width:24px;height:24px}.cauldron-law>footer p{margin:0;color:#493b2d;font-size:14px;font-style:italic;line-height:1.58}

@media(max-width:880px){
  .cauldron-law-grid{grid-template-columns:1fr 1fr}.cauldron-price{grid-column:1/-1}.cauldron-law-grid>article:nth-child(2){border-left:0;border-top:1px solid rgba(102,76,38,.18)}.cauldron-law-grid>article:nth-child(3){border-top:1px solid rgba(102,76,38,.18)}
}
@media(max-width:620px){
  .ritual-roles::before{display:none}.ritual-plant{grid-template-columns:76px minmax(0,1fr)}
  .cauldron-law-grid{grid-template-columns:1fr}.cauldron-price{grid-column:auto}.cauldron-law-grid>article,.cauldron-law-grid>article:nth-child(2),.cauldron-law-grid>article:nth-child(3){border-left:0;border-top:1px solid rgba(102,76,38,.18)}.cauldron-law-grid>article:first-child{border-top:0}
}
@media(max-width:390px){
  .ritual-plant{grid-template-columns:64px minmax(0,1fr);gap:9px;padding:10px}.ritual-plant-art{height:auto;min-height:98px}.ritual-plant p{font-size:13.5px;line-height:1.53}.ritual-stage-head b{font-size:8px}.ritual-stage-head span{width:22px;height:22px}
  .cauldron-law>header{padding:13px}.cauldron-law>header>span{width:36px;height:36px}.cauldron-law-grid>article{padding:15px 13px}.cauldron-price li{grid-template-columns:1fr;gap:4px}.cauldron-law>footer{padding:13px;grid-template-columns:29px 1fr}.cauldron-law>footer p{font-size:13.5px}
}

/* Codex 5.3 — expanded herb and tree chapters */
.ingredients{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0;align-items:stretch}
.ingredient,.ingredient-add{height:136px}
.ingredient-order{position:absolute!important;z-index:4!important;left:7px;top:7px;width:26px!important;height:26px;display:grid!important;place-items:center;color:#71572f;font:700 8px/1 var(--sans)!important;border:1px solid rgba(106,77,38,.25);border-radius:50%;background:rgba(249,238,208,.9);box-shadow:0 3px 9px rgba(65,43,19,.1)}
.add-ingredient{margin-top:11px}
.picker{overscroll-behavior:contain;touch-action:pan-y}
.picker-sheet{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.picker-head{position:sticky;z-index:3;top:-17px;margin:-17px -15px 12px;padding:16px 15px 12px;border-bottom:1px solid rgba(101,74,36,.18);background:linear-gradient(rgba(245,232,197,.98),rgba(235,216,175,.96)),url("./assets/scenes/parchment.webp") center/cover;box-shadow:0 8px 16px rgba(75,50,21,.08)}
.picker-head small{display:block;margin:0 0 3px;color:#7b633c;font:700 8px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.picker-head h2{line-height:1.05}
.ritual-plant[data-stage="whole"]{border-top:3px solid rgba(132,101,51,.7)}

@media(min-width:1100px){
  .ingredients{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:620px){
  .ingredients{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ingredient,.ingredient-add{height:128px}.ingredient img{inset:7px 9px 25px;width:calc(100% - 18px);height:calc(100% - 32px)}
}

/* Codex 5.4 — stable responsive navigation and four-language flag selector */
:root{
  --mobile-dock-height:72px;
  --desktop-header-height:92px;
}

.masthead,.page-head{
  height:auto;
  min-height:calc(78px + var(--safe-t));
  padding:calc(11px + var(--safe-t)) clamp(13px,4vw,30px) 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  position:relative;
  top:auto;
  z-index:25;
  border-bottom:1px solid rgba(222,188,113,.17);
  background:linear-gradient(90deg,rgba(3,24,18,.985),rgba(5,35,27,.98),rgba(3,24,18,.985));
  box-shadow:0 7px 24px rgba(0,0,0,.16)
}
.brand,.page-identity{min-width:0;overflow:hidden}
.brand-copy,.page-identity>div{min-width:0}
.brand-copy strong,.brand-copy small,.page-identity h1,.page-identity p{overflow:hidden;text-overflow:ellipsis}
.desktop-nav{display:none}
.mast-actions{position:relative;z-index:2;flex:none;gap:7px}

.lang-trigger{
  min-width:72px;
  height:42px;
  padding:0 10px 0 8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  border-color:rgba(230,198,124,.42);
  color:#f4d991;
  background:linear-gradient(145deg,rgba(39,78,60,.34),rgba(4,29,22,.48));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 5px 15px rgba(0,0,0,.15)
}
.lang-trigger:hover,.lang-trigger[aria-expanded="true"]{border-color:rgba(240,207,133,.72);background:linear-gradient(145deg,rgba(57,103,79,.56),rgba(7,42,32,.7))}
.lang-trigger .lang-code{font:700 10px/1 var(--sans);letter-spacing:.09em}
.lang-trigger>.glyph{width:12px;height:12px;flex:none;transform:rotate(90deg);transition:transform .2s ease}
.lang-trigger[aria-expanded="true"]>.glyph{transform:rotate(-90deg)}
.language-flag{width:26px;height:18px;display:block;flex:none;overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:4px;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.3)}
.language-flag svg{width:100%;height:100%;display:block}

.language-popover{
  z-index:85;
  top:calc(70px + var(--safe-t));
  right:12px;
  width:min(310px,calc(100vw - 24px));
  padding:9px;
  overflow:hidden;
  border:1px solid rgba(224,189,110,.5);
  border-radius:14px;
  background:radial-gradient(circle at 85% 0,rgba(84,122,91,.2),transparent 14rem),linear-gradient(155deg,rgba(7,39,30,.99),rgba(3,22,17,.995));
  box-shadow:0 22px 52px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.02);
  backdrop-filter:blur(18px)
}
.language-popover button{
  min-height:58px;
  padding:8px 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  gap:10px;
  align-items:center;
  border:1px solid transparent;
  border-radius:9px
}
.language-popover button+button{margin-top:3px}
.language-popover button:hover,.language-popover button.is-active{border-color:rgba(230,196,120,.24);background:linear-gradient(90deg,rgba(64,107,84,.52),rgba(29,70,54,.27));color:#f5dc9b}
.language-option-main{min-width:0;display:flex;align-items:center;gap:11px}
.language-option-main>span:last-child{min-width:0;display:block}
.language-option-main strong{display:block;overflow:hidden;color:#eee5d2;font-size:16px;font-weight:400;line-height:1.08;text-overflow:ellipsis;white-space:nowrap}
.language-option-main small{display:block;margin-top:5px;color:#b9a470;font:700 8px/1 var(--sans);letter-spacing:.13em}
.language-option-check{width:26px;height:26px;display:grid;place-items:center;border:1px solid rgba(226,192,115,.15);border-radius:50%;color:transparent}
.language-option-check .glyph{width:16px;height:16px}
.is-active>.language-option-check{color:#f1d48d;border-color:rgba(233,199,121,.46);background:rgba(224,187,102,.1)}

.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.language-grid button{
  min-width:0;
  min-height:62px;
  padding:9px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 23px;
  gap:6px;
  align-items:center;
  text-align:left
}
.language-grid button .language-option-main{width:auto;height:auto;margin:0;display:flex;place-items:normal;gap:8px;border-radius:0;background:none;color:inherit;font:inherit}
.language-grid button .language-option-main>span:last-child{width:auto;height:auto;margin:0;display:block;place-items:normal;border-radius:0;background:none;color:inherit;font:inherit}
.language-grid button .language-flag{width:24px;height:16px;margin:0;display:block;background:#fff;color:inherit;font:inherit}
.language-grid button .language-option-main strong{font-size:13px}
.language-grid button .language-option-main small{font-size:7px}
.language-grid .language-option-check{width:22px;height:22px;margin:0;display:grid;place-items:center;border-radius:50%;background:transparent;color:transparent;font:inherit}
.language-grid button.is-active .language-option-check{color:#f1d48d;background:rgba(224,187,102,.1)}
.language-grid .language-option-check .glyph{width:13px;height:13px}

.view{padding-bottom:calc(100px + var(--safe-b))}
.view.detail-mode{padding-bottom:0}
.bottom-nav{
  width:calc(100% - 16px);
  height:var(--mobile-dock-height);
  left:8px;
  right:8px;
  bottom:calc(8px + var(--safe-b));
  top:auto;
  padding:4px;
  transform:none;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border:1px solid rgba(226,191,112,.34);
  border-radius:18px;
  background:linear-gradient(180deg,rgba(7,39,30,.985),rgba(3,25,19,.995));
  box-shadow:0 16px 38px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,255,255,.018);
  backdrop-filter:blur(18px)
}
.bottom-nav.is-hidden{display:none}
.bottom-nav .nav-item{min-height:62px;padding:2px 1px;gap:2px;border-radius:13px;font-size:10px;line-height:1}
.bottom-nav .nav-item.is-active{background:linear-gradient(145deg,rgba(61,105,81,.54),rgba(27,67,51,.4));box-shadow:inset 0 0 0 1px rgba(226,191,112,.08)}
.bottom-nav .nav-emblem{width:36px;height:36px}
.bottom-nav .nav-item.is-active .nav-emblem{transform:translateY(-1px) scale(1.04)}
.toast{bottom:calc(94px + var(--safe-b))}

@media(max-width:420px){
  .masthead,.page-head{padding-inline:11px;gap:7px}.seal{width:43px;height:43px}.brand{gap:9px}.brand-copy strong{font-size:20px}.brand-copy small{font-size:6.8px;letter-spacing:.2em}.page-emblem{width:46px;height:46px}.page-identity{gap:8px}.page-identity h1{font-size:20px}.page-identity p{font-size:6.5px;letter-spacing:.12em}.mast-actions{gap:3px}.lang-trigger{min-width:67px;padding-inline:7px;gap:5px}.menu-trigger{width:39px}.bottom-nav .nav-emblem{width:33px;height:33px}.bottom-nav .nav-item{font-size:9px}
}
@media(max-width:350px){
  .brand-copy small{display:none}.lang-trigger{min-width:61px}.lang-trigger>.glyph{display:none}.bottom-nav{width:calc(100% - 10px);left:5px;right:5px}.bottom-nav .nav-emblem{width:30px;height:30px}.bottom-nav .nav-item{font-size:8px}.language-grid{grid-template-columns:1fr}
}

@media(min-width:1024px){
  .masthead,.page-head{
    min-height:var(--desktop-header-height);
    padding:10px var(--page-pad);
    grid-template-columns:minmax(220px,1fr) minmax(500px,700px) minmax(150px,1fr);
    gap:16px;
    position:sticky;
    top:0;
    z-index:40
  }
  .brand,.page-identity{justify-self:start;max-width:100%}
  .mast-actions{justify-self:end}
  .desktop-nav{
    width:100%;
    height:68px;
    min-width:0;
    padding:4px 6px;
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:3px;
    border:1px solid rgba(224,188,107,.32);
    border-radius:17px;
    background:linear-gradient(180deg,rgba(5,34,26,.9),rgba(3,27,21,.94));
    box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.018)
  }
  .desktop-nav-item{
    min-width:0;
    height:58px;
    padding:3px 4px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:1px;
    overflow:hidden;
    border:1px solid transparent;
    border-radius:12px;
    color:#aaa99f;
    background:transparent;
    cursor:pointer;
    transition:background .2s ease,color .2s ease,border-color .2s ease
  }
  .desktop-nav-item img{width:35px;height:35px;flex:none;object-fit:contain;opacity:.72;filter:saturate(.76) brightness(.82) drop-shadow(0 4px 5px rgba(0,0,0,.4));transition:transform .2s ease,filter .2s ease,opacity .2s ease}
  .desktop-nav-item span{max-width:100%;overflow:hidden;font-size:10px;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}
  .desktop-nav-item:hover{color:#eee4cf;background:rgba(255,255,255,.035)}
  .desktop-nav-item.is-active{color:#f1d48c;border-color:rgba(230,195,116,.11);background:linear-gradient(145deg,rgba(58,100,78,.58),rgba(25,64,49,.42));box-shadow:inset 0 0 13px rgba(240,207,132,.025)}
  .desktop-nav-item.is-active img{opacity:1;filter:saturate(1.06) brightness(1.08) drop-shadow(0 0 8px rgba(238,199,112,.27)) drop-shadow(0 5px 6px rgba(0,0,0,.4));transform:translateY(-1px) scale(1.04)}
  .bottom-nav{display:none!important}
  .view{padding-bottom:48px}
  .toast{bottom:24px}
  .language-popover{top:82px;right:var(--page-pad)}

  .detail-nav{
    height:86px;
    padding:8px 25px;
    display:grid;
    grid-template-columns:minmax(54px,1fr) minmax(500px,700px) minmax(150px,1fr);
    align-items:center;
    gap:16px;
    position:fixed;
    inset:0 0 auto;
    z-index:45;
    background:linear-gradient(90deg,rgba(239,224,187,.97) 0 42%,rgba(242,228,193,.985) 42% 100%);
    border-bottom:1px solid rgba(100,73,36,.2);
    box-shadow:0 8px 26px rgba(74,48,18,.12)
  }
  .detail-nav>.round-action{justify-self:start}
  .detail-nav>.mast-actions{justify-self:end}
  .detail-nav .desktop-nav{height:66px;background:linear-gradient(180deg,rgba(20,54,42,.96),rgba(8,36,28,.98));box-shadow:0 9px 24px rgba(74,48,18,.18)}
  .detail-nav .lang-trigger{color:#6f552c;border-color:rgba(100,75,38,.35);background:rgba(255,249,226,.56);box-shadow:0 5px 15px rgba(74,48,18,.08)}
  .detail-nav .lang-trigger:hover,.detail-nav .lang-trigger[aria-expanded="true"]{border-color:rgba(100,75,38,.6);background:rgba(255,249,226,.82)}
  .detail-visual{padding-top:98px}
  .detail-paper{padding-top:124px}
  .folio-jump{top:98px}
  #plant-essence,#plant-safety,#ritual-practice,#plant-liminal,#plant-accords,#plant-bonds{scroll-margin-top:162px}
}

@media(min-width:1360px){
  .desktop-nav-item{flex-direction:row;gap:5px;padding-inline:3px}
  .desktop-nav-item img{width:38px;height:38px}
  .desktop-nav-item span{font-size:12px}
}
@media(min-width:1600px){
  .desktop-nav-item{gap:7px;padding-inline:7px}
  .desktop-nav-item img{width:40px;height:40px}
  .desktop-nav-item span{font-size:13px}
}

html{max-width:100%;overflow-x:hidden;overflow-x:clip}

/* Codex 5.5 — fungal folio and visible hazard register */
.plant-card.category-mushrooms .card-art img{
  width:calc(100% - (var(--art-side) * 2));
  height:calc(100% - var(--art-top) - var(--art-bottom));
  object-fit:contain;
  object-position:center center;
}
.card-copy:has(.hazard-badge){min-height:181px}
.hazard-badge{max-width:100%;margin:0 0 8px;padding:5px 8px;display:inline-flex;align-items:center;gap:5px;border:1px solid currentColor;border-radius:999px;font:800 8.5px/1.15 var(--sans);letter-spacing:.075em;text-transform:uppercase;white-space:normal}
.hazard-badge .glyph{width:13px;height:13px;flex:none;stroke-width:1.7}
.hazard-badge.level-deadly{color:#7d201b;background:rgba(151,43,33,.12);box-shadow:inset 0 0 0 1px rgba(255,248,225,.18)}
.hazard-badge.level-poisonous{color:#963b24;background:rgba(172,77,39,.11)}
.hazard-badge.level-caution{color:#76531e;background:rgba(170,125,39,.13)}
.hazard-badge.level-identify{color:#4b5f36;background:rgba(81,112,62,.12)}
.hazard-banner{margin:2px 0 19px;padding:13px 15px;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;border:1px solid rgba(109,81,40,.3);border-radius:9px;background:linear-gradient(135deg,rgba(124,102,54,.09),rgba(255,251,232,.33));box-shadow:inset 0 0 0 3px rgba(255,248,222,.18)}
.hazard-seal{width:42px;height:42px;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%}
.hazard-seal .glyph{width:23px;height:23px;stroke-width:1.35}
.hazard-banner strong{display:block;margin:1px 0 5px;font:800 10px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.hazard-banner p{margin:0;color:#43372b;font-size:14.5px;line-height:1.52;text-wrap:pretty}
.hazard-banner small{display:block;margin-top:8px;padding-top:8px;border-top:1px solid currentColor;color:#5c3028;font:700 10.5px/1.45 var(--sans);letter-spacing:.015em}
.hazard-banner.level-deadly{color:#7a201b;border-color:rgba(132,35,28,.45);background:linear-gradient(135deg,rgba(146,42,31,.13),rgba(255,244,218,.42))}
.hazard-banner.level-poisonous{color:#8e3a22;border-color:rgba(157,66,36,.4);background:linear-gradient(135deg,rgba(173,79,42,.11),rgba(255,247,225,.4))}
.hazard-banner.level-caution{color:#77551f;border-color:rgba(145,105,35,.38);background:linear-gradient(135deg,rgba(173,133,50,.1),rgba(255,250,229,.4))}
.hazard-banner.level-identify{color:#4f6439;border-color:rgba(75,103,55,.37);background:linear-gradient(135deg,rgba(80,113,62,.1),rgba(255,250,229,.4))}

/* Codex 5.6 — direct TBC support and reader wishes */
.support-bank{
  padding:clamp(22px,3.6vw,46px);
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(270px,360px);
  gap:clamp(26px,4vw,54px);
  align-items:center;
  position:relative;
  overflow:hidden;
  border-radius:14px;
}
.support-bank::before{content:"";position:absolute;inset:11px;border:1px solid rgba(107,78,38,.15);border-radius:9px;pointer-events:none}
.support-bank::after{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#23bde7,#168fca);box-shadow:9px 0 24px rgba(16,166,216,.12)}
.support-bank-copy,.tbc-qr{position:relative;z-index:1}
.tbc-identity{display:flex;align-items:center;gap:14px;margin-bottom:25px}
.tbc-emblem{width:60px;height:60px;display:grid;place-items:center;flex:none;border:1px solid rgba(21,157,210,.3);border-radius:18px;background:linear-gradient(145deg,#fff,#edfaff);box-shadow:0 11px 25px rgba(30,146,190,.16),inset 0 0 0 1px rgba(255,255,255,.8)}
.tbc-emblem svg{width:38px;height:38px;fill:none;stroke:#0eaddf;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.tbc-identity small{display:block;margin:0 0 5px;color:#77613b;font:800 9px/1.2 var(--sans);letter-spacing:.16em}
.tbc-identity strong{display:block;color:#162b2a;font:800 22px/1 var(--sans);letter-spacing:.12em}
.support-bank h3{max-width:680px;margin:0;color:#292117;font-size:clamp(31px,3.7vw,48px);font-weight:400;line-height:1.04}
.support-bank-copy>p:not(.tbc-verify){max-width:700px;margin:15px 0 22px;color:#584a37;font-size:clamp(15px,1.4vw,18px);line-height:1.62}
.tbc-account{padding:15px 16px 15px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;align-items:center;border:1px solid rgba(224,190,110,.55);border-radius:11px;color:#f4ead2;background:linear-gradient(145deg,#174839,#082a21);box-shadow:0 15px 30px rgba(42,29,12,.2),inset 0 0 0 1px rgba(255,255,255,.025)}
.tbc-account>span{grid-column:1;color:#cdbd9a;font:700 8px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase}
.tbc-account code{grid-column:1;color:#fff5dc;font:700 clamp(15px,1.8vw,20px)/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.055em;overflow-wrap:anywhere}
.tbc-account button{grid-column:2;grid-row:1/3;min-height:48px;padding:9px 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(225,193,120,.4);border-radius:9px;color:#efd28c;background:rgba(255,255,255,.045);font:700 11px/1.2 var(--sans);cursor:pointer;transition:.22s ease}
.tbc-account button .glyph{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.55}
.tbc-account button:hover{border-color:rgba(239,210,143,.75);background:rgba(232,199,126,.1)}
.tbc-account button:focus-visible{outline:2px solid #0eaddf;outline-offset:3px}
.tbc-verify{margin:13px 1px 0!important;display:flex;align-items:flex-start;gap:8px;color:#665b48!important;font:600 11px/1.52 var(--sans)!important}
.tbc-verify .glyph{width:17px;height:17px;flex:none;margin-top:1px;fill:none;stroke:#49703d;stroke-width:1.7}
.tbc-qr{width:100%;max-width:350px;margin:0 auto;text-align:center}
.tbc-qr>div{padding:12px;border:1px solid rgba(66,144,168,.26);border-radius:18px;background:#fff;box-shadow:0 21px 48px rgba(64,44,18,.18),inset 0 0 0 4px rgba(15,171,221,.035)}
.tbc-qr img{width:100%;height:auto;display:block;border-radius:10px;object-fit:contain}
.tbc-qr figcaption{margin:11px 4px 0;color:#6d5a38;font:700 10px/1.4 var(--sans);letter-spacing:.06em}
.support-bank+.support-thanks{margin-top:20px}
.support-wish{padding:clamp(22px,3.5vw,40px);display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:clamp(24px,4vw,52px);align-items:start;border-radius:14px;position:relative;overflow:hidden}
.support-wish::before{content:"";position:absolute;inset:10px;border:1px solid rgba(107,78,38,.14);border-radius:9px;pointer-events:none}
.support-wish-intro,.support-wish-form{position:relative;z-index:1}
.support-wish-intro{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:start}
.support-wish-seal{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(105,78,39,.33);border-radius:50%;color:#6d5930;background:rgba(255,249,224,.42);box-shadow:inset 0 0 0 6px rgba(107,80,41,.05)}
.support-wish-seal .glyph{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.2}
.support-wish-intro small{display:block;margin:5px 0 7px;color:#806633;font:800 9px/1.2 var(--sans);letter-spacing:.17em}
.support-wish-intro h3{margin:0;color:#2a2218;font-size:clamp(27px,3vw,39px);font-weight:400;line-height:1.08}
.support-wish-intro p{margin:13px 0 0;color:#5f513d;font-size:15px;line-height:1.6}
.support-wish-form label{display:block;margin-bottom:8px;color:#655436;font:800 10px/1.2 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.support-wish-form textarea{width:100%;min-height:170px;padding:16px 17px;resize:vertical;border:1px solid rgba(105,77,39,.33);border-radius:10px;outline:0;color:#352b20;background:rgba(255,250,230,.58);box-shadow:inset 0 2px 10px rgba(88,57,21,.06);font:16px/1.55 var(--serif)}
.support-wish-form textarea::placeholder{color:#8b7a60;opacity:.78}
.support-wish-form textarea:focus{border-color:rgba(42,103,79,.7);box-shadow:0 0 0 3px rgba(42,103,79,.11),inset 0 2px 10px rgba(88,57,21,.05)}
.support-wish-meta{min-height:25px;padding:7px 2px 0;display:flex;justify-content:flex-end;color:#807159;font:700 9px/1.2 var(--sans);letter-spacing:.08em}
.support-wish-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.support-wish-actions .primary,.support-wish-actions .secondary{min-height:54px;margin:0;padding-inline:14px;border-radius:9px}
.support-wish-actions .glyph{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.55}
.support-wish-actions .secondary{color:#344433;border-color:rgba(82,96,56,.38);background:rgba(255,250,228,.34)}
.support-wish-actions .secondary:hover{background:rgba(255,250,228,.7)}

@media(max-width:860px){
  .support-bank{grid-template-columns:1fr}.tbc-qr{max-width:320px}
  .support-wish{grid-template-columns:1fr}.support-wish-intro{max-width:700px}
}
@media(max-width:540px){
  .support-bank{padding:22px 16px 20px;gap:24px;border-radius:11px}.support-bank::before{inset:7px}.tbc-identity{margin-bottom:18px}.tbc-emblem{width:52px;height:52px;border-radius:15px}.tbc-emblem svg{width:32px;height:32px}.tbc-identity strong{font-size:19px}.support-bank h3{font-size:30px}.support-bank-copy>p:not(.tbc-verify){font-size:14.5px}.tbc-account{grid-template-columns:1fr;padding:14px}.tbc-account>span,.tbc-account code,.tbc-account button{grid-column:1;grid-row:auto}.tbc-account code{font-size:14px;letter-spacing:.025em}.tbc-account button{margin-top:6px;width:100%}.tbc-qr{max-width:285px}.tbc-qr>div{padding:9px;border-radius:14px}
  .support-thanks{padding-inline:12px;grid-template-columns:39px 1fr;gap:10px}.support-thanks>span{width:38px;height:38px}.support-thanks p{font-size:13px}
  .support-wish{padding:22px 16px 18px;gap:20px;border-radius:11px}.support-wish::before{inset:7px}.support-wish-intro{grid-template-columns:52px minmax(0,1fr);gap:11px}.support-wish-seal{width:50px;height:50px}.support-wish-seal .glyph{width:27px;height:27px}.support-wish-intro h3{font-size:27px}.support-wish-intro p{font-size:14px}.support-wish-form textarea{min-height:155px;padding:14px;font-size:15.5px}.support-wish-actions{grid-template-columns:1fr}
}
.picker-item.is-forbidden:disabled{opacity:.78;border-color:rgba(135,55,34,.25);background:rgba(157,66,38,.055)}
.picker-item em{display:flex;align-items:center;gap:4px;margin-top:5px;color:#8b3024;font:800 7.5px/1.2 var(--sans);font-style:normal;letter-spacing:.07em;text-transform:uppercase;white-space:normal}
.picker-item em .glyph{width:11px;height:11px;flex:none;stroke-width:1.7}

@media(max-width:560px){
  .chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;overflow:visible;padding:1px 0 9px}.chip{min-width:0;padding:8px 5px;font-size:12px;text-align:center}.hazard-badge{font-size:7.5px;letter-spacing:.05em;padding:4px 6px}.hazard-badge .glyph{width:11px;height:11px}.card-copy:has(.hazard-badge){min-height:176px}.hazard-banner{grid-template-columns:36px 1fr;padding:11px 12px;gap:9px}.hazard-seal{width:36px;height:36px}.hazard-seal .glyph{width:20px;height:20px}.hazard-banner p{font-size:13.5px}.hazard-banner small{font-size:9.5px}
}
@media(max-width:350px){.chip{font-size:11px;padding-inline:3px}}