/*
 * Herbal Remedy Source 2.9 — Chromatic Botanica
 * A vibrant editorial design layer. Loaded after site.css so the underlying
 * layout and PHP templates stay backwards compatible.
 */

:root {
    --ink: #12232d;
    --ink-2: #1c3540;
    --paper: #f7f7f2;
    --paper-2: #e9f3ef;
    --paper-3: #fffef9;
    --moss: #287a78;
    --sage: #a8d9ca;
    --acid: #d6f05f;
    --plum: #5a477d;
    --clay: #ef755f;
    --line: rgba(18,35,45,.13);
    --line-strong: rgba(18,35,45,.22);
    --line-light: rgba(255,255,255,.18);

    --lagoon-950: #082f3a;
    --lagoon-900: #0b3f49;
    --lagoon-800: #0d5660;
    --lagoon-700: #0b7478;
    --lagoon-600: #0d9290;
    --lagoon-500: #18b6ac;
    --lagoon-400: #54d5c7;
    --lagoon-300: #8ce6d5;
    --lagoon-200: #bdf3e4;
    --lagoon-100: #defaf0;
    --lagoon-50: #effdf8;

    --sky: #5bc7ee;
    --violet: #6d5bd8;
    --violet-soft: #dcd8ff;
    --coral: #ff7968;
    --coral-soft: #ffe0d8;
    --sun: #ffd166;
    --sun-soft: #fff0bd;
    --mint: #a9f0d4;
    --mint-soft: #e1fbf1;

    --shadow-xs: 0 8px 24px rgba(13,49,58,.07);
    --shadow-sm: 0 16px 42px rgba(13,49,58,.10);
    --shadow: 0 30px 85px rgba(13,49,58,.14);
    --shadow-vivid: 0 36px 95px rgba(6,63,73,.20), 0 10px 30px rgba(118,104,232,.08);
    --ring: 0 0 0 4px rgba(24,182,172,.25), 0 0 0 7px rgba(255,255,255,.95);
    --radius-sm: 12px;
    --radius: 22px;
    --radius-lg: 34px;
    --radius-xl: 48px;

    --sans: Inter, Aptos, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --serif: "Iowan Old Style", Baskerville, "Palatino Linotype", Palatino, Georgia, serif;
}

html { background: var(--paper); }
body {
    position: relative;
    isolation: isolate;
    overflow-x: clip;
    background:
        radial-gradient(circle at 7% 4%, rgba(91,199,238,.13), transparent 28rem),
        radial-gradient(circle at 95% 14%, rgba(255,121,104,.10), transparent 25rem),
        linear-gradient(180deg, #f9faf5 0%, #f4f8f5 47%, #f8f6ef 100%);
    color: var(--ink);
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    opacity: .23;
    background-image:
        linear-gradient(rgba(18,35,45,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(18,35,45,.025) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, #000 0%, transparent 65%);
}
body::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    opacity: .045;
    background-image: radial-gradient(currentColor .65px, transparent .65px);
    background-size: 5px 5px;
    mix-blend-mode: multiply;
}

::selection { background: var(--acid); color: var(--lagoon-950); }
:where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--sun);
    outline-offset: 4px;
    box-shadow: var(--ring);
}

.shell { width: min(100% - clamp(28px,5vw,72px), 1360px); }
.section { position: relative; padding-block: clamp(82px,9vw,136px); }

/* --------------------------------------------------------------------------
   Signal bar + navigation
   -------------------------------------------------------------------------- */
.signal-bar {
    position: relative;
    overflow: hidden;
    background: linear-gradient(90deg, #123b4a 0%, #0a7478 44%, #5d579e 100%);
    color: rgba(255,255,255,.84);
    border: 0;
}
.signal-bar::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,.13) 50%, transparent 65%);
    transform: translateX(-100%);
    animation: hht-signal-sheen 10s ease-in-out infinite;
}
.signal-bar__inner { position: relative; z-index: 1; min-height: 38px; }
.signal-bar__inner i { background: var(--acid); box-shadow: 0 0 0 5px rgba(214,240,95,.15), 0 0 18px rgba(214,240,95,.55); }
.signal-bar__inner a { color: white; text-decoration: none; }

.site-header {
    position: sticky;
    top: 0;
    background: rgba(249,250,245,.82);
    border-bottom-color: rgba(18,35,45,.09);
    box-shadow: 0 8px 35px rgba(13,49,58,.035);
    backdrop-filter: blur(22px) saturate(1.35);
    transition: background .24s ease, box-shadow .24s ease, transform .24s ease;
}
.site-header.is-scrolled {
    background: rgba(255,255,251,.94);
    box-shadow: 0 14px 45px rgba(13,49,58,.09);
}
.nav-shell { min-height: 88px; }
.brand__glyph {
    border: 0;
    background: linear-gradient(145deg, var(--lagoon-400), var(--lagoon-700) 60%, var(--violet));
    box-shadow: 0 10px 25px rgba(13,116,120,.22), inset 0 0 0 1px rgba(255,255,255,.45);
}
.brand__glyph::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(255,255,255,.45);
    border-radius: inherit;
}
.brand__glyph:before,
.brand__glyph i,
.brand__glyph b { border-color: white; background-color: white; }
.brand__glyph:before { background: white; }
.brand__text strong { color: var(--lagoon-950); }
.brand__text em { color: var(--violet); }
.brand__text small { color: #63817f; }
.primary-nav { gap: clamp(18px,2vw,31px); }
.primary-nav a { color: #29444c; }
.primary-nav a::after {
    height: 3px;
    bottom: -11px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--lagoon-500), var(--sky), var(--violet));
}
.primary-nav a.is-active { color: var(--lagoon-700); }
.search-trigger {
    min-height: 46px;
    border: 1px solid rgba(13,116,120,.16);
    border-radius: 999px;
    background: linear-gradient(145deg, rgba(255,255,255,.86), rgba(222,250,240,.75));
    box-shadow: var(--shadow-xs);
}
.search-trigger:hover { border-color: var(--lagoon-400); transform: translateY(-1px); }
.search-trigger kbd { border-color: rgba(13,116,120,.18); background: rgba(255,255,255,.76); }
.search-panel {
    background: rgba(248,253,250,.96);
    border-bottom-color: rgba(13,116,120,.14);
    box-shadow: var(--shadow-vivid);
    backdrop-filter: blur(24px) saturate(1.3);
}
.search-panel__field { border-radius: 999px; overflow: hidden; box-shadow: var(--shadow-xs); }
.search-panel__form input { background: white; border-color: rgba(13,116,120,.18); }
.search-panel__form button { background: linear-gradient(135deg, var(--lagoon-700), var(--violet)); }

/* --------------------------------------------------------------------------
   Hero systems
   -------------------------------------------------------------------------- */
.hero,
.page-hero,
.article-hero,
.global-herbarium-hero,
.remedy-hero {
    isolation: isolate;
    overflow: hidden;
    color: white;
    background:
        radial-gradient(circle at 8% 15%, rgba(91,199,238,.35), transparent 30rem),
        radial-gradient(circle at 90% 8%, rgba(255,121,104,.30), transparent 27rem),
        radial-gradient(circle at 72% 88%, rgba(214,240,95,.18), transparent 28rem),
        linear-gradient(125deg, #102c3a 0%, #0b5965 45%, #4f4b85 100%);
}
.hero::after,
.page-hero::after,
.article-hero::after,
.global-herbarium-hero::after,
.remedy-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.08) 42.2% 42.8%, transparent 43%),
        radial-gradient(circle at 50% 100%, rgba(255,255,255,.08), transparent 48%);
    mix-blend-mode: screen;
}
.hero__grain { opacity: .09; }
.hero__layout { min-height: min(820px, calc(100svh - 126px)); }
.hero h1,
.page-hero h1,
.article-hero h1,
.global-herbarium-hero h1 {
    color: #fff;
    text-shadow: 0 14px 45px rgba(4,27,34,.24);
}
.hero h1 em,
.page-hero h1 em,
.global-herbarium-hero h1 em {
    color: var(--acid);
    text-shadow: 0 0 30px rgba(214,240,95,.22);
}
.hero__copy > p,
.page-hero p,
.article-hero h1 + p,
.global-herbarium-hero p { color: rgba(255,255,255,.76); }
.eyebrow { color: rgba(255,255,255,.79); }
.eyebrow i { width: 34px; height: 3px; border-radius: 999px; background: linear-gradient(90deg, var(--acid), var(--sky)); }
.eyebrow--dark { color: var(--lagoon-700); }
.eyebrow--dark i { background: linear-gradient(90deg, var(--coral), var(--sun)); }
.hero-search > div {
    border-radius: 999px;
    overflow: hidden;
    box-shadow: 0 24px 65px rgba(4,27,34,.26), inset 0 0 0 1px rgba(255,255,255,.8);
}
.hero-search button {
    border-radius: 999px 0 0 999px;
    background: linear-gradient(135deg, var(--acid), var(--sun));
}
.hero-links a { text-decoration-color: var(--acid); }
.orbit { border-color: rgba(255,255,255,.2); box-shadow: inset 0 0 55px rgba(91,199,238,.06); }
.orbit--two { border-color: rgba(214,240,95,.45); }
.specimen span { background: linear-gradient(var(--acid), rgba(91,199,238,.18)); }
.specimen i { border-color: rgba(214,240,95,.9); background: linear-gradient(145deg, rgba(91,199,238,.10), rgba(214,240,95,.05)); }
.hero-card {
    border: 1px solid rgba(255,255,255,.55);
    border-radius: var(--radius);
    background: rgba(255,255,249,.90);
    box-shadow: 0 30px 80px rgba(3,24,31,.28), inset 0 1px 0 white;
    backdrop-filter: blur(18px);
}
.hero-card--top small { color: var(--violet); }
.hero-card--bottom {
    background: linear-gradient(145deg, rgba(89,70,126,.96), rgba(16,89,101,.96));
}
.hero-card--bottom small { color: var(--acid); }
.hero-seal {
    border-color: rgba(255,255,255,.65);
    background: linear-gradient(145deg, var(--coral), var(--violet) 52%, var(--lagoon-600));
    box-shadow: 0 23px 55px rgba(3,24,31,.3), inset 0 0 0 9px rgba(255,255,255,.08);
}
.hero-proof { background: rgba(7,36,44,.24); backdrop-filter: blur(12px); }
.hero-proof b { color: var(--acid); }

.page-hero--herb,
.article-hero--herb,
.global-herbarium-hero {
    background:
        radial-gradient(circle at 88% 5%, rgba(214,240,95,.24), transparent 28rem),
        radial-gradient(circle at 13% 77%, rgba(91,199,238,.30), transparent 30rem),
        linear-gradient(125deg, #102d45 0%, #075f6a 52%, #4f4b85 100%);
}
.page-hero--method {
    background:
        radial-gradient(circle at 85% 15%, rgba(255,209,102,.25), transparent 25rem),
        radial-gradient(circle at 5% 80%, rgba(84,213,199,.26), transparent 27rem),
        linear-gradient(125deg, #29314c, #684877 55%, #9d5c70);
}
.page-hero--source {
    background:
        radial-gradient(circle at 83% 18%, rgba(91,199,238,.27), transparent 25rem),
        linear-gradient(125deg, #132c3b, #205a66 50%, #4b477e);
}

/* Remedy page: saturated, not washed out. */
.remedy-hero {
    background:
        radial-gradient(circle at 18% 8%, rgba(214,240,95,.24), transparent 24rem),
        radial-gradient(circle at 90% 20%, rgba(255,121,104,.35), transparent 27rem),
        radial-gradient(circle at 78% 85%, rgba(118,104,232,.28), transparent 31rem),
        linear-gradient(126deg, #0c4655 0%, #0b7c7c 48%, #4d4b89 100%);
}
.remedy-hero h1,
.remedy-hero h1 em,
.remedy-hero p { color: white; }
.remedy-hero .eyebrow--lagoon { color: var(--acid); }
.remedy-hero__proof { border-color: rgba(255,255,255,.2); background: rgba(6,43,51,.24); backdrop-filter: blur(14px); }
.remedy-hero__proof strong { color: var(--acid); }
.remedy-hero__wash {
    background:
        linear-gradient(115deg, transparent, rgba(255,255,255,.08)),
        radial-gradient(circle at 50% 50%, rgba(84,213,199,.18), transparent 55%);
}
.lagoon-orbit { border-color: rgba(255,255,255,.25); }
.lagoon-specimen i,
.lagoon-specimen b { border-color: rgba(214,240,95,.7); background: rgba(255,255,255,.06); }
.lagoon-note {
    border-color: rgba(255,255,255,.30);
    background: rgba(255,255,255,.90);
    box-shadow: 0 30px 75px rgba(4,33,42,.28), inset 0 1px 0 white;
}
.lagoon-seal { background: linear-gradient(145deg, var(--coral), var(--violet)); }

/* --------------------------------------------------------------------------
   Shared section surfaces
   -------------------------------------------------------------------------- */
.manifesto-section {
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 15%, rgba(91,199,238,.13), transparent 25rem),
        radial-gradient(circle at 90% 80%, rgba(255,121,104,.10), transparent 24rem),
        linear-gradient(180deg, #fffef9, #f1faf6);
}
.manifesto-section::after {
    content: "HRS";
    position: absolute;
    right: -2vw;
    bottom: -7vw;
    color: rgba(13,116,120,.035);
    font: 800 clamp(180px,28vw,430px)/.7 var(--sans);
    letter-spacing: -.09em;
    pointer-events: none;
}
.manifesto-grid h2,
.section-head h2 { text-wrap: balance; }
.manifesto-copy { position: relative; z-index: 1; }

.pathways-section {
    background:
        radial-gradient(circle at 100% 0, rgba(118,104,232,.12), transparent 31rem),
        linear-gradient(180deg, #eef9f5, #e7f0f5 55%, #f7f3ea);
}
.pathways { gap: 18px; }
.pathway {
    border: 1px solid rgba(13,116,120,.13);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at var(--mx,85%) var(--my,12%), rgba(84,213,199,.20), transparent 17rem),
        linear-gradient(145deg, rgba(255,255,255,.90), rgba(238,250,246,.82));
    box-shadow: var(--shadow-xs), inset 0 1px 0 rgba(255,255,255,.95);
    transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, border-color .28s ease;
}
.pathway:nth-child(2) { --card-accent: var(--coral); }
.pathway:nth-child(3) { --card-accent: var(--violet); }
.pathway:nth-child(4) { --card-accent: var(--sky); }
.pathway::after {
    content: "";
    position: absolute;
    left: 0;
    top: 28px;
    bottom: 28px;
    width: 5px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(var(--card-accent,var(--lagoon-400)), var(--acid));
}
.pathway:hover {
    border-color: rgba(13,116,120,.28);
    background-color: white;
    transform: translateY(-8px) rotateX(.4deg);
    box-shadow: var(--shadow-vivid);
}
.pathway--ink {
    color: white;
    background:
        radial-gradient(circle at 85% 5%, rgba(255,121,104,.24), transparent 22rem),
        linear-gradient(145deg, #112d3b, #0b6970 58%, #5b4e88);
}
.pathway--ink:hover { background-color: #164c59; }
.pathway__index { border-color: rgba(13,116,120,.22); color: var(--coral); background: rgba(255,255,255,.62); }
.pathway--ink .pathway__index { border-color: rgba(255,255,255,.25); color: var(--acid); background: rgba(255,255,255,.08); }
.pathway small { color: var(--lagoon-700); }
.pathway > b { color: var(--violet); }
.pathway--ink > b { color: var(--acid); }

.stories-section,
.remedy-library-section {
    background:
        radial-gradient(circle at 0 12%, rgba(84,213,199,.14), transparent 30rem),
        radial-gradient(circle at 100% 70%, rgba(255,121,104,.10), transparent 30rem),
        linear-gradient(180deg, #fbfcf7, #f2f7f5 55%, #f8f3eb);
}
.story-grid { gap: 18px; }
.story-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(13,116,120,.13);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at var(--mx,88%) var(--my,10%), rgba(84,213,199,.15), transparent 14rem),
        rgba(255,255,251,.94);
    box-shadow: var(--shadow-xs), inset 0 1px 0 white;
}
.story-card::before {
    content: "";
    position: absolute;
    z-index: 3;
    left: 0;
    right: 0;
    top: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--lagoon-400), var(--sky), var(--violet), var(--coral), var(--sun));
    transform-origin: left;
    transform: scaleX(.34);
    transition: transform .3s ease;
}
.story-card:nth-child(4n+2)::before { background: linear-gradient(90deg, var(--coral), var(--sun), var(--acid)); }
.story-card:nth-child(4n+3)::before { background: linear-gradient(90deg, var(--violet), var(--sky), var(--lagoon-400)); }
.story-card:nth-child(4n+4)::before { background: linear-gradient(90deg, var(--sun), var(--coral), var(--violet)); }
.story-card:hover::before { transform: scaleX(1); }
.story-card:hover { border-color: rgba(13,116,120,.26); box-shadow: var(--shadow-vivid); }
.story-card__visual {
    background:
        radial-gradient(circle at 20% 20%, rgba(214,240,95,.35), transparent 12rem),
        radial-gradient(circle at 82% 25%, rgba(91,199,238,.35), transparent 15rem),
        linear-gradient(145deg, #0e5e68, #514d89);
}
.story-card:nth-child(4n+2) .story-card__visual { background: radial-gradient(circle at 20% 15%, rgba(255,209,102,.5), transparent 13rem), linear-gradient(145deg, #8d4e72, #eb745f); }
.story-card:nth-child(4n+3) .story-card__visual { background: radial-gradient(circle at 80% 20%, rgba(214,240,95,.42), transparent 13rem), linear-gradient(145deg, #175b66, #138f8b); }
.story-card:nth-child(4n+4) .story-card__visual { background: radial-gradient(circle at 20% 20%, rgba(91,199,238,.4), transparent 13rem), linear-gradient(145deg, #403c76, #7165d9); }
.story-card__visual small { color: white; background: rgba(9,35,43,.32); }
.story-card__body { background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(241,249,246,.88)); }
.story-card h3 a:hover { color: var(--lagoon-700); }
.story-card__foot b { color: var(--coral); }

.method-band {
    background:
        radial-gradient(circle at 8% 12%, rgba(91,199,238,.25), transparent 30rem),
        radial-gradient(circle at 92% 92%, rgba(255,121,104,.24), transparent 31rem),
        linear-gradient(125deg, #263653, #5d4d83 52%, #0a7075);
}
.method-band::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: radial-gradient(rgba(255,255,255,.5) .6px, transparent .6px);
    background-size: 6px 6px;
    opacity: .08;
}
.method-index a {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.045);
    transition: background .2s ease, transform .2s ease, border-color .2s ease;
}
.method-index a:hover { background: rgba(255,255,255,.1); border-color: rgba(214,240,95,.45); transform: translateX(7px); }
.method-index a > span { color: var(--acid); }

.herbarium-section,
.global-herbarium-section,
.global-taxon-section {
    background:
        radial-gradient(circle at 5% 25%, rgba(214,240,95,.12), transparent 25rem),
        radial-gradient(circle at 98% 60%, rgba(91,199,238,.14), transparent 28rem),
        linear-gradient(180deg, #f8f7ef, #eaf7f2 62%, #f8f4ea);
}
.herbarium-list { gap: 12px; }
.herbarium-list > a {
    border: 1px solid rgba(13,116,120,.12);
    border-radius: var(--radius);
    background: rgba(255,255,255,.72);
    box-shadow: var(--shadow-xs);
}
.herbarium-list > a:hover { background: white; transform: translateX(7px); border-color: var(--lagoon-300); box-shadow: var(--shadow-sm); }
.herbarium-list__letter { color: var(--violet); background: var(--violet-soft); border-radius: 50%; }

.source-section {
    background:
        radial-gradient(circle at 80% 12%, rgba(255,209,102,.24), transparent 28rem),
        radial-gradient(circle at 5% 80%, rgba(84,213,199,.24), transparent 30rem),
        linear-gradient(125deg, #102e3d, #0a626c 54%, #4e4a82);
}
.source-panel { border: 1px solid rgba(255,255,255,.16); border-radius: var(--radius-xl); background: rgba(5,36,44,.28); box-shadow: var(--shadow-vivid); backdrop-filter: blur(12px); }
.source-constellation span { border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.055); }
.source-constellation span:nth-child(3n+1) { color: var(--acid); }
.source-constellation span:nth-child(3n+2) { color: #bdeeff; }
.source-constellation span:nth-child(3n+3) { color: #ffd9d0; }

.safety-section { background: linear-gradient(135deg, #fff5e6, #f7eee9 50%, #e9f8f5); }
.safety-panel {
    border: 1px solid rgba(239,117,95,.2);
    border-radius: var(--radius-xl);
    background:
        radial-gradient(circle at 100% 0, rgba(255,209,102,.25), transparent 19rem),
        rgba(255,255,251,.84);
    box-shadow: var(--shadow-sm), inset 0 1px 0 white;
}
.safety-panel__mark { color: white; border: 0; background: linear-gradient(145deg, var(--coral), #d65273); box-shadow: 0 14px 34px rgba(239,117,95,.25); }

/* --------------------------------------------------------------------------
   Controls and filtering
   -------------------------------------------------------------------------- */
.remedy-filter-console,
.global-herbarium-console {
    border-color: rgba(13,116,120,.16);
    background:
        radial-gradient(circle at 100% 0, rgba(118,104,232,.11), transparent 22rem),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(225,250,242,.92));
    box-shadow: var(--shadow-vivid), inset 0 1px 0 white;
}
.remedy-filter-console { margin-top: -84px; }
.remedy-filter-console__head { background: linear-gradient(90deg, rgba(84,213,199,.08), rgba(118,104,232,.045)); }
.remedy-filter-console__head h2 { color: var(--lagoon-950); }
.remedy-search-field input,
.remedy-select select,
.global-herbarium-search input,
.global-herbarium-filters select,
.global-herbarium-check,
.search-panel__form input,
.hero-search input,
input[type="search"],
select,
textarea {
    border-color: rgba(13,116,120,.19);
    background-color: rgba(255,255,255,.91);
    color: var(--lagoon-950);
}
select option { color: var(--lagoon-950); background: #fff; }
.remedy-search-field input:hover,
.remedy-select select:hover,
.global-herbarium-filters select:hover { border-color: var(--lagoon-400); }
.remedy-filter-actions button,
.global-herbarium-search button,
.global-herbarium-apply {
    background: linear-gradient(135deg, var(--lagoon-700), var(--violet));
    box-shadow: 0 16px 36px rgba(13,116,120,.23);
}
.remedy-filter-actions button:hover,
.global-herbarium-search button:hover,
.global-herbarium-apply:hover { filter: saturate(1.15) brightness(1.03); }
.remedy-filter-console__foot { background: linear-gradient(90deg, rgba(169,240,212,.35), rgba(220,216,255,.23)); }
.active-filter-chips span { border-color: rgba(13,116,120,.20); background: linear-gradient(135deg, var(--mint-soft), #fff); color: var(--lagoon-800); }
.remedy-results-bar,
.global-herbarium-resultbar { border-color: rgba(13,116,120,.12); background: rgba(255,255,255,.68); box-shadow: var(--shadow-xs); }

/* --------------------------------------------------------------------------
   Global herbarium cards + directory
   -------------------------------------------------------------------------- */
.global-herbarium-stats {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.23);
    border-radius: var(--radius-lg);
    background: rgba(4,28,36,.24);
    box-shadow: 0 26px 65px rgba(4,25,32,.18);
}
.global-herbarium-stats div { background: linear-gradient(145deg, rgba(255,255,255,.05), transparent); }
.global-herbarium-stats strong { color: var(--acid); }
.global-herbarium-alphabet {
    gap: 6px;
    border: 0;
    background: transparent;
}
.global-herbarium-alphabet a {
    border: 1px solid rgba(13,116,120,.10);
    background: rgba(255,255,255,.74);
    box-shadow: 0 5px 15px rgba(13,49,58,.035);
}
.global-herbarium-alphabet a:hover,
.global-herbarium-alphabet a.is-active { background: linear-gradient(145deg, var(--lagoon-600), var(--violet)); color: white; box-shadow: 0 10px 25px rgba(13,116,120,.22); }
.global-taxon-grid { gap: 17px; }
.global-taxon-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(13,116,120,.12);
    border-radius: var(--radius);
    background:
        radial-gradient(circle at var(--mx,92%) var(--my,8%), rgba(84,213,199,.18), transparent 14rem),
        rgba(255,255,251,.92);
    box-shadow: var(--shadow-xs), inset 0 1px 0 white;
    transition: transform .26s cubic-bezier(.2,.8,.2,1), box-shadow .26s ease, border-color .26s ease;
}
.global-taxon-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(var(--lagoon-400), var(--sky), var(--violet));
}
.global-taxon-card:nth-child(4n+2)::before { background: linear-gradient(var(--coral), var(--sun)); }
.global-taxon-card:nth-child(4n+3)::before { background: linear-gradient(var(--violet), var(--sky)); }
.global-taxon-card:nth-child(4n+4)::before { background: linear-gradient(var(--acid), var(--lagoon-500)); }
.global-taxon-card:hover { transform: translateY(-7px); border-color: rgba(13,116,120,.28); box-shadow: var(--shadow-vivid); }
.global-taxon-card__scientific { color: var(--lagoon-700); }
.global-taxon-card__uses span { border-color: rgba(13,116,120,.15); background: var(--mint-soft); color: var(--lagoon-800); }
.global-taxon-card__uses span.is-caution { background: var(--coral-soft); color: #8b3f36; }
.global-herbarium-pagination a,
.global-herbarium-pagination span { border-color: rgba(13,116,120,.15); background: white; }
.global-herbarium-pagination a.is-active { border-color: transparent; background: linear-gradient(145deg, var(--lagoon-600), var(--violet)); }
.global-herbarium-source { color: var(--ink); background: linear-gradient(135deg, rgba(255,255,255,.91), rgba(225,250,242,.91), rgba(220,216,255,.62)); }
.global-herbarium-source span { color: var(--violet); }
.global-herbarium-source p { color: #526e72; }
.global-herbarium-source a { color: var(--lagoon-800); border-color: rgba(13,116,120,.20); }

/* --------------------------------------------------------------------------
   Articles, methods, concerns, editorial pages
   -------------------------------------------------------------------------- */
.article-hero { background: radial-gradient(circle at 92% 8%, rgba(255,121,104,.29), transparent 28rem), radial-gradient(circle at 8% 85%, rgba(84,213,199,.27), transparent 30rem), linear-gradient(125deg, #132e42, #0d6670 54%, #564c86); }
.article-facts {
    border: 1px solid rgba(255,255,255,.18);
    border-radius: var(--radius-lg);
    background: rgba(3,31,40,.24);
    box-shadow: 0 26px 65px rgba(3,24,31,.18);
    backdrop-filter: blur(12px);
}
.article-facts strong { color: var(--acid); }
.breadcrumbs a { color: rgba(255,255,255,.72); }

.prose-layout aside {
    padding: 18px;
    border: 1px solid rgba(13,116,120,.11);
    border-radius: var(--radius);
    background: rgba(255,255,251,.72);
    box-shadow: var(--shadow-xs);
    backdrop-filter: blur(12px);
}
.toc a:hover { color: var(--lagoon-700); }
.prose,
.prose-page { color: #263c43; }
.prose h2,
.prose-page h2,
.prose h3 { color: var(--lagoon-950); }
.prose h2::after,
.prose-page h2::after {
    content: "";
    display: block;
    width: 78px;
    height: 4px;
    margin-top: 13px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--lagoon-400), var(--violet), var(--coral));
}
.prose a { text-decoration-color: var(--lagoon-400); }
.prose a:hover { color: var(--lagoon-700); }
.note-card,
.recipe-block,
.sources-box,
.warning-box {
    border-radius: var(--radius-lg);
    border-color: rgba(13,116,120,.14);
    box-shadow: var(--shadow-sm), inset 0 1px 0 rgba(255,255,255,.86);
}
.recipe-block {
    background:
        radial-gradient(circle at 100% 0, rgba(214,240,95,.18), transparent 18rem),
        linear-gradient(145deg, #fffef9, #e9f9f3);
}
.recipe-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 28px;
    bottom: 28px;
    width: 5px;
    border-radius: 0 999px 999px 0;
    background: linear-gradient(var(--lagoon-400), var(--violet));
}
.warning-box { background: linear-gradient(145deg, #fff4df, #ffe3dc 55%, #f6eef7); border-color: rgba(239,117,95,.20); }
.warning-box > span { color: white; border: 0; background: linear-gradient(145deg, var(--coral), #cf5072); }
.sources-box { background: linear-gradient(145deg, rgba(222,250,240,.72), rgba(220,216,255,.42)); }

.method-atlas,
.evidence-cards,
.concern-grid { gap: 17px; border: 0; }
.method-atlas article,
.evidence-cards article,
.concern-grid > a {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(13,116,120,.12);
    border-radius: var(--radius-lg);
    background:
        radial-gradient(circle at var(--mx,90%) var(--my,8%), rgba(84,213,199,.17), transparent 15rem),
        rgba(255,255,251,.88);
    box-shadow: var(--shadow-xs);
    transition: transform .26s ease, box-shadow .26s ease, border-color .26s ease;
}
.method-atlas article::after,
.evidence-cards article::after,
.concern-grid > a::after {
    content: "";
    position: absolute;
    left: 25px;
    right: 25px;
    top: 0;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--lagoon-400), var(--sky), var(--violet));
}
.method-atlas article:nth-child(3n+2)::after,
.evidence-cards article:nth-child(3n+2)::after,
.concern-grid > a:nth-child(3n+2)::after { background: linear-gradient(90deg, var(--coral), var(--sun)); }
.method-atlas article:nth-child(3n+3)::after,
.evidence-cards article:nth-child(3n+3)::after,
.concern-grid > a:nth-child(3n+3)::after { background: linear-gradient(90deg, var(--violet), var(--sky)); }
.method-atlas article:hover,
.evidence-cards article:hover,
.concern-grid > a:hover { transform: translateY(-7px); border-color: rgba(13,116,120,.27); box-shadow: var(--shadow-vivid); background-color: white; }
.method-atlas small,
.concern-grid small { color: var(--lagoon-700); }

/* --------------------------------------------------------------------------
   Buttons + micro interactions
   -------------------------------------------------------------------------- */
.button {
    position: relative;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid rgba(13,116,120,.14);
    box-shadow: var(--shadow-xs);
}
.button::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(110deg, transparent 30%, rgba(255,255,255,.32) 50%, transparent 70%);
    transform: translateX(-130%);
    transition: transform .55s ease;
}
.button:hover::before { transform: translateX(130%); }
.button--dark { border-color: transparent; background: linear-gradient(135deg, var(--lagoon-700), var(--violet)); color: white; }
.button--light { border-color: transparent; background: linear-gradient(135deg, var(--acid), var(--sun)); color: var(--lagoon-950); }
.button--outline { background: rgba(255,255,255,.66); border-color: rgba(13,116,120,.18); }
.button--outline:hover { background: white; border-color: var(--lagoon-400); }
.arrow-link span { color: var(--coral); }

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */
.site-footer {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 2%, rgba(84,213,199,.20), transparent 28rem),
        radial-gradient(circle at 92% 30%, rgba(118,104,232,.23), transparent 32rem),
        radial-gradient(circle at 55% 105%, rgba(255,121,104,.14), transparent 30rem),
        linear-gradient(130deg, #0d2634, #0a4652 48%, #35385f);
    color: rgba(255,255,255,.72);
}
.site-footer::before {
    background: linear-gradient(90deg, var(--lagoon-400), var(--sky), var(--violet), var(--coral), var(--sun), var(--acid));
    height: 5px;
}
.site-footer .brand__text strong,
.site-footer .brand__text em { color: white; }
.site-footer h3 { color: var(--acid); }
.site-footer a:hover { color: white; }
.footer-manifesto { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.055); }
.footer-archive {
    border-color: rgba(255,255,255,.15);
    border-radius: var(--radius-lg);
    background: linear-gradient(90deg, rgba(84,213,199,.10), rgba(118,104,232,.10));
}
.footer-archive span { color: var(--acid); }
.network__grid a { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.035); }
.network__grid a:hover { background: rgba(255,255,255,.09); border-color: rgba(84,213,199,.45); transform: translateY(-3px); }
.network__mark { background: linear-gradient(145deg, rgba(84,213,199,.18), rgba(118,104,232,.18)); color: white; }

/* --------------------------------------------------------------------------
   Motion and progressive enhancement
   -------------------------------------------------------------------------- */
[data-chromatic-tilt] { transform-style: preserve-3d; }
[data-chromatic-tilt] > * { transform: translateZ(0); }
@keyframes hht-signal-sheen {
    0%, 72%, 100% { transform: translateX(-120%); }
    82% { transform: translateX(120%); }
}
@keyframes hht-float {
    0%,100% { transform: translateY(0) rotate(var(--float-rotate,0deg)); }
    50% { transform: translateY(-11px) rotate(var(--float-rotate,0deg)); }
}
.hero-card--top { --float-rotate: -3deg; animation: hht-float 7s ease-in-out infinite; }
.hero-card--bottom { --float-rotate: 4deg; animation: hht-float 8.5s ease-in-out infinite reverse; }
.hero-seal { --float-rotate: 9deg; animation: hht-float 6.5s ease-in-out infinite; }

@media (max-width: 1100px) {
    .primary-nav { gap: 16px; }
    .primary-nav a { font-size: 11px; }
    .hero__layout { min-height: auto; }
}

@media (max-width: 920px) {
    .site-header { top: 0; }
    .primary-nav { background: rgba(255,255,251,.98); box-shadow: var(--shadow-vivid); }
    .primary-nav a { color: var(--lagoon-950); }
    .nav-toggle { border-radius: 999px; border-color: rgba(13,116,120,.18); background: white; }
    .signal-bar__inner > span:nth-child(2) { display: none; }
    .hero-search button { border-radius: 0; }
    .pathways,
    .story-grid,
    .method-atlas,
    .evidence-cards,
    .concern-grid { gap: 13px; }
    .remedy-filter-console { margin-top: -46px; }
}

@media (max-width: 640px) {
    .shell { width: min(100% - 24px, 1360px); }
    .section { padding-block: 72px; }
    .signal-bar__inner { min-height: 34px; font-size: 8px; }
    .signal-bar__inner a { display: none; }
    .nav-shell { min-height: 76px; }
    .brand__glyph { width: 40px; height: 40px; }
    .brand__text strong { font-size: 15px; }
    .brand__text em { font-size: 18px; }
    .hero__layout { padding-block: 62px 52px; }
    .hero h1 { font-size: clamp(48px,15vw,72px); }
    .hero-search > div { border-radius: 20px; }
    .hero-search button { padding-inline: 16px; }
    .hero-proof { border-radius: 0; }
    .page-hero .shell { min-height: 330px; padding-block: 58px; }
    .page-hero h1,
    .global-herbarium-hero h1 { font-size: clamp(46px,14vw,70px); }
    .pathway,
    .story-card,
    .global-taxon-card,
    .method-atlas article,
    .evidence-cards article,
    .concern-grid > a,
    .safety-panel,
    .source-panel,
    .remedy-filter-console,
    .global-herbarium-console { border-radius: 22px; }
    .global-herbarium-alphabet { grid-template-columns: repeat(9,1fr); }
    .site-footer { padding-top: 80px; }
}

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

/* --------------------------------------------------------------------------
   Global Remedy Atlas 3.0
   -------------------------------------------------------------------------- */
.remedy-hero--global {
    background:
        radial-gradient(circle at 18% 20%, rgba(184,255,211,.34), transparent 25rem),
        radial-gradient(circle at 82% 14%, rgba(87,221,255,.30), transparent 28rem),
        radial-gradient(circle at 72% 84%, rgba(156,118,255,.22), transparent 30rem),
        linear-gradient(125deg, #113e49 0%, #0d7073 48%, #39527b 100%);
}
.remedy-hero--global .remedy-hero__copy h1,
.remedy-hero--global .remedy-hero__copy p { color: white; }
.remedy-hero--global .remedy-hero__copy em { color: var(--acid); }
.remedy-hero--global .remedy-hero__proof { grid-template-columns: repeat(4,minmax(0,1fr)); }
.global-remedy-radar { position:absolute; inset:14% 12% 14% 18%; border:1px solid rgba(255,255,255,.28); border-radius:50%; }
.global-remedy-radar::before,.global-remedy-radar::after { content:""; position:absolute; inset:16%; border:1px solid rgba(255,255,255,.19); border-radius:50%; }
.global-remedy-radar::after { inset:33%; }
.global-remedy-radar span { position:absolute; inset:50% auto auto 50%; width:110%; height:1px; background:linear-gradient(90deg,transparent,rgba(190,255,223,.8)); transform-origin:left; transform:rotate(-34deg); }
.global-remedy-radar i { position:absolute; width:11px; height:11px; border-radius:50%; background:var(--acid); box-shadow:0 0 0 8px rgba(187,255,129,.10),0 0 26px rgba(187,255,129,.7); }
.global-remedy-radar i:nth-of-type(1){left:18%;top:29%}.global-remedy-radar i:nth-of-type(2){right:23%;top:19%}.global-remedy-radar i:nth-of-type(3){right:16%;bottom:25%}
.global-remedy-radar b { position:absolute; inset:41%; border-radius:50%; background:radial-gradient(circle,#fff 0 7%,var(--lagoon-400) 8% 22%,transparent 23%); }
.remedy-mode-bar { position:relative; z-index:6; margin-top:-34px; }
.remedy-mode-bar__inner { display:grid; grid-template-columns:minmax(220px,1fr) minmax(220px,1fr) minmax(280px,1.3fr); gap:10px; padding:10px; border:1px solid rgba(16,83,91,.12); border-radius:28px; background:rgba(255,255,255,.88); backdrop-filter:blur(18px); box-shadow:0 24px 60px rgba(19,71,83,.16); }
.remedy-mode-bar a { display:flex; align-items:center; justify-content:space-between; gap:18px; min-height:72px; padding:15px 18px; border-radius:20px; background:rgba(230,249,244,.72); color:var(--lagoon-950); transition:.25s ease; }
.remedy-mode-bar a strong { font-size:20px; color:var(--lagoon-700); }
.remedy-mode-bar a.is-active { color:white; background:linear-gradient(135deg,var(--lagoon-700),var(--violet)); box-shadow:0 14px 34px rgba(19,104,116,.25); }
.remedy-mode-bar a.is-active strong { color:var(--acid); }
.remedy-mode-bar p { margin:0; padding:14px 18px; align-self:center; color:var(--slate-600); }
.global-remedy-section { padding:100px 0 120px; background:
    radial-gradient(circle at 6% 10%,rgba(116,233,210,.14),transparent 25rem),
    linear-gradient(180deg,#f8fbf5,#f3f8f7 50%,#fffdf7); }
.global-remedy-intro { display:grid; grid-template-columns:1fr minmax(300px,.7fr); gap:40px; align-items:end; margin-bottom:28px; }
.global-remedy-intro h2 { margin:.25rem 0 0; font-size:clamp(34px,4vw,58px); }
.global-remedy-intro p { margin:0; color:var(--slate-600); }
.global-remedy-console { padding:24px; border:1px solid rgba(13,116,120,.14); border-radius:30px; background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(225,250,244,.78)); box-shadow:0 28px 70px rgba(25,93,99,.12); }
.global-remedy-console__search { display:grid; grid-template-columns:1fr auto; gap:12px; margin-bottom:14px; }
.global-remedy-console__search label { display:grid; gap:8px; }
.global-remedy-console__search label>span,.global-remedy-console__facets label>span { font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; color:var(--lagoon-700); }
.global-remedy-console input[type=search] { width:100%; min-height:60px; padding:0 20px; border:1px solid rgba(13,116,120,.16); border-radius:18px; background:white; color:var(--lagoon-950); font:inherit; }
.global-remedy-console__facets { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; align-items:end; }
.global-remedy-check { min-height:58px; display:flex!important; align-items:center; gap:10px; padding:12px 14px; border:1px solid rgba(13,116,120,.14); border-radius:17px; background:rgba(255,255,255,.68); }
.global-remedy-check input { accent-color:var(--lagoon-600); width:18px; height:18px; }
.global-remedy-check span { letter-spacing:0!important; text-transform:none!important; font-size:12px!important; }
.global-remedy-alphabet { display:grid; grid-template-columns:repeat(27,minmax(0,1fr)); gap:5px; margin:22px 0; }
.global-remedy-alphabet a { display:grid; place-items:center; min-height:34px; border:1px solid rgba(13,116,120,.12); border-radius:9px; background:rgba(255,255,255,.72); color:var(--lagoon-800); font-size:11px; font-weight:800; }
.global-remedy-alphabet a:hover,.global-remedy-alphabet a.is-active { background:linear-gradient(135deg,var(--lagoon-500),var(--sky)); color:#07333a; border-color:transparent; transform:translateY(-2px); }
.traditional-remedy-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.traditional-remedy-card { position:relative; min-width:0; border:1px solid rgba(13,116,120,.13); border-radius:25px; overflow:hidden; background:linear-gradient(145deg,#fff,rgba(223,249,242,.88)); box-shadow:0 18px 44px rgba(20,77,87,.10); transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease; }
.traditional-remedy-card:hover { transform:translateY(-6px); box-shadow:0 28px 65px rgba(20,77,87,.17); border-color:rgba(72,205,193,.5); }
.traditional-remedy-card--hazard { background:linear-gradient(145deg,#fff8ef,#fff1ea); border-color:rgba(214,94,72,.22); }
.traditional-remedy-card--veterinary { background:linear-gradient(145deg,#f7f3ff,#eef7ff); }
.traditional-remedy-card__link { display:flex; flex-direction:column; min-height:100%; padding:23px; color:inherit; }
.traditional-remedy-card__signal { position:absolute; right:18px; top:18px; width:54px; height:54px; border-radius:50%; border:1px solid rgba(13,116,120,.16); background:radial-gradient(circle at 35% 35%,var(--acid),var(--lagoon-400) 34%,transparent 36%),rgba(216,248,241,.75); opacity:.78; }
.traditional-remedy-card--hazard .traditional-remedy-card__signal { background:radial-gradient(circle at 35% 35%,var(--sun),var(--coral) 34%,transparent 36%),rgba(255,229,218,.8); }
.traditional-remedy-card__meta { display:flex; gap:8px; flex-wrap:wrap; padding-right:64px; }
.traditional-remedy-card__meta span,.traditional-remedy-card__facts span { display:inline-flex; padding:6px 9px; border-radius:999px; background:rgba(12,108,112,.08); color:var(--lagoon-700); font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.traditional-remedy-card h2 { margin:22px 0 12px; max-width:85%; font-size:clamp(26px,2.5vw,38px); line-height:.98; }
.traditional-remedy-card__plant { display:grid; gap:3px; }
.traditional-remedy-card__plant strong { font-size:17px; }
.traditional-remedy-card__plant em { color:var(--slate-600); font-family:serif; }
.traditional-remedy-card__facts { display:flex; flex-wrap:wrap; gap:6px; margin-top:20px; }
.traditional-remedy-card__foot { display:flex; justify-content:space-between; gap:14px; align-items:end; margin-top:auto; padding-top:22px; }
.traditional-remedy-card__foot span { max-width:64%; font-size:11px; color:var(--slate-600); }
.traditional-remedy-card__foot b { color:var(--lagoon-700); font-size:12px; }
.traditional-remedy-grid--compact { grid-template-columns:repeat(4,minmax(0,1fr)); }
.traditional-remedy-grid--compact .traditional-remedy-card__link { padding:18px; }
.traditional-remedy-grid--compact .traditional-remedy-card h2 { font-size:25px; }
.atlas-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:34px; }
.atlas-pagination a,.atlas-pagination span { padding:12px 16px; border-radius:999px; background:white; border:1px solid rgba(13,116,120,.13); }
.atlas-pagination a[aria-disabled=true] { opacity:.35; pointer-events:none; }
.global-remedy-boundary { display:grid; grid-template-columns:auto 1fr auto; gap:18px; align-items:center; margin-top:46px; padding:24px; border-radius:24px; color:white; background:linear-gradient(130deg,#193943,#3d3b67); box-shadow:var(--shadow-vivid); }
.global-remedy-boundary>span { display:grid; place-items:center; width:48px; height:48px; border-radius:50%; background:var(--coral); font-size:22px; font-weight:900; }
.global-remedy-boundary h2,.global-remedy-boundary p { margin:0; }
.global-remedy-boundary p { color:rgba(255,255,255,.72); }
.global-remedy-boundary a { color:var(--acid); font-weight:800; }
.traditional-record-hero { position:relative; overflow:hidden; padding:90px 0 70px; color:white; background:
    radial-gradient(circle at 12% 20%,rgba(171,255,206,.26),transparent 24rem),
    radial-gradient(circle at 82% 22%,rgba(126,112,245,.28),transparent 28rem),
    linear-gradient(125deg,#123b45,#0c7275 52%,#424169); }
.traditional-record-hero__grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr); gap:50px; align-items:end; }
.traditional-record-hero h1 { margin:14px 0; font-size:clamp(54px,8vw,112px); line-height:.88; }
.traditional-record-hero p { color:rgba(255,255,255,.78); }
.traditional-record-hero__plant { display:grid; gap:3px; }
.traditional-record-hero__plant strong { font-size:24px; color:var(--acid); }
.traditional-record-hero__plant em { font-family:serif; font-size:19px; }
.traditional-record-hero__actions { display:flex; gap:18px; align-items:center; flex-wrap:wrap; margin-top:28px; }
.traditional-record-hero__facts { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:10px; border:1px solid rgba(255,255,255,.16); border-radius:25px; background:rgba(255,255,255,.08); backdrop-filter:blur(15px); }
.traditional-record-hero__facts div { min-height:110px; padding:16px; border-radius:18px; background:rgba(255,255,255,.08); }
.traditional-record-hero__facts span { display:block; font-size:9px; letter-spacing:.11em; text-transform:uppercase; color:rgba(255,255,255,.58); }
.traditional-record-hero__facts strong { display:block; margin-top:12px; font-size:22px; color:white; }
.traditional-country-cloud { display:flex; flex-wrap:wrap; gap:8px; }
.traditional-country-cloud span { padding:8px 12px; border-radius:999px; background:linear-gradient(135deg,rgba(84,213,199,.16),rgba(118,104,232,.12)); color:var(--lagoon-800); font-weight:700; }
.traditional-source-table-wrap { overflow:auto; border:1px solid rgba(13,116,120,.13); border-radius:20px; }
.traditional-source-table { width:100%; border-collapse:collapse; min-width:640px; }
.traditional-source-table th,.traditional-source-table td { padding:13px 15px; text-align:left; border-bottom:1px solid rgba(13,116,120,.09); }
.traditional-source-table th { background:rgba(213,246,238,.65); color:var(--lagoon-800); font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
.traditional-source-table tr:last-child td { border-bottom:0; }
.section-foot-link { margin-top:25px; text-align:right; }

@media (max-width:1100px){
    .global-remedy-console__facets{grid-template-columns:repeat(3,minmax(0,1fr))}
    .traditional-remedy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .traditional-remedy-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}
    .global-remedy-alphabet{grid-template-columns:repeat(14,1fr)}
}
@media (max-width:820px){
    .remedy-hero--global .remedy-hero__proof{grid-template-columns:1fr 1fr}
    .remedy-mode-bar__inner,.global-remedy-intro,.traditional-record-hero__grid{grid-template-columns:1fr}
    .global-remedy-console__search{grid-template-columns:1fr}
    .traditional-remedy-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}
    .global-remedy-boundary{grid-template-columns:auto 1fr}.global-remedy-boundary>a{grid-column:2}
}
@media (max-width:600px){
    .global-remedy-console__facets,.traditional-remedy-grid,.traditional-remedy-grid--compact{grid-template-columns:1fr}
    .global-remedy-alphabet{grid-template-columns:repeat(9,1fr)}
    .traditional-record-hero h1{font-size:52px}
    .traditional-record-hero__facts{grid-template-columns:1fr 1fr}
    .remedy-mode-bar{margin-top:-18px}
}

/* 3.0 — homepage atlas scale */
.page-home .hero-proof--atlas { grid-template-columns:repeat(4,minmax(0,1fr)); }
.page-home .hero-proof--atlas div:last-child { padding-left:30px; }
.page-global-search .section-head--spaced { margin-top:clamp(54px,7vw,92px); }
@media (max-width:900px){ .page-home .hero-proof--atlas{grid-template-columns:repeat(2,minmax(0,1fr))} .page-home .hero-proof--atlas div:last-child{padding-left:0} }
@media (max-width:620px){ .page-home .hero-proof--atlas{grid-template-columns:1fr} }

/* 3.0 — traditional-use vocabulary index */
.traditional-use-index-hero{position:relative;overflow:hidden;padding:clamp(110px,13vw,185px) 0 86px;color:white;background:radial-gradient(circle at 80% 20%,rgba(178,255,122,.22),transparent 28rem),radial-gradient(circle at 16% 80%,rgba(74,221,208,.28),transparent 30rem),linear-gradient(135deg,#082f38,#0c6570 52%,#533c85)}
.traditional-use-index-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 0 55%,rgba(255,255,255,.08) 55.2% 55.5%,transparent 55.7%)}
.traditional-use-index-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,.55fr);gap:clamp(42px,8vw,120px);align-items:end}
.traditional-use-index-hero h1{margin:.5rem 0 1.2rem;font-size:clamp(56px,7vw,108px);line-height:.86;letter-spacing:-.055em}.traditional-use-index-hero h1 em{color:var(--acid)}
.traditional-use-index-hero p{max-width:760px;color:rgba(255,255,255,.74);font-size:clamp(17px,1.6vw,22px)}
.traditional-use-index-hero aside{display:grid;gap:9px;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:28px;background:rgba(6,31,40,.28);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(2,23,29,.24)}
.traditional-use-index-hero aside strong{font:500 clamp(48px,6vw,84px)/.9 var(--serif);color:var(--acid)}.traditional-use-index-hero aside span{margin-bottom:16px;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800}
.traditional-use-index-console{margin-top:-86px;position:relative;z-index:5}.traditional-use-index-console .global-remedy-console__facets{grid-template-columns:minmax(210px,320px)}
.traditional-use-term-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.traditional-use-term-card{min-width:0;border:1px solid rgba(13,116,120,.13);border-radius:27px;overflow:hidden;background:linear-gradient(145deg,#fff,rgba(229,251,245,.86));box-shadow:0 20px 50px rgba(20,77,87,.09);transition:.28s ease}
.traditional-use-term-card:hover{transform:translateY(-6px) rotate(-.15deg);box-shadow:0 32px 72px rgba(20,77,87,.16);border-color:rgba(72,205,193,.48)}
.traditional-use-term-card>a{position:relative;display:flex;flex-direction:column;min-height:100%;padding:25px;color:inherit}
.traditional-use-term-card__letter{position:absolute;right:18px;top:15px;font:500 58px/1 var(--serif);color:rgba(16,120,126,.10)}
.traditional-use-term-card small{font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--lagoon-650)}
.traditional-use-term-card h2{margin:26px 0 24px;max-width:84%;font-size:clamp(28px,2.7vw,42px);line-height:.96}
.traditional-use-term-card div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:auto}.traditional-use-term-card div span{display:grid;gap:3px;padding:11px;border-radius:13px;background:rgba(10,111,117,.06);font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--slate-600)}.traditional-use-term-card div strong{font-size:17px;color:var(--lagoon-800)}
.traditional-use-term-card>a>b{margin-top:20px;color:var(--lagoon-700);font-size:11px;text-transform:uppercase;letter-spacing:.09em}
.traditional-use-term-hero{background:radial-gradient(circle at 75% 15%,rgba(190,255,128,.18),transparent 25rem),linear-gradient(135deg,#07313a,#0b6972 58%,#4f3d83)}
@media(max-width:980px){.traditional-use-term-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.traditional-use-index-hero__grid{grid-template-columns:1fr}.traditional-use-index-console{margin-top:-50px}}
@media(max-width:620px){.traditional-use-term-grid{grid-template-columns:1fr}.traditional-use-term-card div{grid-template-columns:1fr}.traditional-use-index-hero h1{font-size:52px}}

/* --------------------------------------------------------------------------
   Remedy Atlas 3.0.1 — prevent the mode switcher from covering editorial UI
   -------------------------------------------------------------------------- */
.page-global-remedies .remedy-library-section {
    padding-top: 30px;
}
.page-global-remedies .remedy-library-section .remedy-filter-console {
    margin-top: 0;
}
.page-global-remedies .remedy-mode-bar a span {
    line-height: 1.25;
}
@media (max-width: 720px) {
    .page-global-remedies .remedy-library-section { padding-top: 20px; }
}

/* --------------------------------------------------------------------------
   Remedy Knowledge Graph 3.1 — meaning → plant → preparation
   -------------------------------------------------------------------------- */
.remedy-knowledge-bridge {
    position: relative;
    z-index: 4;
    padding: 34px 0 8px;
    background: linear-gradient(180deg, #f5fbf8 0%, #f8fbf5 100%);
}
.remedy-knowledge-bridge__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 13px;
}
.remedy-knowledge-bridge article {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 245px;
    padding: 27px;
    border: 1px solid rgba(11, 111, 119, .14);
    border-radius: 27px;
    background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(218,250,242,.76));
    box-shadow: 0 22px 55px rgba(17, 83, 94, .09);
}
.remedy-knowledge-bridge article:nth-child(2) { background: linear-gradient(145deg, #fff, rgba(229,225,255,.72)); }
.remedy-knowledge-bridge article:nth-child(3) { background: linear-gradient(145deg, #fff, rgba(255,235,211,.75)); }
.remedy-knowledge-bridge article::after {
    content: "";
    position: absolute;
    right: -45px;
    top: -55px;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    background: radial-gradient(circle at 35% 35%, rgba(194,255,124,.75), rgba(67,213,203,.18) 40%, transparent 62%);
    pointer-events: none;
}
.remedy-knowledge-bridge article > span,
.use-knowledge-card__meta small,
.use-knowledge-card__meta > span {
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--lagoon-650);
}
.remedy-knowledge-bridge article > strong { margin: 22px 0 12px; max-width: 85%; font: 500 clamp(27px, 2.2vw, 38px)/.98 var(--serif); color: var(--lagoon-950); }
.remedy-knowledge-bridge article p { margin: 0 0 22px; color: var(--slate-600); }
.remedy-knowledge-bridge article a { margin-top: auto; font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: var(--lagoon-700); }
.global-remedy-console__facets--knowledge { grid-template-columns: repeat(6, minmax(0, 1fr)); }

.use-index-section { background: radial-gradient(circle at 88% 12%, rgba(116,233,210,.16), transparent 26rem), linear-gradient(180deg,#f8fbf5,#f3f8f7 65%,#fffdf7); }
.use-index-hero__principles { display:flex; flex-wrap:wrap; gap:8px; margin-top:26px; }
.use-index-hero__principles span { padding:8px 11px; border:1px solid rgba(255,255,255,.17); border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.78); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.use-index-hero__mini { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:11px; margin:-5px 0 16px; padding:12px 14px; border-radius:16px; background:rgba(255,255,255,.08); }
.use-index-hero__mini b { color:white; font-size:22px; }.use-index-hero__mini small { color:rgba(255,255,255,.66); text-transform:uppercase; letter-spacing:.1em; font-size:9px; }
.use-index-facets { grid-template-columns:repeat(3,minmax(0,1fr))!important; }
.traditional-use-term-grid--knowledge { grid-template-columns:repeat(3,minmax(0,1fr)); }
.use-knowledge-card > a { min-height: 410px; }
.use-knowledge-card__meta { display:flex!important; grid-template-columns:none!important; align-items:center; flex-wrap:wrap; gap:7px!important; margin:0!important; }
.use-knowledge-card__meta > span { display:inline-flex!important; padding:6px 9px!important; border-radius:999px!important; background:rgba(77,91,204,.09)!important; color:var(--violet)!important; }
.use-knowledge-card h2 { margin:23px 0 14px; }
.use-knowledge-card p { margin:0 0 14px; color:var(--slate-600); font-size:14px; line-height:1.55; }
.use-knowledge-card em { color:var(--slate-500); font-size:11px; }
.use-knowledge-card__stats { display:grid!important; grid-template-columns:repeat(3,1fr)!important; gap:7px!important; margin-top:auto!important; }
.use-knowledge-card__stats span { display:grid!important; gap:3px!important; padding:11px!important; border-radius:13px!important; background:rgba(10,111,117,.06)!important; font-size:9px!important; text-transform:uppercase!important; letter-spacing:.07em!important; color:var(--slate-600)!important; }
.use-knowledge-card__stats strong { font-size:17px!important; color:var(--lagoon-800)!important; }

.remedy-dossier-hero {
    position: relative;
    overflow: hidden;
    padding: clamp(100px, 11vw, 165px) 0 78px;
    color: white;
    background:
        radial-gradient(circle at 13% 22%, rgba(177,255,199,.25), transparent 26rem),
        radial-gradient(circle at 86% 18%, rgba(108,127,255,.30), transparent 30rem),
        linear-gradient(125deg, #0b3440, #087177 51%, #493f78);
}
.remedy-dossier-hero::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.34; background:repeating-linear-gradient(112deg,transparent 0 52px,rgba(255,255,255,.035) 53px,transparent 54px 106px); }
.remedy-dossier-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr); gap:clamp(40px,7vw,100px); align-items:end; }
.remedy-dossier-hero h1 { display:grid; margin:18px 0 20px; font-size:clamp(48px,7.2vw,102px); line-height:.88; letter-spacing:-.055em; }
.remedy-dossier-hero h1 em { color:var(--acid); font-style:normal; }
.remedy-dossier-hero h1 span { margin:13px 0 8px; font:900 10px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.remedy-dossier-hero__copy > p { max-width:760px; color:rgba(255,255,255,.77); font-size:clamp(16px,1.45vw,21px); }
.remedy-dossier-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:28px; }
.remedy-dossier-hero .arrow-link { color:var(--acid); }
.remedy-dossier-scorecard { display:grid; grid-template-columns:1fr 1fr; gap:9px; padding:10px; border:1px solid rgba(255,255,255,.17); border-radius:27px; background:rgba(4,31,40,.22); backdrop-filter:blur(17px); box-shadow:0 30px 75px rgba(2,25,34,.22); }
.remedy-dossier-scorecard div { min-height:118px; padding:17px; border-radius:19px; background:rgba(255,255,255,.08); }
.remedy-dossier-scorecard span { display:block; color:rgba(255,255,255,.58); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.remedy-dossier-scorecard strong { display:block; margin-top:14px; color:white; font-size:clamp(19px,2vw,29px); line-height:1.05; }
.remedy-dossier-section { background:radial-gradient(circle at 92% 10%,rgba(116,233,210,.16),transparent 28rem),linear-gradient(180deg,#f6fbf8,#fffdf8); }
.remedy-dossier-layout { display:grid; grid-template-columns:230px minmax(0,1fr); gap:clamp(35px,6vw,88px); align-items:start; }
.remedy-dossier-nav { position:sticky; top:118px; display:grid; gap:14px; }
.remedy-dossier-nav .toc { margin:0; }
.remedy-dossier-nav .note-card { padding:18px; border-radius:20px; background:linear-gradient(145deg,rgba(219,249,242,.9),rgba(239,235,255,.8)); }
.remedy-dossier-nav .note-card span { display:block; font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:var(--lagoon-700); }
.remedy-dossier-nav .note-card p { margin:9px 0 0; font-size:12px; color:var(--slate-600); }
.remedy-dossier-prose > section { scroll-margin-top:120px; margin-bottom:clamp(55px,7vw,92px); }
.dossier-lead { font-size:clamp(19px,2vw,27px); line-height:1.45; color:var(--lagoon-950); }
.dossier-definition-grid,.dossier-plant-card { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin:25px 0; }
.dossier-definition-grid div,.dossier-plant-card div { padding:18px; border:1px solid rgba(13,116,120,.12); border-radius:18px; background:linear-gradient(145deg,#fff,rgba(224,249,242,.68)); }
.dossier-definition-grid span,.dossier-plant-card span { display:block; margin-bottom:8px; color:var(--lagoon-650); font-size:9px; font-weight:900; letter-spacing:.11em; text-transform:uppercase; }
.dossier-definition-grid strong,.dossier-plant-card strong { color:var(--lagoon-950); }
.dossier-data-note { padding:14px 17px; border-left:3px solid var(--lagoon-500); border-radius:0 14px 14px 0; background:rgba(211,247,239,.48); color:var(--slate-600); font-size:13px; }
.dossier-preparation-group { margin:28px 0 38px; }
.dossier-preparation-group h3 { margin-bottom:14px; color:var(--lagoon-800); font-size:14px; letter-spacing:.04em; }
.dossier-preparation-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.dossier-preparation-card { position:relative; overflow:hidden; display:flex; flex-direction:column; min-height:230px; padding:23px; border:1px solid rgba(13,116,120,.13); border-radius:23px; background:linear-gradient(145deg,#fff,rgba(215,249,241,.78)); color:inherit; box-shadow:0 18px 42px rgba(21,80,91,.09); transition:.25s ease; }
.dossier-preparation-card:nth-child(even) { background:linear-gradient(145deg,#fff,rgba(235,229,255,.78)); }
.dossier-preparation-card:hover { transform:translateY(-5px); box-shadow:0 29px 62px rgba(21,80,91,.15); }
.dossier-preparation-card span { font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:var(--lagoon-650); }
.dossier-preparation-card strong { margin:19px 0 10px; font:500 clamp(24px,2.3vw,34px)/1 var(--serif); color:var(--lagoon-950); }
.dossier-preparation-card p { margin:0 0 20px; color:var(--slate-600); font-size:13px; }
.dossier-preparation-card b { margin-top:auto; color:var(--lagoon-700); font-size:11px; text-transform:uppercase; letter-spacing:.08em; }
.dossier-empty-preparation { padding:25px; border:1px dashed rgba(13,116,120,.28); border-radius:22px; background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(233,250,246,.76)); }
.dossier-empty-preparation strong { display:block; font:500 28px/1 var(--serif); color:var(--lagoon-950); }
.dossier-empty-preparation p { margin:12px 0; color:var(--slate-600); }
.dossier-empty-preparation a { color:var(--lagoon-700); font-weight:800; }
.dossier-source-details { margin-top:24px; border:1px solid rgba(13,116,120,.13); border-radius:22px; background:rgba(255,255,255,.78); }
.dossier-source-details summary { cursor:pointer; padding:18px 21px; color:var(--lagoon-800); font-weight:900; }
.dossier-source-details > p,.dossier-source-details > div { margin-left:20px; margin-right:20px; }.dossier-source-details > div { margin-bottom:20px; }
.dossier-related h3 { margin-top:30px; }
.dossier-related-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.dossier-related-links a { display:grid; gap:5px; padding:16px 18px; border:1px solid rgba(13,116,120,.12); border-radius:17px; background:rgba(255,255,255,.75); color:inherit; }
.dossier-related-links a:hover { border-color:rgba(72,205,193,.55); background:white; transform:translateY(-2px); }
.dossier-related-links span { color:var(--lagoon-650); font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.dossier-related-links strong { color:var(--lagoon-950); }.dossier-related-links em { color:var(--slate-500); }

.use-profile-hero { padding:clamp(100px,11vw,160px) 0 72px; color:white; background:radial-gradient(circle at 15% 15%,rgba(181,255,204,.24),transparent 27rem),radial-gradient(circle at 84% 20%,rgba(113,117,250,.28),transparent 30rem),linear-gradient(125deg,#0a3440,#0b7075 53%,#4a3f79); }
.use-profile-hero__grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(300px,.65fr); gap:clamp(40px,7vw,100px); align-items:end; }
.use-profile-hero h1 { margin:18px 0; font-size:clamp(58px,8vw,112px); line-height:.88; color:var(--acid); }.use-profile-hero p { max-width:780px; color:rgba(255,255,255,.78); font-size:clamp(17px,1.5vw,22px); }
.use-profile-hero__chips { display:flex; flex-wrap:wrap; gap:8px; margin-top:24px; }.use-profile-hero__chips span { padding:8px 11px; border:1px solid rgba(255,255,255,.16); border-radius:999px; background:rgba(255,255,255,.08); color:rgba(255,255,255,.78); font-size:9px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.use-profile-intro { background:linear-gradient(180deg,#f5fbf8,#fffdf8); }.use-profile-intro__grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(270px,.6fr); gap:clamp(35px,6vw,80px); }.use-profile-intro aside { display:grid; gap:7px; padding:24px; border:1px solid rgba(13,116,120,.12); border-radius:24px; background:linear-gradient(145deg,#fff,rgba(223,248,242,.8)); }.use-profile-intro aside span { margin-top:10px; color:var(--lagoon-650); font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }.use-profile-preparations { background:linear-gradient(180deg,#fffdf8,#f2faf7); }

@media (max-width:1180px) {
    .global-remedy-console__facets--knowledge { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:900px) {
    .remedy-knowledge-bridge__grid,.traditional-use-term-grid--knowledge { grid-template-columns:1fr 1fr; }
    .remedy-dossier-hero__grid,.use-profile-hero__grid,.remedy-dossier-layout,.use-profile-intro__grid { grid-template-columns:1fr; }
    .remedy-dossier-nav { position:static; }
}
@media (max-width:650px) {
    .remedy-knowledge-bridge__grid,.traditional-use-term-grid--knowledge,.dossier-preparation-grid,.dossier-related-links,.dossier-definition-grid,.dossier-plant-card { grid-template-columns:1fr; }
    .global-remedy-console__facets--knowledge,.use-index-facets { grid-template-columns:1fr!important; }
    .remedy-dossier-scorecard { grid-template-columns:1fr 1fr; }
    .remedy-dossier-hero h1 { font-size:49px; }
    .use-profile-hero h1 { font-size:55px; }
}
.warning-box--critical { border-color:rgba(204,70,56,.28)!important; background:linear-gradient(145deg,#fff7ef,#ffe9e1)!important; }
.warning-box--critical > span { background:var(--coral)!important; }
.dossier-empty-preparation--hazard { border-color:rgba(204,70,56,.32); background:linear-gradient(145deg,#fff8f1,#ffe8e2); }
.dossier-empty-preparation--hazard strong { color:#7c302b; }
.dossier-definition-grid a { color:var(--lagoon-700); text-decoration:underline; text-underline-offset:3px; }
.article-use-connections { margin-top:clamp(55px,7vw,90px); padding-top:clamp(40px,6vw,72px); border-top:1px solid rgba(13,116,120,.13); }
.article-use-connections > p { max-width:760px; color:var(--slate-600); }
.use-connection-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:11px; margin-top:24px; }
.use-connection-grid a { display:flex; flex-direction:column; min-height:185px; padding:20px; border:1px solid rgba(13,116,120,.13); border-radius:20px; background:linear-gradient(145deg,#fff,rgba(217,249,242,.74)); color:inherit; transition:.25s ease; }
.use-connection-grid a:nth-child(3n+2) { background:linear-gradient(145deg,#fff,rgba(235,229,255,.72)); }
.use-connection-grid a:nth-child(3n) { background:linear-gradient(145deg,#fff,rgba(255,236,214,.72)); }
.use-connection-grid a:hover { transform:translateY(-4px); box-shadow:0 22px 48px rgba(21,80,91,.13); }
.use-connection-grid span { font-size:9px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; color:var(--lagoon-650); }
.use-connection-grid strong { margin:17px 0 9px; font:500 28px/1 var(--serif); color:var(--lagoon-950); }
.use-connection-grid small { color:var(--slate-600); line-height:1.5; }
@media(max-width:900px){.use-connection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.use-connection-grid{grid-template-columns:1fr}}

/* ========================================================================== 
   Herbal Remedy Source 3.2 — Precision layout + performance surfaces
   Removes fragile negative-margin stacking and gives dossier pages a clear
   visual route from plant → documented use → preparation knowledge.
   ========================================================================== */

.page-global-remedies .remedy-hero--global {
    padding-bottom: clamp(92px, 9vw, 138px);
}

/* Keep the floating effect, but preserve the component's space in normal flow. */
.remedy-mode-bar {
    margin-top: 0;
    margin-bottom: 0;
    transform: translateY(-38px);
}
.remedy-mode-bar__inner {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 11px;
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(225,249,243,.91) 54%, rgba(236,232,255,.90));
    box-shadow: 0 28px 75px rgba(8,47,58,.18), inset 0 1px 0 rgba(255,255,255,.96);
}
.remedy-mode-bar__inner::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 16% 0%, rgba(84,213,199,.28), transparent 22rem),
        radial-gradient(circle at 86% 100%, rgba(109,91,216,.19), transparent 24rem);
}
.remedy-mode-bar a {
    min-height: 76px;
    border: 1px solid rgba(13,116,120,.08);
    background: rgba(255,255,255,.66);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.86);
}
.remedy-mode-bar a:hover {
    transform: translateY(-2px);
    border-color: rgba(24,182,172,.25);
    background: rgba(255,255,255,.92);
}
.remedy-mode-bar a.is-active {
    border-color: transparent;
    background: linear-gradient(125deg, #08777d, #3f83bd 55%, #6d5bd8);
}
.remedy-knowledge-bridge {
    margin-top: 0;
    padding-top: clamp(44px, 5vw, 72px);
    padding-bottom: clamp(72px, 8vw, 112px);
}
.remedy-library-section,
.global-remedy-section {
    padding-top: clamp(70px, 8vw, 118px);
}
.page-global-remedies .remedy-library-section .remedy-filter-console,
.remedy-filter-console {
    margin-top: 0;
}
.page-global-remedies .remedy-library-section {
    position: relative;
    isolation: isolate;
}
.page-global-remedies .remedy-library-section > .shell {
    display: grid;
    gap: 28px;
}
.page-global-remedies .remedy-library-section .remedy-filter-console__head {
    align-items: start;
    row-gap: 16px;
}
.page-global-remedies .remedy-library-section .remedy-filter-console__head h2 {
    max-width: 760px;
    margin-bottom: 0;
    line-height: .96;
    text-wrap: balance;
}
.remedy-filter-console {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-color: rgba(13,116,120,.16);
    box-shadow: 0 34px 90px rgba(12,72,82,.14), inset 0 1px 0 rgba(255,255,255,.92);
}
.remedy-filter-console::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 7% 0%, rgba(84,213,199,.18), transparent 22rem),
        radial-gradient(circle at 95% 100%, rgba(109,91,216,.12), transparent 28rem),
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(232,250,245,.88));
}
.remedy-filter-console__head {
    align-items: end;
    gap: 28px;
    padding-block: clamp(27px, 3vw, 42px);
}
.remedy-filter-console__head h2 {
    max-width: 820px;
    margin-bottom: 0;
    text-wrap: balance;
}
.remedy-filter-grid {
    align-items: end;
}
.remedy-filter-grid .button {
    min-height: 64px;
}

/* Dossier hero: balanced rather than bottom-aligned and visually detached. */
.remedy-dossier-hero {
    min-height: auto;
    padding: clamp(106px, 11vw, 164px) 0 clamp(88px, 9vw, 132px);
    background:
        radial-gradient(circle at 8% 15%, rgba(214,240,95,.21), transparent 26rem),
        radial-gradient(circle at 82% 12%, rgba(91,199,238,.24), transparent 30rem),
        radial-gradient(circle at 70% 95%, rgba(109,91,216,.24), transparent 31rem),
        linear-gradient(124deg, #082f3a 0%, #096c73 53%, #4d477e 100%);
}
.remedy-dossier-hero__grid {
    grid-template-columns: minmax(0, 1.42fr) minmax(300px, .58fr);
    align-items: center;
    gap: clamp(48px, 7vw, 108px);
}
.remedy-dossier-hero__copy {
    min-width: 0;
}
.remedy-dossier-hero h1 {
    display: block;
    max-width: 980px;
    margin: 21px 0 24px;
    font-size: clamp(48px, 6.2vw, 91px);
    line-height: .91;
    letter-spacing: -.052em;
    text-wrap: balance;
}
.remedy-dossier-hero h1 em,
.remedy-dossier-hero h1 b {
    display: block;
    font: inherit;
    font-weight: 500;
}
.remedy-dossier-hero h1 em { color: var(--acid); }
.remedy-dossier-hero h1 b { color: white; }
.remedy-dossier-hero h1 span {
    display: block;
    margin: 15px 0 10px;
    padding-left: 3px;
    font: 900 10px/1 var(--sans);
    letter-spacing: .18em;
    text-transform: uppercase;
    color: rgba(255,255,255,.58);
}
.remedy-dossier-hero__copy > p {
    max-width: 760px;
    margin-bottom: 0;
    font-size: clamp(16px, 1.35vw, 20px);
    line-height: 1.72;
}
.remedy-dossier-route {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 30px;
}
.remedy-dossier-route > span {
    display: grid;
    gap: 6px;
    min-width: 150px;
    padding: 12px 15px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 16px;
    background: rgba(255,255,255,.075);
    backdrop-filter: blur(10px);
}
.remedy-dossier-route small {
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: rgba(255,255,255,.53);
}
.remedy-dossier-route strong {
    max-width: 210px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: white;
    font-size: 12px;
}
.remedy-dossier-route > i {
    align-self: center;
    color: var(--acid);
    font-style: normal;
    font-weight: 900;
}
.remedy-dossier-hero__actions {
    margin-top: 25px;
}
.remedy-dossier-scorecard {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    align-self: center;
    padding: 10px;
    border-radius: 30px;
    background: linear-gradient(145deg, rgba(5,36,44,.42), rgba(68,57,110,.30));
    box-shadow: 0 35px 90px rgba(2,25,34,.29), inset 0 1px 0 rgba(255,255,255,.12);
}
.remedy-dossier-scorecard header {
    grid-column: 1 / -1;
    padding: 21px 21px 17px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(214,240,95,.96), rgba(169,240,212,.94));
    color: var(--lagoon-950);
}
.remedy-dossier-scorecard header span,
.remedy-dossier-scorecard header strong,
.remedy-dossier-scorecard header p {
    color: inherit;
}
.remedy-dossier-scorecard header span {
    display: block;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .15em;
    text-transform: uppercase;
    opacity: .68;
}
.remedy-dossier-scorecard header strong {
    display: block;
    margin-top: 10px;
    font: 500 clamp(25px, 2.4vw, 36px)/.98 var(--serif);
}
.remedy-dossier-scorecard header p {
    margin: 9px 0 0;
    font-size: 11px;
    line-height: 1.45;
    opacity: .72;
}
.remedy-dossier-scorecard div {
    display: flex;
    min-height: 104px;
    flex-direction: column;
    justify-content: space-between;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.08);
    background: rgba(255,255,255,.075);
}
.remedy-dossier-scorecard div strong {
    margin-top: 13px;
    font-size: clamp(18px, 1.7vw, 27px);
    overflow-wrap: anywhere;
}
.remedy-dossier-section {
    padding-top: clamp(76px, 8vw, 120px);
}
.remedy-dossier-layout {
    grid-template-columns: minmax(210px, 245px) minmax(0, 1fr);
}
.remedy-dossier-prose {
    min-width: 0;
}
.dossier-definition-grid div,
.dossier-plant-card div {
    min-width: 0;
}
.dossier-definition-grid strong,
.dossier-plant-card strong {
    overflow-wrap: anywhere;
}

@media (max-width: 1000px) {
    .remedy-mode-bar { transform: translateY(-28px); }
    .remedy-knowledge-bridge { margin-top: 0; }
    .remedy-dossier-hero__grid { grid-template-columns: 1fr; }
    .remedy-dossier-scorecard { max-width: 720px; }
}
@media (max-width: 720px) {
    .page-global-remedies .remedy-hero--global { padding-bottom: 68px; }
    .remedy-mode-bar { transform: translateY(-20px); }
    .remedy-mode-bar__inner { grid-template-columns: 1fr; border-radius: 24px; }
    .remedy-mode-bar a { min-height: 62px; }
    .remedy-knowledge-bridge { padding-top: 34px; }
    .remedy-dossier-hero { padding-top: 92px; }
    .remedy-dossier-hero h1 { font-size: clamp(43px, 13vw, 64px); }
    .remedy-dossier-route { display: grid; grid-template-columns: 1fr; }
    .remedy-dossier-route > i { display: none; }
    .remedy-dossier-route > span { min-width: 0; }
    .remedy-dossier-scorecard { grid-template-columns: 1fr 1fr; }
    .remedy-dossier-scorecard header { grid-column: 1 / -1; }
    .remedy-dossier-scorecard div { min-height: 92px; }
}
@media (max-width: 460px) {
    .remedy-dossier-scorecard { grid-template-columns: 1fr; }
    .remedy-dossier-scorecard header { grid-column: auto; }
}

/* =========================================================
   HHT 3.3.0 — USE-FIRST KNOWLEDGE GRAPH UI
   ========================================================= */
.story-card--use-first .story-card__body { display: flex; min-height: 395px; flex-direction: column; }
.visual__context-mark { position: absolute; right: 18px; top: 18px; z-index: 3; display: grid; place-items: center; min-width: 42px; height: 42px; padding: 0 8px; border: 1px solid rgba(12,111,121,.28); border-radius: 50%; background: rgba(243,247,239,.82); color: #0d7781; font-size: 8px; letter-spacing: .12em; }
.story-use-line { margin: 18px 0 0; padding: 13px 15px; border-left: 3px solid #9d8dae; background: rgba(157,141,174,.09); }
.story-use-line small { display: block; color: #6f6876; font-size: 8px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.story-use-line strong { display: block; margin-top: 4px; color: var(--ink); font: 600 15px/1.25 var(--serif); }
.story-use-line--source_exact { border-color: #0d8c91; background: rgba(76,211,201,.10); }
.story-use-line--source_exact small { color: #08747a; }
.story-use-line--editorial_verified { border-color: #567b5f; background: rgba(82,111,94,.10); }
.story-use-line--same_plant_context { border-color: #b29158; background: rgba(223,202,88,.12); }
.story-use-line--unknown { border-color: #979d98; background: rgba(21,37,29,.045); }
.story-card__facts { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 17px; }
.story-card__facts span { padding: 6px 9px; border: 1px solid var(--line); border-radius: 999px; color: #657168; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.story-card--use-first .story-card__foot { margin-top: auto; }
.relationship-tag { display: inline-flex; align-items: center; gap: 7px; font-size: 8px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.relationship-tag:before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #979d98; }
.relationship-tag--source_exact:before { background: #0d8c91; box-shadow: 0 0 0 4px rgba(13,140,145,.10); }
.relationship-tag--editorial_verified:before { background: #567b5f; }
.relationship-tag--same_plant_context:before { background: #b29158; }
.relationship-tag--same_use_context:before { background: #8b78a0; }

.preparation-library-intro { padding: 78px 0 40px; background: linear-gradient(180deg,#edf7ed 0%,var(--paper) 100%); }
.preparation-library-intro__grid { display: grid; grid-template-columns: 1fr .9fr; gap: 80px; align-items: end; }
.preparation-library-intro h2 { max-width: 720px; margin: 17px 0 0; font: 500 clamp(43px,5.2vw,70px)/.94 var(--serif); letter-spacing: -.045em; }
.preparation-library-intro p { max-width: 660px; margin: 0; color: #607269; font-size: 16px; }
.remedy-filter-console--use-first { margin-top: 0; }
.remedy-filter-grid--use-first { grid-template-columns: minmax(260px,1.5fr) repeat(3,minmax(160px,1fr)); }
.relationship-legend { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 22px 0 34px; border: 1px solid var(--line); background: var(--line); }
.relationship-legend span { display: block; padding: 18px 20px; background: rgba(255,255,255,.62); color: #66736b; font-size: 11px; line-height: 1.55; }
.relationship-legend b { color: var(--ink); }
.relationship-legend i { display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #979d98; }
.relationship-legend .is-exact { background: #0d8c91; }
.relationship-legend .is-related { background: #b29158; }

.article-hero--use-first { padding-bottom: 72px; }
.article-use-kicker { display: inline-flex; flex-direction: column; gap: 3px; margin: 24px 0 8px; padding: 11px 14px; border-left: 3px solid #979d98; background: rgba(255,255,255,.42); }
.article-use-kicker span { color: #6d776f; font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.article-use-kicker strong { font: 600 16px/1.25 var(--serif); }
.article-use-kicker--source_exact { border-color: #0d8c91; background: rgba(76,211,201,.11); }
.article-use-kicker--same_plant_context { border-color: #b29158; background: rgba(223,202,88,.12); }
.article-facts--use-first strong { overflow-wrap: anywhere; }
.use-first-summary { padding: 0 0 72px; background: var(--paper); }
.use-first-summary__grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(280px,.6fr); gap: 1px; border: 1px solid var(--line); background: var(--line); box-shadow: 0 28px 80px rgba(18,37,28,.07); }
.use-first-summary article,.use-first-summary aside { padding: clamp(28px,4vw,52px); background: rgba(255,255,255,.62); }
.use-first-primary > span,.use-first-summary aside > span { color: #69776f; font-size: 9px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.use-first-primary h2 { max-width: 760px; margin: 16px 0 12px; font: 500 clamp(34px,4vw,56px)/.98 var(--serif); letter-spacing: -.04em; }
.use-first-primary p { max-width: 760px; color: #607169; }
.use-first-primary small { display: block; max-width: 760px; margin-top: 18px; color: #6d756f; }
.use-first-primary a { display: inline-flex; margin-top: 24px; color: #08747a; font-size: 10px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.use-first-primary--source_exact { box-shadow: inset 5px 0 #0d8c91; }
.use-first-primary--same_plant_context { box-shadow: inset 5px 0 #b29158; }
.use-first-summary dl { margin: 18px 0 0; }
.use-first-summary dl div { display: grid; grid-template-columns: .8fr 1.2fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.use-first-summary dt { color: #727c75; font-size: 9px; font-weight: 850; letter-spacing: .08em; text-transform: uppercase; }
.use-first-summary dd { margin: 0; font-size: 12px; font-weight: 750; }
.article-use-connections--hierarchy { margin-bottom: 56px; }
.use-context-stack { display: grid; gap: 9px; margin-top: 26px; }
.use-context-row { display: grid; grid-template-columns: 130px minmax(180px,.75fr) minmax(240px,1.25fr) 20px; gap: 18px; align-items: center; padding: 18px 20px; border: 1px solid var(--line); border-left-width: 4px; background: rgba(255,255,255,.5); text-decoration: none; }
.use-context-row > span { color: #68736c; font-size: 8px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.use-context-row strong { display: block; font: 600 18px/1.15 var(--serif); }
.use-context-row small { display: block; margin-top: 4px; color: #78827c; font-size: 9px; }
.use-context-row p { margin: 0; color: #667169; font-size: 11px; }
.use-context-row b { color: #0d8c91; }
.use-context-row--source_exact { border-left-color: #0d8c91; }
.use-context-row--editorial_verified { border-left-color: #567b5f; }
.use-context-row--same_plant_context { border-left-color: #b29158; }
.use-context-row--same_use_context { border-left-color: #8b78a0; }
.use-context-empty { padding: 24px; border: 1px dashed var(--line); background: rgba(255,255,255,.45); }
.source-record-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin: 28px 0 0; background: var(--line); border: 1px solid var(--line); }
.source-record-facts div { padding: 15px; background: var(--paper-3); }
.source-record-facts dt { color: #738079; font-size: 8px; font-weight: 900; letter-spacing: .09em; text-transform: uppercase; }
.source-record-facts dd { margin: 5px 0 0; font-size: 12px; font-weight: 750; }
.prose blockquote { margin: 22px 0; padding: 22px 26px; border-left: 3px solid #0d8c91; background: rgba(76,211,201,.07); color: #40584e; font-family: var(--serif); font-size: 17px; line-height: 1.75; }

.home-use-map { background: linear-gradient(180deg,var(--paper),#e5efe3); }
.home-use-map__grid,.concern-use-atlas__grid { display: grid; grid-template-columns: repeat(4,1fr); border-left: 1px solid var(--line); border-top: 1px solid var(--line); }
.home-use-map__grid a,.concern-use-atlas__grid a { min-height: 190px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.48); text-decoration: none; transition: transform .2s ease,background .2s ease; }
.home-use-map__grid a:hover,.concern-use-atlas__grid a:hover { transform: translateY(-3px); background: white; }
.home-use-map__grid span,.concern-use-atlas__grid span { color: #0d7b82; font-size: 8px; font-weight: 900; letter-spacing: .11em; text-transform: uppercase; }
.home-use-map__grid strong,.concern-use-atlas__grid h3 { display: block; margin: 18px 0 11px; font: 500 25px/1.05 var(--serif); }
.home-use-map__grid small,.concern-use-atlas__grid p { display: block; color: #68756d; font-size: 11px; }
.home-use-map__grid b,.concern-use-atlas__grid b { display: block; margin-top: 18px; color: #0d7b82; }
.concern-use-atlas { background: #e7efe5; }

@media (max-width: 1180px) {
    .primary-nav { gap: 3px; }
    .primary-nav a { padding-inline: 8px; font-size: 10px; }
    .remedy-filter-grid--use-first { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .remedy-search-field { grid-column: span 2; }
    .home-use-map__grid,.concern-use-atlas__grid { grid-template-columns: repeat(2,1fr); }
}
@media (max-width: 900px) {
    .preparation-library-intro__grid,.use-first-summary__grid { grid-template-columns: 1fr; gap: 0; }
    .relationship-legend { grid-template-columns: 1fr; }
    .use-context-row { grid-template-columns: 1fr 20px; }
    .use-context-row > span,.use-context-row > div,.use-context-row > p { grid-column: 1; }
    .use-context-row > b { grid-column: 2; grid-row: 1 / span 3; }
    .source-record-facts { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .remedy-filter-grid--use-first { grid-template-columns: 1fr; }
    .remedy-search-field { grid-column: auto; }
    .home-use-map__grid,.concern-use-atlas__grid { grid-template-columns: 1fr; }
    .story-card--use-first .story-card__body { min-height: 0; }
    .use-first-summary { padding-bottom: 42px; }
    .use-first-summary article,.use-first-summary aside { padding: 25px 21px; }
    .use-context-row { padding: 16px; }
    .preparation-library-intro { padding-top: 58px; }
}

/* 3.3.0.1 — homepage atlas metric typography */
.page-home .hero-proof--atlas b {
    display:inline-block;
    min-width:5.25ch;
    color:#dff36d;
    font-family:var(--sans);
    font-size:clamp(21px,1.45vw,27px);
    font-weight:680;
    font-style:normal;
    line-height:1;
    letter-spacing:-.045em;
    font-variant-numeric:lining-nums tabular-nums;
    font-feature-settings:"lnum" 1,"tnum" 1;
    text-rendering:geometricPrecision;
}
.page-home .hero-proof--atlas span {
    font-weight:650;
    letter-spacing:.1em;
}
@media (max-width:620px) {
    .page-home .hero-proof--atlas b { min-width:6ch; font-size:23px; }
}