/* Atlas palette — sampled from the Mushroom Color Atlas poster.
   Paper #f3efe6 · ink #1a1712 · forest #1c3a3a / #2c4f53
   ochre #e59e66 · terracotta #c46353 · rose #c65e67 · sage #4e6248 · mist #6d9297 */

:root{
  --ink:#2a261f;
  --ink-soft:#5c564c;
  --ink-faint:#7d766c;
  --teal:#1f4a45;
  --teal-deep:#163834;
  --teal-dark:#122c2a;
  --blue:#5f7f78;
  --blue-soft:#3d5c56;
  --wash:#e7e1d4;
  --wash-2:#ddd4c4;
  --wood:#c46353;
  --wood-deep:#a14e45;
  --gold:#9a6230;
  --paper:#f3efe6;
  --card:#faf7f1;
  --line:rgba(28,25,20,.12);
  --line-dark:rgba(243,239,230,.16);
  --glow:none;
  --shadow-sm:0 1px 2px rgba(28,25,20,.05);
  --shadow-md:0 10px 28px rgba(28,25,20,.08);
  --shadow-lg:0 22px 48px rgba(28,25,20,.12);
  color-scheme:light;
}
html,body{background:var(--paper);color:var(--ink)}
body::before{
  background-image:
    linear-gradient(rgba(28,25,20,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(28,25,20,.04) 1px,transparent 1px);
  opacity:.55;
}
h1,h2,h3,h4{color:#1a1712}
h1{color:#1a1712}
::selection{background:#e7d1a9;color:#1a1712}
:focus-visible{outline-color:#1f4a45;box-shadow:none}
.skip-link{background:#1f4a45;color:#f6f3ec}

.section--paper{background:var(--paper)}
.section--card{background:#e9e3d6}
.section--moss{background:#e3ddd0}
.section--dark{background:#122c2a;color:#e7e0d2}
.section--dark h1,.section--dark h2,.section--dark h3{color:#f6f3ec}

.kicker{color:#1f4a45}
.kicker::before{background:#c46353;box-shadow:none}
.section--dark .kicker,.section--moss .kicker{color:#1f4a45}
.section--dark .kicker::before,.section--moss .kicker::before{background:#c46353}

.btn{
  --c:#1f4a45;
  color:#f6f3ec;
  background:#1f4a45;
  border-color:#163834;
  box-shadow:none;
}
.btn:hover{box-shadow:0 8px 22px rgba(31,74,69,.22);background:#163834}
.btn--ghost{background:transparent;color:#1f4a45;border-color:#1f4a45;box-shadow:none}
.btn--ghost:hover{background:rgba(31,74,69,.08);color:#163834;box-shadow:none}
.btn--light{background:#faf7f1;color:#1a1712}
.btn--amber{--c:#e59e66;background:#e59e66;color:#1a1712;border-color:#c4843a;box-shadow:none}
.btn--amber:hover{background:#d28b4e;box-shadow:0 8px 22px rgba(196,132,58,.28)}

.site-header{
  background:rgba(243,239,230,.9);
  border-bottom:1px solid var(--line);
  box-shadow:none;
}
.myco-header{opacity:.32;filter:none;mix-blend-mode:multiply}
.brand-mark{color:#f6f3ec}
.brand-mark::after{
  background:radial-gradient(120% 120% at 30% 22%,#2c4f53,#1c3a3a);
  box-shadow:none;
}
.brand-name{color:#1a1712}
.brand-name small{color:#9a6230}
.nav-links a{color:#5c564c}
.nav-links a:hover{color:#1a1712;background:rgba(31,74,69,.08)}
.nav-links a[aria-current="page"],.nav-links a.is-section{color:#1f4a45;background:rgba(31,74,69,.1);box-shadow:inset 0 0 0 1px rgba(31,74,69,.18)}
.nav-drop{position:relative}
.nav-drop::after{content:""; position:absolute; left:0; right:0; top:100%; height:.45rem}
.nav-sub{
  display:none; position:absolute; top:calc(100% + .2rem); left:0; z-index:40;
  min-width:16.5rem; padding:.35rem;
  background:#fffdf8; border:1px solid var(--line); border-radius:8px;
  box-shadow:0 12px 28px rgba(28,25,20,.12);
}
.nav-drop:hover .nav-sub,.nav-drop:focus-within .nav-sub{display:grid}
.nav-sub a{display:block; white-space:nowrap}
@media (max-width:900px){
  .nav-drop::after{content:none}
  .nav-links.open .nav-sub{
    display:grid; position:static; min-width:0; margin:.15rem 0 .4rem .7rem;
    padding:0; background:transparent; border:0; box-shadow:none;
  }
  .nav-sub a{white-space:normal; padding:.4rem .5rem}
}
.hub-links{display:grid; gap:.65rem; max-width:28rem; margin-top:1.5rem}
.hub-links a{
  display:block; padding:.9rem 1rem;
  border:1px solid #1f4a45; background:#faf7f1; color:#1f4a45;
  font-weight:650; text-decoration:none;
}
.hub-links a:hover{background:#1f4a45; color:#f6f3ec; text-decoration:none}
.hub-note{max-width:46ch; margin:0 0 1.2rem; color:var(--ink-soft)}
.crumb{margin:0 0 .45rem; color:#6e675d; font:.72rem/1.2 var(--mono); letter-spacing:.08em; text-transform:uppercase}
.crumb a{color:#1f4a45; text-decoration:none}
.crumb a:hover{text-decoration:underline}
.kicker a{color:inherit; text-decoration:none}
.kicker a:hover{text-decoration:underline}
.hub-sub{list-style:none; margin:.45rem 0 0; padding:0 0 0 .85rem; display:grid; gap:.35rem}
.hub-sub a{font-size:.92em}
.menu-btn{color:#1a1712;border-color:var(--line)}
.menu-btn:hover{color:#1f4a45;border-color:#1f4a45}

.hero{
  color:#2a261f;
  background:
    radial-gradient(820px 480px at 88% -8%,rgba(196,99,83,.16),transparent 58%),
    radial-gradient(640px 380px at 6% 110%,rgba(44,79,83,.12),transparent 55%),
    linear-gradient(165deg,#f7f4ee 0%,#efe8d8 55%,#e7dfcf 100%);
}
.hero .kicker{color:#1f4a45}
.hero .kicker::before{background:#c46353}
.hero h1{color:#1a1712;text-shadow:none}
.hero p{color:#4e4940}
.hero::before{
  content:"";
  position:absolute;left:0;right:0;bottom:0;height:9px;z-index:3;pointer-events:none;
  background:linear-gradient(90deg,
    #c46353 0 8%,#e4aa9d 8% 16%,#e59e66 16% 26%,#eda22b 26% 34%,
    #e7d1a9 34% 42%,#718674 42% 52%,#2c4f53 52% 64%,#1b3e42 64% 74%,
    #6d9297 74% 84%,#a26263 84% 92%,#786866 92% 100%);
}
.hero::after{opacity:.08}
.hero .accent-img{opacity:.16;filter:sepia(.35) saturate(.7)}
.service-board{
  display:grid; grid-template-columns:1fr 1fr; gap:.7rem;
  max-width:760px; margin-top:1.7rem;
}
.service-board a{
  display:flex; align-items:center; justify-content:center; text-align:center;
  min-height:4.7rem; padding:.95rem 1rem;
  border:2px solid #1f4a45; background:#faf7f1; color:#1f4a45;
  font-family:var(--sans); font-weight:650; font-size:.98rem; line-height:1.25;
  text-decoration:none;
  transition:background .15s, color .15s;
}
.service-board a:hover{background:#1f4a45;color:#f6f3ec;text-decoration:none}
.hero-appoint{margin-top:.85rem}
.svc-track,.lecture-callout{scroll-margin-top:96px}
@media(max-width:640px){.service-board{grid-template-columns:1fr}}

.offer-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem}
.offer{display:flex;flex-direction:column;gap:.4rem;min-height:100%;padding:1.15rem 1.15rem 1.25rem;background:#faf7f1;border:1px solid var(--line);border-radius:8px}
.offer h3{margin:0 0 .4rem;font-size:1.12rem;color:#1a1712}
.offer p{margin:0;color:var(--ink-soft);font-size:.94rem;line-height:1.4}
.offer-price{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.35rem .75rem;margin:.9rem 0 0;padding-top:.7rem;border-top:1px solid var(--line);color:#6e675d;font:500 .74rem/1.35 var(--mono);letter-spacing:.02em}
.offer-basis{color:#8a8276}
.offer-amount{color:#1f4a45;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}
.fee-note{margin:.85rem 0 0;color:var(--ink-faint);font:.74rem/1.45 var(--mono);letter-spacing:.01em}
.svc-heading{color:#9a6230}
.svc-item h3{color:#1a1712}
.svc-item h3:hover{color:#1f4a45}
.svc-desc,.svc-sub{color:var(--ink-soft)}
.track-num{color:#f6f3ec;background:#1f4a45;box-shadow:none}
.track-head p{color:var(--ink-faint)}

.card{background:#faf7f1;border-color:var(--line);box-shadow:var(--shadow-sm)}
.card::before{background:linear-gradient(90deg,#1f4a45,#c46353);box-shadow:none}
.card:hover{border-color:rgba(31,74,69,.35);box-shadow:var(--shadow-md)}
.card-media{color:#1f4a45;background:linear-gradient(160deg,#efe8d8,#e3ddd0)}
.card-media::after{color:#8a8276}
.card-media--photo{
  display:block; position:relative; overflow:hidden; padding:0;
  aspect-ratio:16/10; background:#1c3a3a;
}
.card-media--photo::after{content:none !important; display:none !important}
.card-media--photo img{
  position:absolute; inset:0; width:100%; height:100%; max-width:none;
  object-fit:cover; object-position:40% 34%;
}
.card-media--fade{background:#efe8d8}
.card-media--fade img{object-position:center;opacity:.46;filter:saturate(.72) sepia(.18)}
.card-media--fade.card-media--photo::after{
  content:"" !important; display:block !important;
  position:absolute; inset:0; z-index:1; pointer-events:none;
  letter-spacing:0; color:transparent;
  background:linear-gradient(180deg,rgba(243,239,230,.42),rgba(28,58,58,.2));
}
.hero .lecture-callout{
  margin:1.5rem 0 .2rem; max-width:70ch;
  padding:1.15rem 1.3rem 1.25rem;
  background:#1c3a3a; color:#f6f3ec;
  border-radius:8px; border-left:5px solid #e59e66;
  box-shadow:0 12px 28px rgba(28,58,58,.16);
}
.hero .lecture-callout .lecture-kicker{
  margin:0 0 .4rem; color:#e59e66;
  font:.72rem/1.2 var(--mono); letter-spacing:.14em; text-transform:uppercase;
}
.hero .lecture-callout p{margin:0;color:#f6f3ec;font-size:1.05rem;line-height:1.45}
.hero .lecture-callout a{color:#f0c9a2;text-decoration:underline;text-underline-offset:.16em}
.who-photo{background:#1c3a3a}
.who-photo img{
  width:100%; height:auto; max-height:none; aspect-ratio:auto;
  object-fit:contain; object-position:center;
}
.card-meta{color:#9a6230}
.card h3{color:#1a1712}
.card p{color:var(--ink-soft)}

.why-item{background:#faf7f1;border-color:var(--line)}
.why-item h3{color:#3d5c56}
.why-item .stat{color:#1f4a45;text-shadow:none}
.why-item p{color:var(--ink-soft)}

.steps .num{background:rgba(31,74,69,.1);color:#1f4a45;border-color:rgba(31,74,69,.28);box-shadow:none}
.steps p{color:var(--ink-soft)}

.eth-line{background:#faf7f1;border-color:var(--line);color:var(--ink-soft)}
.eth-line strong{color:#9a6230}
.eth-line.on-light{background:#faf7f1;color:var(--ink-soft)}

.cta-banner{
  background:linear-gradient(165deg,#1c3a3a,#2c4f53);
  color:#e7e0d2;
  border-color:rgba(28,58,58,.4);
  box-shadow:var(--shadow-md);
}
.cta-banner h2{color:#f6f3ec}
.cta-banner p{color:#d9d0c2}

.form{background:#faf7f1;border-color:var(--line)}
.field label{color:#5c564c}
.field label .req{color:#c46353}
.field input,.field select,.field textarea{
  color:#1a1712;background:#fffdf8;border-color:rgba(28,25,20,.16);
}
.field input::placeholder,.field textarea::placeholder{color:#8a8276}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#1f4a45;box-shadow:0 0 0 3px rgba(31,74,69,.12)}
.field select option{color:#1a1712;background:#fffdf8}
.consent{color:var(--ink-soft)}
.consent a{color:#1f4a45}
.form-note{color:var(--ink-faint)}
.form-note.is-success{color:#2f6a45}
.form-note.is-error{color:#a14e45}

.site-footer{background:#122c2a;color:#d9d0c2;border-top:1px solid rgba(243,239,230,.08)}
.site-footer h4{color:#e7d1a9}
.site-footer a{color:#d9d0c2}
.site-footer a:hover{color:#fff}
.f-brand p{color:#cbbfae}
.f-brand .brand-name,.site-footer .brand-name{color:#f6f3ec}
.site-footer .brand-name small{color:#e7d1a9}
.site-footer .legal{color:#b5a898;border-top-color:rgba(243,239,230,.12)}
.site-footer .eth-line{background:rgba(243,239,230,.06);border-color:rgba(243,239,230,.14);color:#d9d0c2}
.site-footer .eth-line strong{color:#e7d1a9}

.kw{color:#1f4a45;text-shadow:none;text-decoration-color:rgba(196,99,83,.45)}
.kw:hover{color:#c46353}
.engage-box{background:#faf7f1;border-color:var(--line)}
.engage-box::before{background:linear-gradient(#1f4a45,#c46353);box-shadow:none}
.engage-box p{color:var(--ink-soft)}
.engage-box strong{color:#1a1712}

.photo-accent::before{opacity:.14;filter:sepia(.25) saturate(.85)}
.who-copy{background:#1c3a3a;border-color:rgba(28,25,20,.16)}
.who-copy::after{background:linear-gradient(100deg,rgba(18,44,42,.88) 0%,rgba(18,44,42,.72) 58%,rgba(18,44,42,.48) 100%)}
.who-copy h2,.who-copy h3{color:#f6f3ec}
.who-copy .kicker{color:#e7d1a9}
.who-copy .kicker::before{background:#e59e66}
.who-copy p:not(.kicker){color:#f0ebe3}
.who-copy .kw{color:#f3d7b4}
.who-photo{border-color:var(--line)}

.work-type{color:#9a6230}
.work-item h3 a{color:#1a1712}
.work-item h3 a:hover{color:#1f4a45}
.work-desc{color:var(--ink-soft)}

.event-item{background:#faf7f1;border-color:var(--line)}
.event-item:hover{border-color:rgba(31,74,69,.35);box-shadow:var(--shadow-md)}
.event-item--upcoming{border-color:rgba(154,98,48,.4);background:linear-gradient(110deg,rgba(229,158,102,.14),#faf7f1 42%)}
.event-date{background:#fffdf8;border-color:var(--line);color:#1a1712}
.event-banner{display:block;height:91px;width:auto;max-width:100%;margin:0 0 .85rem;border:1px solid var(--line);border-radius:7px;object-fit:cover;object-position:center}
.event-day{color:#1a1712}
.event-year{color:#5c564c}
.event-month{color:#1f4a45}
.event-status--upcoming{color:#8a4e28;border-color:rgba(154,98,48,.4);background:rgba(229,158,102,.16)}
.event-kind{color:#1f4a45}
.event-content h3 a{color:#1a1712}
.event-content h3 a:hover{color:#1f4a45}
.event-content p{color:var(--ink-soft)}
.event-content .event-subtitle{color:#3d5c56}
.event-links a{color:#9a6230;text-decoration-color:rgba(154,98,48,.35)}
.event-links a:hover{color:#1f4a45}
.gallery-thumb{background:#e7e1d4;border-color:var(--line)}

.lightbox-backdrop{background:rgba(18,28,26,.9)}
.lightbox-panel{background:#122c2a;border-color:rgba(231,209,169,.28);box-shadow:var(--shadow-lg)}
.lightbox-close,.lightbox-nav{color:#f6f3ec;background:rgba(28,58,58,.9);border-color:rgba(231,209,169,.28)}
.lightbox-close:hover,.lightbox-nav:hover{background:rgba(196,99,83,.35);border-color:#e59e66}

.prose p{color:var(--ink-soft)}
.prose strong{color:var(--ink)}
.prose a{color:#1f4a45}
.not-found{
  background:
    radial-gradient(700px 500px at 70% 30%,rgba(196,99,83,.14),transparent 62%),
    #f3efe6;
}
.not-found h1{color:#1a1712}
.not-found p:not(.kicker){color:var(--ink-soft)}

.myco-band{background:#faf7f1}
.myco-band svg{filter:none}
.myco-band .caption{color:#1f4a45}

.molecular-datasets-section{
  background:
    radial-gradient(780px 420px at 92% 8%,rgba(196,99,83,.1),transparent 70%),
    linear-gradient(180deg,#f3efe6,#e9e3d6);
}
.molecular-datasets-section::after{opacity:.08}
.dataset-lead,.dataset-summary,.dataset-template > div:first-child > p:not(.kicker){color:var(--ink-soft)}
.dataset-schema,.dataset-snapshot,.dataset-compound-grid,.dataset-template-list{background:rgba(28,25,20,.08);border-color:var(--line)}
.dataset-schema-card,.dataset-snapshot > div,.dataset-compound,.dataset-template-list div,.dataset-entry{
  background:#faf7f1;border-color:var(--line);color:var(--ink);
}
.dataset-schema-card span,.dataset-status,.dataset-compound strong,.dataset-takeaway strong,.dataset-overline{color:#9a6230}
.dataset-schema-card strong,.dataset-snapshot strong,.dataset-template-list span{color:#1a1712}
.dataset-label,.dataset-compound span,.dataset-source summary,.dataset-kind{color:#1f4a45}
.dataset-compounds{background:#fffdf8;border-color:var(--line)}
.dataset-takeaway{background:rgba(229,158,102,.1);border-left-color:#c46353}
.dataset-template{background:#faf7f1;border-color:rgba(28,25,20,.2)}
.dataset-source summary:hover{color:#1a1712}

.dose-page{
  background:
    radial-gradient(900px 520px at 88% 0%,rgba(196,99,83,.12),transparent 64%),
    linear-gradient(180deg,#f7f4ee,#f3efe6 52%,#e9e3d6);
}
.dose-heading .kicker{color:#1f4a45}
.dose-heading .kicker::before{background:#c46353}
.dose-heading h1{text-shadow:none;color:#1a1712}
.dose-intro{color:var(--ink-soft)}
.dose-calculator{
  background:#faf7f1;
  border-color:var(--line);
  box-shadow:var(--shadow-md);
}
.dose-overline,.dose-example-result,.dose-result-card--accent strong,.dose-disclaimer strong{color:#9a6230}
.dose-calculator h2,.dose-examples h2{color:#1a1712}
.dose-human-km{color:#1f4a45;background:#fffdf8;border-color:var(--line)}
.dose-field label{color:#5c564c}
.dose-field input,.dose-field select{color:#1a1712;background:#fffdf8;border-color:rgba(28,25,20,.16)}
.dose-field input:focus,.dose-field select:focus{border-color:#1f4a45;box-shadow:0 0 0 3px rgba(31,74,69,.12)}
.dose-field select option{background:#fffdf8;color:#1a1712}
.dose-formula{color:#1f4a45;background:#fffdf8;border-color:rgba(28,25,20,.16)}
.dose-formula span+span{color:var(--ink-soft)}
.dose-result-card{background:#fffdf8;border-color:var(--line)}
.dose-result-card--accent{border-color:rgba(154,98,48,.35);background:linear-gradient(135deg,rgba(229,158,102,.16),#fffdf8)}
.dose-result-label{color:#1f4a45}
.dose-result-card strong{color:#1a1712}
.dose-result-card strong small,.dose-result-sub,.dose-status,.dose-example-total{color:var(--ink-faint)}
.dose-status.is-error{color:#a14e45}
.dose-example{background:#faf7f1;border-color:var(--line)}
.dose-example-tag{color:#1f4a45}
.dose-example h3{color:#1a1712}
.dose-example>p{color:var(--ink-soft)}
.dose-example-total strong{color:#1a1712}
.dose-example-actions a{color:#9a6230}
.dose-example-actions a:hover{color:#1f4a45}
.dose-disclaimer{color:#5c564c;background:rgba(229,158,102,.1);border-left-color:#c46353}

/* Fungal metabolite explorer */
.mx-hero{padding-block:clamp(1.6rem,3.2vw,2.4rem)}
.mx-hero p{margin-bottom:0}
.mx-page{padding-block:.85rem 1.6rem}
.mx-sources{margin:0 0 .55rem;color:var(--ink-soft);font-size:.92rem;line-height:1.4}
.mx-sources a{color:#1f4a45}
.mx-tool{padding:.75rem .9rem .85rem;background:#fffdf8;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md)}
.mx-search label,.mx-filter{display:block;margin:0 0 .35rem;color:#5c564c;font:500 .78rem/1.3 var(--mono);letter-spacing:.03em;text-transform:uppercase}
.mx-search-row{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap}
.mx-field{display:flex;flex-direction:column;gap:.2rem;min-width:0;flex:0 1 auto;align-self:flex-end}
.mx-field label{margin:0}
.mx-field--taxon{width:min(100%,18rem)}
.mx-field--cat{width:min(100%,14.5rem)}
.mx-search input,.mx-search select,.mx-tool>#metabolite-filter{width:100%;min-width:0;padding:.72rem .85rem;color:#1a1712;background:#fffdf8;border:1px solid rgba(28,25,20,.16);border-radius:6px;font:inherit}
.mx-search select{appearance:auto}
.mx-search input:focus,.mx-search select:focus,.mx-tool>#metabolite-filter:focus{outline:none;border-color:#1f4a45;box-shadow:0 0 0 3px rgba(31,74,69,.12)}
.mx-search .btn{flex:0 0 auto;margin-bottom:1px}
.mx-catnote{margin:.35rem 0 0;color:var(--ink-soft);font-size:.84rem;line-height:1.35;max-width:78ch}
.mx-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 0}
.mx-chips button{padding:.38rem .7rem;color:#1f4a45;background:transparent;border:1px solid #1f4a45;border-radius:999px;font:500 .82rem/1.2 inherit;cursor:pointer}
.mx-chips button:hover,.mx-chips button[aria-pressed="true"]{color:#fffdf8;background:#1f4a45}
.mx-status{min-height:0;margin:.4rem 0 .3rem;color:#1f4a45;font-size:.92rem}
.mx-status.is-error{color:#a14e45}
.mx-filter{margin-top:.2rem}
.mx-summary{margin:.85rem 0 .4rem;color:var(--ink-soft);font-size:.92rem}
.mx-summary strong{color:#1a1712}
.mx-table{width:100%;margin:.4rem 0 .8rem;border-collapse:collapse;font-size:.92rem}
.mx-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mx-table th,.mx-table td{padding:.62rem .55rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.mx-table th{color:#5c564c;font:500 .74rem/1.3 var(--mono);letter-spacing:.03em;text-transform:uppercase}
.mx-table td:first-child{font-weight:600;color:#1a1712;word-break:break-word}
.mx-class{margin-left:.45rem;color:#6e675d;font-weight:500;font-size:.75rem;letter-spacing:.02em}
.mx-hits{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.mx-sort{display:inline-flex;align-items:center;gap:.28rem;max-width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;text-align:inherit}
.mx-hits .mx-sort{width:100%;justify-content:flex-end}
.mx-sort:hover,.mx-sort.is-active{color:#1f4a45}
.mx-sort:focus-visible{outline:2px solid #1f4a45;outline-offset:2px}
.mx-arrow{font-size:.85em;line-height:1;opacity:.4}
.mx-sort.is-active .mx-arrow{opacity:1}
.mx-scroll{overflow-x:auto}
.mx-struct{width:7.2rem;vertical-align:middle}
.mx-struct img{display:block;width:108px;height:76px;object-fit:contain;background:#fff}
.mx-links{white-space:nowrap}
.mx-links a+a::before{content:" · ";color:#8a8276}
.mx-fn{min-width:9rem;max-width:16rem;color:#5c564c;font-size:.82rem;line-height:1.35}
.mx-terms{display:flex;flex-wrap:wrap;gap:.28rem}
.mx-term{display:inline-block;padding:.05rem .38rem;border:1px solid var(--line);border-radius:999px;color:#1f4a45;font:500 .72rem/1.4 var(--mono);text-decoration:none}
.mx-term:hover{border-color:#1f4a45}
.mx-none{color:#8a847a}
.mx-table a{color:#1f4a45}
.mx-empty{margin:.6rem 0;color:var(--ink-soft)}
.mx-tool>[data-metabolite-more]{margin-top:.3rem}
.mx-note{max-width:74ch;margin:1rem 0 0;color:#6e675d;font-size:.86rem;line-height:1.5}
@media (max-width:640px){
  .mx-search-row{flex-direction:column;align-items:stretch}
  .mx-table{display:block;overflow-x:auto}
}