/* Green CBD theme (purple). Loaded after app.css on cbd.* only: it just re-defines the colour tokens of the design system. */
:root{
  --bg:#f6f3fb;--surface:#fff;--surface2:#faf7fe;--text:#1e1433;--muted:#6a5f82;--line:#e4dcf2;
  --brand:#7c3aed;--brand-d:#5b21b6;--brand-soft:#efe7fd;--on-brand:#fff;
  --ink:#1a0b3b;--ink2:#2a1459;--ink-text:#efe9fb;--ink-muted:#b7a6dc;
  --shadow:0 1px 2px rgba(40,16,90,.07),0 6px 20px rgba(40,16,90,.08);--shadow-lg:0 18px 50px rgba(40,16,90,.22);
}
html[data-theme=dark]{
  --bg:#0f0a1d;--surface:#181028;--surface2:#1e1433;--text:#ece6f9;--muted:#a899c8;--line:#2f2250;
  --brand:#a78bfa;--brand-d:#8b5cf6;--brand-soft:#2a1b52;--on-brand:#12062b;
  --ink:#09051a;--ink2:#150c2e;
}
.hero{background:radial-gradient(1200px 500px at 80% -10%,#6d28d9 0%,transparent 60%),linear-gradient(135deg,#1a0b3b,#2a1459)!important}
.hero h1 em{color:#d8b4fe;font-style:normal}
.chip{background:rgba(255,255,255,.1)}
.cbd-note{background:var(--brand-soft);color:var(--brand-d);border-radius:var(--r);padding:12px 16px;font-size:.9rem}
html[data-theme=dark] .cbd-note{color:var(--brand)}

/* Green CBD: categories that do not fit in the header move into an "Other" menu (assets/cbd-nav.js); same split in the footer. */
.catnav .wrap{overflow:visible}
.catmore{position:relative;flex:none}
.catmore[hidden],.catmore-menu[hidden],.ftr-more[hidden]{display:none}
.catmore-btn{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;padding:6px 11px;border:0;border-radius:99px;background:rgba(255,255,255,.08);color:#d8cdf2;font:inherit;font-size:.86rem;font-weight:600;cursor:pointer}
.catmore-btn:hover,.catmore-btn[aria-expanded=true]{background:rgba(255,255,255,.16);color:#fff}
.catmore-btn.on{background:var(--brand);color:var(--on-brand)}
.catmore-menu{position:absolute;right:0;top:calc(100% + 10px);min-width:230px;max-height:min(70vh,440px);overflow:auto;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px;z-index:80;display:grid;gap:2px}
.catmore-menu a{display:block;padding:9px 12px;border-radius:8px;color:var(--text);font-size:.9rem;font-weight:550;white-space:nowrap}
.catmore-menu a:hover{background:var(--surface2);color:var(--text)}
.catmore-menu a.on{background:var(--brand-soft);color:var(--brand-d);font-weight:800}
html[data-theme=dark] .catmore-menu a.on{color:var(--brand)}
.ftr-more summary{cursor:pointer;list-style:none;display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600}
.ftr-more summary::-webkit-details-marker{display:none}
.ftr-more summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .15s}
.ftr-more details[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.ftr-more ul{margin-top:10px;padding-left:12px;border-left:2px solid rgba(255,255,255,.12)}
.catnav .wrap{justify-content:center}
.catnav .wrap>a:first-child,.catnav .wrap>a:last-child{margin-left:0;margin-right:0}