:root{--red:#d6232b;--reddeep:#b41a21;--ink:#1d1d21;--ink2:#3a3a40;--mute:#6b6e75;--line:#e3e6e8;--mist:#eef1f2;--soft:#f7f8f9;--paper:#fff;--foot:#4d4d50;--gold:#f5a623;--r:18px;--hf:"Urbanist",system-ui,sans-serif;--bf:"Nunito Sans",system-ui,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.62 var(--bf);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--hf);line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em}
.mortar-note{width:min(1240px,100% - 32px);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.balm-chart24{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:99}
.balm-chart24:focus{left:10px}
.mortar-note8{font:800 .8rem/1.2 var(--hf);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin:0 0 .8em}
.elixir-chart27{width:14px;height:14px;flex:none;color:var(--red)}
.capsule-line{width:20px;height:20px;flex:none;color:#1f8a3e}
.capsule-page6{width:18px;height:18px;flex:none}
.ampule-chart2{color:var(--gold);letter-spacing:1px}
/* announcement */
.salve-rack2{background:var(--red);color:#fff;font:700 .84rem/1 var(--hf);letter-spacing:.02em;overflow:hidden}
.tablet-bin{display:flex;justify-content:center;gap:42px;padding:10px 16px;white-space:nowrap}
.tablet-bin span{display:inline-flex;align-items:center;gap:8px}
.tablet-bin .elixir-chart27{color:#fff;width:11px;height:11px}
.tablet-bin .script-desk{display:none}
/* header */
.serum-row{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.elixir-slot{display:flex;align-items:center;gap:28px;min-height:78px}
.capsule-rack{flex:none;width:230px}
.chart-rack{display:flex;gap:6px;margin-left:auto}
.chart-rack a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font:700 .98rem/1 var(--hf);padding:11px 14px;border-radius:999px;transition:background .2s}
.chart-rack a i{width:9px;height:9px;border-radius:50%;background:var(--dot)}
.chart-rack a:hover{background:var(--mist)}
.mortar-page{display:inline-flex;align-items:center;justify-content:center;background:var(--red);border-radius:999px;padding:14px 26px;transition:background .2s,transform .2s;box-shadow:0 6px 16px -8px rgba(214,35,43,.7)}
.mortar-page:hover{background:var(--reddeep);transform:translateY(-1px)}
.mortar-page img{height:15px;width:auto}
.dose-tray3{padding:12px 20px}
.dose-tray3 img{height:13px}
.chart-tab{display:none;margin-left:auto;background:none;border:0;padding:10px;cursor:pointer}
.chart-tab span{display:block;width:24px;height:2.6px;background:var(--ink);margin:5px 0;border-radius:2px}
/* intro (leader literal) */
.serum-bin8{padding:54px 0 30px;text-align:center;overflow:hidden}
.mortar-log7 h1{font-size:clamp(1.9rem,1.2rem + 2.3vw,3rem);font-weight:700;max-width:900px;margin:0 auto .5em}
.script-row{width:min(560px,86%);margin:10px auto 0}
.script-bin4{position:relative;margin:34px 0 10px}
.pestle-slot{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);width:100%;height:78%}
.pestle-tray{position:relative;border-radius:22px;box-shadow:0 26px 50px -30px rgba(0,0,0,.55);width:100%;aspect-ratio:5/1.35;object-fit:cover;object-position:60% 50%}
.vial-file9 p{max-width:980px;margin:26px auto 0;color:var(--ink2);font-size:1.02rem}
.vial-file9 b{color:var(--ink)}
.ampule-sheet4{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;align-items:center;margin-top:26px}
.tablet-desk{padding:18px 34px}
.tablet-desk img{height:17px}
.capsule-leaf,.script-page{display:inline-flex;align-items:center;gap:10px;border-radius:999px;padding:15px 26px;font:800 .98rem/1 var(--hf);text-decoration:none}
.capsule-leaf{border:2px solid var(--ink);color:var(--ink)}
.capsule-leaf:hover{background:var(--ink);color:#fff}
.script-page{background:var(--ink);color:#fff}
.script-page:hover{background:#000}
/* circles */
.pestle-row2{padding:50px 0 56px}
.dram-shelf{font-size:clamp(1.55rem,1.1rem + 1.5vw,2.3rem);font-weight:800;max-width:1000px}
.scoop-page6{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem);font-weight:800;text-align:center}
.salve-log{text-align:center;color:var(--mute);margin:-.3em 0 1.4em}
.scoop-bay{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:34px}
.pestle-row{text-decoration:none;display:flex;justify-content:center}
.phial-tray7{width:min(158px,100%);aspect-ratio:1;border-radius:50%;background:var(--cc);border:7px solid #fff;box-shadow:0 0 0 3px var(--cc);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;transition:transform .25s}
.phial-tray7 svg{width:44%;height:auto}
.phial-tray7 b{font:800 .95rem/1.1 var(--hf);text-align:center;padding:0 10px}
.pestle-row:hover .phial-tray7{transform:translateY(-4px) scale(1.03)}
.pestle-row.balm-page .phial-tray7{box-shadow:0 0 0 3px var(--cc),0 0 0 8px rgba(0,0,0,.08)}
/* trust strip */
.dose-page3{background:var(--ink);color:#fff;overflow:hidden;padding:15px 0}
.tonic-bin{display:flex;gap:40px;width:max-content;animation:roll 38s linear infinite;font:700 1.02rem/1 var(--hf)}
.tonic-bin span{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
@keyframes roll{to{transform:translateX(-50%)}}
/* shelf */
.remedy-tray{padding:70px 0}
.dram-bay{padding-top:44px}
.vial-bay{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:0 0 30px}
.vial-leaf{border:2px solid var(--line);background:#fff;border-radius:999px;padding:10px 18px;font:700 .92rem/1 var(--hf);cursor:pointer;color:var(--ink)}
.vial-leaf:hover{border-color:var(--cc,var(--ink))}
.vial-leaf.elixir-tab{background:var(--cc,var(--ink));border-color:var(--cc,var(--ink));color:#fff}
.remedy-note2{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.dram-bin{grid-template-columns:repeat(3,1fr)}
.remedy-page{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s}
.remedy-page:hover{box-shadow:0 22px 40px -26px rgba(0,0,0,.4);transform:translateY(-3px)}
.remedy-page[hidden]{display:none}
.tablet-rack{position:relative;background:var(--soft);display:block;padding:16px}
.tablet-rack img{aspect-ratio:1;object-fit:contain;width:100%;mix-blend-mode:multiply}
.elixir-note9{position:absolute;left:12px;top:12px;background:var(--cc);color:#fff;font:800 .72rem/1 var(--hf);letter-spacing:.06em;text-transform:uppercase;padding:7px 10px;border-radius:999px;z-index:1}
.vial-desk{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}
.dropper-rack{display:flex;align-items:center;gap:7px;font:800 .74rem/1 var(--hf);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.dropper-rack i,.balm-row i{width:9px;height:9px;border-radius:50%;background:var(--cc)}
.capsule-bin6{text-decoration:none}
.capsule-bin6 h3{font-size:1.1rem;font-weight:800;margin:0 0 6px}
.capsule-bin6:hover h3{color:var(--red)}
.dropper-desk5{font-size:.86rem;color:var(--mute);margin:0 0 8px}
.dropper-desk5 b{color:var(--ink)}
.dropper-desk5.salve-card4 b{color:var(--red)}
.salve-shelf{font-size:.93rem;color:var(--ink2);margin:0 0 14px;flex:1}
.balm-leaf5{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px;gap:10px}
.capsule-bin{font-size:.82rem;color:var(--mute)}
.elixir-note{font:800 1.3rem/1 var(--hf)}
.chart-leaf9{color:var(--mute);font:800 1rem/1 var(--hf)}
.salve-page{width:100%;padding:16px 10px}
.salve-page img{height:15px}
/* system tiles */
.script-leaf{padding:20px 0 70px}
.mortar-log2{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.remedy-bin{border-radius:var(--r);overflow:hidden;display:block;transition:transform .25s}
.remedy-bin:hover{transform:translateY(-4px)}
/* red card (leader literal) */
.dropper-tray{padding:10px 0 70px}
.script-entry{background:#ee2a1f;background:linear-gradient(120deg,#e3261d,#d6232b);color:#fff;border-radius:28px;padding:54px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;overflow:hidden}
.script-entry h2{font-size:clamp(1.8rem,1.2rem + 1.8vw,2.7rem);font-weight:800}
.script-entry p{font-size:1.02rem;opacity:.95;max-width:640px}
.ampule-log{margin-top:22px}
.tonic-page{border-radius:20px;background:#fff}
/* care chart */
.dropper-slot{padding:70px 0;background:var(--mist)}
.script-rack{position:relative;background:#fff;border-radius:26px;padding:56px 44px 40px;box-shadow:0 30px 60px -44px rgba(0,0,0,.5);border-top:10px solid var(--red)}
.elixir-bay3{position:absolute;top:-26px;left:50%;transform:translateX(-50%);width:150px;height:40px;border-radius:12px;background:linear-gradient(#5b5e66,#2c2d31);box-shadow:inset 0 -4px 0 rgba(0,0,0,.25)}
.mortar-row6{text-align:center;max-width:720px;margin:0 auto 26px}
.mortar-row6 h2{font-size:clamp(1.7rem,1.2rem + 1.6vw,2.5rem);font-weight:800}
.mortar-row6 p:last-child{color:var(--mute)}
.scoop-card{width:100%;border-collapse:collapse}
.scoop-card th{font:800 .78rem/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);text-align:left;padding:12px 14px;border-bottom:2px solid var(--ink)}
.scoop-card td{padding:14px;border-bottom:1px dashed #cfd4d8;vertical-align:middle;font-size:.96rem}
.scoop-card td:first-child{font-weight:700;border-left:5px solid var(--cc)}
.scoop-card .ampule-bay{display:flex;align-items:center;gap:12px;font-weight:800;text-decoration:none;font-family:var(--hf)}
.scoop-card .ampule-bay img{width:56px;height:56px;object-fit:contain;background:var(--soft);border-radius:10px}
.scoop-card .ampule-bay:hover{color:var(--red)}
.phial-rack{display:inline-block;background:var(--cc);color:#fff;border-radius:999px;padding:6px 12px;font:800 .8rem/1 var(--hf)}
.balm-bay{width:220px;text-align:right}
.dram-ward6{padding:13px 20px;white-space:nowrap}
.dram-ward6 img{height:12px;width:auto;max-width:none}
/* ingredients rail */
.capsule-ward{padding:70px 0}
.salve-entry6{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}
.salve-entry6 h2{font-size:clamp(1.6rem,1.2rem + 1.4vw,2.3rem);font-weight:800;margin-bottom:.2em}
.salve-entry6 p{margin:0;color:var(--mute)}
.dram-sheet{display:flex;gap:10px;flex:none}
.serum-leaf,.mortar-tray{width:46px;height:46px;border-radius:50%;border:2px solid var(--ink);background:#fff;font:700 1.5rem/1 var(--hf);cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.serum-leaf:hover,.mortar-tray:hover{background:var(--ink);color:#fff}
.script-bin9{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(210px,22%,270px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:thin}
.dose-row7{margin:0;scroll-snap-align:start;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;position:relative;background:#fff}
.tonic-desk{position:absolute;left:10px;bottom:48px;background:#e9f7b8;color:var(--ink);font:800 .7rem/1 var(--hf);padding:6px 9px;border-radius:999px;letter-spacing:.02em}
.dose-row7 figcaption{font:800 1rem/1 var(--hf);padding:14px;border-top:1px solid var(--line)}
/* slogan band */
.tincture-desk{padding:70px 0;background:linear-gradient(180deg,#fff 0,#fff 20%,var(--soft) 20%)}
.ampule-line{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.ampule-line>img{border-radius:24px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.vial-ward3 h2{font-size:clamp(1.8rem,1.2rem + 1.8vw,2.7rem);font-weight:800;color:var(--red)}
.vial-ward3 p{color:var(--ink2)}
.chart-log8{font:800 2.2rem/1 var(--hf);color:var(--ink)!important;display:flex;align-items:baseline;gap:12px;margin:20px 0}
.chart-log8 span{font:600 .95rem/1 var(--bf);color:var(--mute)}
.dropper-page5{padding:17px 34px}
.ampule-slot{display:inline-flex;align-items:center;gap:8px;font:800 1rem/1 var(--hf);color:var(--red);text-decoration:none;margin-left:18px}
.ampule-slot:hover{text-decoration:underline}
/* lifestyle strip (leader UGC) */
.vial-slot2{padding:70px 0 30px}
.tablet-slot6{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(170px,15%,220px);gap:12px;overflow-x:auto;margin-top:24px;padding-bottom:10px;scrollbar-width:thin}
.dose-tab{margin:0;border-radius:6px;overflow:hidden}
.dose-tab img{aspect-ratio:1;object-fit:cover;width:100%;transition:transform .4s}
.dose-tab:hover img{transform:scale(1.06)}
/* reviews (leader literal) */
.dram-row{padding:50px 0 70px}
.dose-shelf{text-align:center;margin:-.2em 0 30px;color:var(--mute)}
.dose-shelf .ampule-chart2{font-size:1.5rem;display:block}
.tonic-slot{display:flex;align-items:center;gap:14px}
.serum-note{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;flex:1}
.serum-note::-webkit-scrollbar{display:none}
.mortar-tray{flex:none}
.scoop-bin{margin:0;scroll-snap-align:start;text-align:center;padding:10px 18px 20px;display:flex;flex-direction:column;align-items:center}
.ampule-bay6{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none;font:700 .92rem/1.2 var(--hf)}
.ampule-bay6 img{width:96px;height:96px;object-fit:contain}
.phial-bay{font-size:1.35rem;margin:10px 0 4px}
.scoop-bin blockquote{margin:0 0 16px}
.scoop-bin blockquote b{display:block;font:800 1.08rem/1.25 var(--hf);margin-bottom:6px}
.scoop-bin blockquote p{margin:0;color:var(--ink2);font-size:.95rem}
.scoop-bin figcaption{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.9rem;font-weight:700;margin-top:auto}
.scoop-bin figcaption small{display:block;font-weight:400;color:var(--mute)}
.tonic-note{width:46px;height:46px;border-radius:50%;color:#fff;display:grid;place-items:center;font:800 1rem/1 var(--hf)}
.tablet-tray{text-align:center;font-size:.8rem;color:var(--mute);margin-top:18px}
/* x-ray ribbon + category ribbon */
.dram-slot,.tablet-entry{padding:0 0 60px}
.tincture-bin{display:block;border-radius:24px;overflow:hidden;transition:transform .25s}
.tincture-bin:hover{transform:translateY(-3px)}
.tablet-entry img{border-radius:22px}
/* seo */
.dropper-file{padding:64px 0;background:var(--mist)}
.serum-ward3{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:10px}
.serum-ward3 p{color:var(--ink2);font-size:.98rem;margin:0 0 26px}
.serum-ward3 h3{font-size:1.14rem;font-weight:800;margin:0 0 .45em;padding-left:14px;border-left:4px solid var(--red)}
/* faq */
.mortar-rack{padding:70px 0}
.vial-chart29{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}
.vial-chart29 .ampule-slot{margin-left:0}
.serum-note6{display:flex;flex-direction:column;gap:12px}
.elixir-line{border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.dropper-chart2{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:none;border:0;text-align:left;padding:18px 22px;font:800 1.04rem/1.3 var(--hf);cursor:pointer;color:var(--ink)}
.dropper-chart2 i{width:26px;height:26px;border-radius:50%;background:var(--red);flex:none;position:relative}
.dropper-chart2 i:before,.dropper-chart2 i:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2.6px;background:#fff;transform:translate(-50%,-50%);border-radius:2px;transition:transform .25s}
.dropper-chart2 i:after{transform:translate(-50%,-50%) rotate(90deg)}
.elixir-line.phial-bin8 .dropper-chart2 i:after{transform:translate(-50%,-50%) rotate(0)}
.elixir-tray{display:none;padding:0 22px 18px;color:var(--ink2)}
.elixir-line.phial-bin8 .elixir-tray{display:block}
.elixir-tray p{margin:0}
/* footer (leader literal: dark grey, multi-col) */
.tablet-bin8{background:var(--foot);color:#e9e9ea;padding:64px 0 26px;margin-top:10px}
.script-sheet4{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.mortar-row img{width:230px;margin-bottom:16px}
.pestle-entry4{font:800 1.15rem/1.2 var(--hf);color:#fff;margin:0 0 8px}
.mortar-row p{font-size:.92rem;margin:0 0 10px}
.tonic-row{color:#fff;font-weight:700}
.remedy-bay{opacity:.8}
.tablet-bin8 h4{font-size:1rem;color:#fff;margin:0 0 14px}
.serum-rack{margin-top:22px!important}
.chart-log a{display:block;text-decoration:none;font-size:.93rem;padding:5px 0;color:#e2e2e4}
.chart-log a span{opacity:.6;font-size:.82rem}
.chart-log a:hover{color:#fff;text-decoration:underline}
.dram-leaf{margin-top:18px}
.chart-log a.dropper-shelf{display:inline-flex;padding:14px 22px}
.dropper-shelf img{height:12px}
.tincture-file{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.15);margin-top:44px;padding-top:20px;font-size:.84rem;opacity:.8}
.tincture-file p{margin:0}
/* crumbs */
.tincture-page{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:.86rem;color:var(--mute);padding:18px 0}
.tincture-page a{text-decoration:none;font-weight:700;color:var(--ink)}
.tincture-page a:hover{color:var(--red)}
.tincture-page i{font-style:normal;opacity:.5}
/* category hero */
.script-note{background:linear-gradient(135deg,color-mix(in srgb,var(--cc) 10%,#fff),#fff 70%);border-top:6px solid var(--cc);padding:44px 0 50px}
.ampule-ward{display:grid;grid-template-columns:1.3fr .7fr;gap:48px;align-items:center}
.balm-row{display:inline-flex;align-items:center;gap:8px;font:800 .8rem/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--cc);background:#fff;border:2px solid var(--cc);padding:8px 14px;border-radius:999px;margin:0 0 16px}
.script-note h1{font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem);font-weight:800}
.balm-slot{font-size:1.06rem;color:var(--ink2);max-width:680px}
.balm-desk{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:22px 0 0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}
.balm-desk div{padding:14px 18px;border-bottom:1px solid var(--line)}
.balm-desk div:nth-child(odd){border-right:1px solid var(--line)}
.balm-desk dt{font:800 .72rem/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--cc);margin-bottom:6px}
.balm-desk dd{margin:0;font-size:.93rem;font-weight:600}
.tablet-sheet{border-radius:24px;box-shadow:0 30px 60px -40px rgba(0,0,0,.6)}
.script-chart25{display:flex;gap:14px;align-items:flex-start;background:var(--mist);border-left:6px solid var(--cc);border-radius:14px;padding:18px 22px;margin-top:30px}
.script-chart25 .elixir-chart27{margin-top:6px;width:18px;height:18px;color:var(--cc)}
.script-chart25 p{margin:0;font-weight:600}
.chart-shelf{padding-top:0}
/* pdp */
.tincture-bay8{padding:10px 0 60px}
.serum-file{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:start}
.vial-ward9{margin:0;background:var(--soft);border-radius:24px;padding:26px;border:1px solid var(--line)}
.vial-ward9 img{aspect-ratio:1;object-fit:contain;width:100%;mix-blend-mode:multiply}
.pestle-leaf9{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}
.pestle-note{width:78px;height:78px;border-radius:12px;border:2px solid var(--line);background:#fff;padding:4px;cursor:pointer}
.pestle-note.elixir-tab{border-color:var(--cc)}
.pestle-note img{width:100%;height:100%;object-fit:contain}
.remedy-tab h1{font-size:clamp(1.7rem,1.2rem + 1.5vw,2.45rem);font-weight:800}
.salve-note{font-size:.95rem}
.dropper-card5{font-size:1.04rem;color:var(--ink2)}
.mortar-log{display:grid;grid-template-columns:repeat(3,1fr);margin:20px 0;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.mortar-log div{padding:12px 14px;border-right:1px solid var(--line)}
.mortar-log div:last-child{border-right:0}
.mortar-log dt{font:800 .7rem/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:5px}
.mortar-log dd{margin:0;font-weight:700;font-size:.92rem}
.serum-sheet{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:6px 0 16px}
.serum-sheet b{font:800 2.3rem/1 var(--hf)}
.serum-sheet span{font-size:.82rem;color:var(--mute);max-width:280px}
.ampule-row4{width:100%;padding:20px}
.ampule-row4 img{height:18px}
.balm-log{margin-top:20px}
.capsule-entry5{font:800 .78rem/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 10px}
.salve-leaf{display:flex;gap:10px;flex-wrap:wrap}
.dram-log{border:2px solid var(--line);border-radius:14px;padding:10px 14px;text-decoration:none;display:flex;flex-direction:column;gap:3px;min-width:150px}
.dram-log b{font:800 .95rem/1.1 var(--hf)}
.dram-log span{font-size:.84rem;color:var(--mute)}
.dram-log.balm-page{border-color:var(--cc);background:color-mix(in srgb,var(--cc) 8%,#fff)}
.dropper-bin9{display:flex;gap:12px;align-items:flex-start;background:var(--mist);border-radius:14px;padding:16px 18px;margin-top:22px}
.dropper-bin9 .elixir-chart27{margin-top:6px}
.dropper-bin9 p{margin:0;font-size:.95rem}
.serum-tray4{padding:10px 0 20px}
.phial-note{display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
.dropper-bay{border:1px solid var(--line);border-radius:22px;padding:34px}
.dropper-bay h2{font-size:1.5rem;font-weight:800}
.tincture-line{background:var(--ink);color:#fff;border-color:var(--ink)}
.tincture-line img{width:190px;margin-bottom:18px}
.pestle-log,.capsule-desk,.scoop-file5{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pestle-log li,.capsule-desk li,.scoop-file5 li{display:flex;gap:12px;align-items:flex-start}
.capsule-desk .elixir-chart27,.scoop-file5 .elixir-chart27{margin-top:6px}
.tincture-line .elixir-chart27{color:#ff5a61}
/* reading pages */
.pestle-tab{padding:20px 0 70px}
.dropper-sheet{max-width:820px}
.dram-tab{max-width:1040px}
.dropper-sheet h1{font-size:clamp(1.9rem,1.2rem + 2vw,2.8rem);font-weight:800}
.dropper-sheet>p{color:var(--ink2);font-size:1.04rem}
.pestle-chart2{font-weight:700;color:var(--ink)!important;border-top:2px solid var(--ink);padding-top:18px;margin-top:30px}
.balm-rack{list-style:none;margin:30px 0;padding:0;display:flex;flex-direction:column;gap:14px}
.balm-rack li{display:flex;gap:20px;background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:22px 24px}
.script-line{font:900 1.6rem/1 var(--hf);color:var(--red);flex:none;width:44px}
.balm-rack h2{font-size:1.2rem;font-weight:800;margin-bottom:.3em}
.balm-rack p{margin:0;color:var(--ink2)}
.remedy-tab4{margin-top:40px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.remedy-tab4 p{margin:0 10px 0 0;font:800 .8rem/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.dose-entry{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:999px;padding:10px 16px;text-decoration:none;font:700 .92rem/1 var(--hf)}
.dose-entry:hover{border-color:var(--red);color:var(--red)}
.mortar-chart2{counter-reset:r;list-style:none;padding:0;margin:26px 0;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}
.mortar-chart2 li{counter-increment:r;display:grid;grid-template-columns:60px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}
.mortar-chart2 li:before{content:counter(r,decimal-leading-zero);font:900 1.3rem/1.3 var(--hf);color:var(--red);grid-row:span 2}
.mortar-chart2 h2{font-size:1.15rem;font-weight:800;margin-bottom:.2em}
.mortar-chart2 p{margin:0;color:var(--ink2)}
.capsule-line5{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:28px 0}
.vial-row{border:1px solid var(--line);border-radius:20px;padding:28px}
.vial-row h2{font-size:1.3rem;font-weight:800}
.script-log9{background:var(--red);color:#fff;border-color:var(--red)}
.script-log9 .elixir-chart27{color:#fff}
.vial-card{list-style:none;margin:30px 0;padding:0 0 0 30px;border-left:4px solid var(--red);display:flex;flex-direction:column;gap:24px}
.vial-card li{position:relative}
.vial-card li:before{content:"";position:absolute;left:-41px;top:4px;width:18px;height:18px;border-radius:50%;background:#fff;border:4px solid var(--red)}
.vial-card b{font:800 1.2rem/1.2 var(--hf)}
.vial-card p{margin:.3em 0 0;color:var(--ink2)}
.dropper-leaf{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}
.chart-ward{border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--soft)}
.chart-ward span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--red);color:#fff;font:900 1.1rem/1 var(--hf);margin-bottom:14px}
.chart-ward h2{font-size:1.1rem;font-weight:800}
.chart-ward p{margin:0;font-size:.94rem;color:var(--ink2)}
.salve-ward5{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}
.dose-slot{border:1px solid var(--line);border-top:6px solid var(--red);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:6px}
.dose-slot h2{font-size:1.2rem;font-weight:800;margin:0}
.dose-slot p{margin:0 0 6px;color:var(--ink2)}
.dose-slot a,.dose-slot b{font-weight:800;color:var(--red);word-break:break-word}
.dose-slot span{font-size:.84rem;color:var(--mute)}
.scoop-file5{margin:28px 0;background:var(--mist);border-radius:20px;padding:28px}
.serum-chart2{margin:26px 0}
.dropper-sheet .scoop-bay{margin-top:50px}
/* responsive */
@media (max-width:1100px){
  .remedy-note2{grid-template-columns:repeat(3,1fr)}
  .chart-rack a{padding:10px 10px;font-size:.92rem}
  .capsule-rack{width:190px}
  .script-sheet4{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .chart-tab{display:block}
  .elixir-slot{gap:14px;min-height:66px}
  .chart-rack{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;padding:10px 16px 18px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px -20px rgba(0,0,0,.3)}
  .chart-rack.phial-bin8{display:flex}
  .chart-rack a{padding:14px 10px;font-size:1.05rem}
  .dose-tray3{margin-left:auto}
  .chart-tab{margin-left:0}
  .tablet-bin{justify-content:flex-start;width:max-content;animation:roll 22s linear infinite}
  .tablet-bin .script-desk{display:inline-flex;align-items:center;gap:8px}
  .scoop-bay{grid-template-columns:repeat(3,1fr)}
  .mortar-log2{grid-template-columns:1fr 1fr}
  .script-entry{grid-template-columns:1fr;padding:34px}
  .ampule-line,.ampule-ward,.serum-file,.phial-note,.vial-chart29,.serum-ward3{grid-template-columns:1fr}
  .ampule-line{gap:28px}
  .ampule-ward{gap:28px}
  .tablet-sheet{max-width:420px}
  .serum-note{grid-auto-columns:calc((100% - 22px)/2)}
  .dropper-leaf{grid-template-columns:1fr 1fr}
  .scoop-card thead{display:none}
  .scoop-card,.scoop-card tbody,.scoop-card tr,.scoop-card td{display:block;width:100%}
  .scoop-card tr{border:1px solid var(--line);border-left:6px solid var(--cc);border-radius:14px;margin-bottom:12px;padding:6px 4px}
  .scoop-card td{border:0;padding:8px 12px}
  .scoop-card td:first-child{border-left:0;font-size:1.02rem}
  .scoop-card td[data-h]:before{content:attr(data-h);display:block;font:800 .68rem/1 var(--hf);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin-bottom:5px}
  .balm-bay{width:auto}
  .dram-ward6{width:100%}
  .script-rack{padding:46px 18px 24px}
}
@media (max-width:640px){
  body{font-size:16px}
  .capsule-rack{width:150px}
  .dose-tray3{padding:10px 14px}
  .dose-tray3 img{height:10px}
  .serum-bin8{padding-top:34px}
  .pestle-tray{aspect-ratio:16/9;object-position:30% 50%;border-radius:16px}
  .remedy-note2,.dram-bin{grid-template-columns:1fr 1fr;gap:12px}
  .vial-desk{padding:12px}
  .capsule-bin6 h3{font-size:.98rem}
  .salve-shelf{display:none}
  .balm-leaf5{flex-direction:column;align-items:flex-start;gap:4px}
  .salve-page{padding:13px 6px}
  .salve-page img{height:11px}
  .elixir-note9{font-size:.62rem;padding:5px 7px}
  .scoop-bay{gap:10px}
  .phial-tray7{border-width:4px}
  .phial-tray7 b{font-size:.78rem}
  .script-entry{padding:26px;border-radius:22px}
  .remedy-tray,.capsule-ward,.dropper-slot,.tincture-desk,.mortar-rack{padding:50px 0}
  .salve-entry6{flex-direction:column;align-items:flex-start}
  .serum-note{grid-auto-columns:100%}
  .mortar-tray{display:none}
  .script-sheet4{grid-template-columns:1fr}
  .balm-desk{grid-template-columns:1fr}
  .balm-desk div:nth-child(odd){border-right:0}
  .mortar-log{grid-template-columns:1fr}
  .mortar-log div{border-right:0;border-bottom:1px solid var(--line)}
  .capsule-line5,.salve-ward5,.dropper-leaf{grid-template-columns:1fr}
  .dropper-bay{padding:24px}
  .ampule-slot{margin:16px 0 0;display:flex}
  .balm-rack li{flex-direction:column;gap:8px}
}
@media (prefers-reduced-motion:reduce){.tonic-bin,.tablet-bin{animation:none}}