/* ============================================================
   EDUCATION LIBRARY — maison reskin.
   Remaps the --edl-* light theme + the inline category colors to
   espresso + struck-gold. Loaded LAST so it wins. Visual only.
   ============================================================ */
:root{
  /* surfaces */
  --edl-bg:#0A0805 !important;
  --edl-bg-strong:#0F0C08 !important;
  --edl-bg-deep:#13100B !important;
  --edl-card:linear-gradient(165deg,#13100B,#0C0906) !important;
  --edl-rule:rgba(196,148,58,.18) !important;
  --edl-rule-strong:rgba(196,148,58,.34) !important;
  /* text */
  --edl-text:#EEE9DF !important;
  --edl-text-dim:#C8BFB0 !important;
  --edl-text-mut:#A89B89 !important;
  /* blue/cyan accents -> gold */
  --edl-blue:#C4943A !important;
  --edl-blue-deep:#E2B76A !important;
  --edl-cyan:#F2D79A !important;
  --edl-blue-tint:rgba(196,148,58,.08) !important;
  --edl-blue-tint-strong:rgba(196,148,58,.16) !important;
  --edl-blue-rule:rgba(196,148,58,.30) !important;
  --edl-shadow:0 16px 38px rgba(0,0,0,.5) !important;
  --edl-shadow-soft:0 8px 20px rgba(0,0,0,.42) !important;
  /* fonts -> brand */
  --edl-font-display:'Playfair Display',Georgia,serif !important;
  --edl-font-ui:'Sora','DM Sans',system-ui,sans-serif !important;
  /* category accent palette -> all struck gold (kills teal/sky/purple/coral) */
  --teal:#C4943A !important;
  --emerald:#E2B76A !important;
  --coral:#B8836A !important;
  --sky:#C4943A !important;
  --purple:#E2B76A !important;
  --cat-color:#E2B76A !important;
}

/* page canvas */
body{
  background:radial-gradient(75% 45% at 50% -8%,rgba(196,148,58,.10),transparent 70%),
             linear-gradient(170deg,#0A0805,#0F0C08 55%,#13100B) !important;
  color:#EEE9DF !important;
}

/* hero band */
.hero,.hero.mbr-banner-stage{
  background:linear-gradient(180deg,#0F0C08,#0A0805) !important;
  border-bottom:1px solid rgba(196,148,58,.18) !important;
}
.hero::after{background:linear-gradient(180deg,#E2B76A,#C4943A) !important;opacity:.5 !important}
.edu-hero-actions a,.edu-hero-actions button,.edu-hero-actions .edu-hero-out{
  background:rgba(196,148,58,.08) !important;color:#F2D79A !important;border-color:rgba(196,148,58,.34) !important;
}
.edu-hero-actions a:hover,.edu-hero-actions button:hover,.edu-hero-actions .edu-hero-out:hover{
  background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;color:#2A1808 !important;border-color:rgba(196,148,58,.5) !important;
}

/* search — single gold magnifier (kill the second/teal one) */
.search-input{
  background:rgba(196,148,58,.06) !important;color:#EEE9DF !important;border-color:rgba(196,148,58,.3) !important;
  background-image:none !important;height:42px !important;
}
.search-input:focus{background-color:rgba(255,255,255,.04) !important;border-color:rgba(196,148,58,.55) !important}
.search-wrap::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23E2B76A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><path d='m21 21-4.3-4.3'/></svg>") !important;
  opacity:1 !important;width:15px !important;height:15px !important;
}

/* category headers -> gold + Playfair */
.cat-name{color:#F2D79A !important;font-family:'Playfair Display',Georgia,serif !important}
.cat-dot{background:#E2B76A !important;box-shadow:0 0 10px rgba(226,183,106,.55) !important}
.cat-count{color:#A89B89 !important}
.cat-desc{color:#C8BFB0 !important}
.cat-line-left,.cat-line-right{background:linear-gradient(to right,transparent,rgba(196,148,58,.4)) !important}

/* compound cards */
.ccard{box-shadow:0 8px 20px rgba(0,0,0,.42) !important}
.ccard:hover{box-shadow:0 16px 34px rgba(0,0,0,.55) !important;border-color:rgba(196,148,58,.36) !important}
.ccard-name{font-family:'Playfair Display',Georgia,serif !important;-webkit-text-fill-color:#EEE9DF !important;color:#EEE9DF !important}
.ccard-class{color:#E2B76A !important}
.ccard-accent{background:linear-gradient(90deg,#C4943A,#F2D79A) !important}
.ccard-tag{color:#F2D79A !important;background:rgba(196,148,58,.10) !important;border-color:rgba(196,148,58,.3) !important}

/* "view sheet" button -> gold, dark glyph */
.ccard-edu-btn{
  background:linear-gradient(135deg,#C4943A,#E2B76A) !important;border:1px solid rgba(120,84,28,.65) !important;
  box-shadow:inset 0 1px 0 rgba(255,248,228,.6),0 6px 16px rgba(196,148,58,.28) !important;
}
.ccard-edu-btn:hover{box-shadow:inset 0 1px 0 rgba(255,248,228,.6),0 10px 22px rgba(196,148,58,.38) !important}
.ccard-edu-btn::before{
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232A1808' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/><polyline points='14 2 14 8 20 8'/><line x1='8' y1='13' x2='16' y2='13'/><line x1='8' y1='17' x2='14' y2='17'/></svg>") !important;
}

/* no-results + sheet modal close */
.no-results{background:linear-gradient(165deg,#13100B,#0C0906) !important;color:#C8BFB0 !important;border:1px solid rgba(196,148,58,.2) !important}
.pg-edu-close{background:rgba(255,255,255,.06) !important;color:#C8BFB0 !important;border:1px solid rgba(196,148,58,.22) !important}
.pg-edu-fullname{color:#A89B89 !important}

/* kill any leftover inline teal/emerald gradients on hero badges / chips */
[style*="#0fb5a0"],[style*="#2dd4a0"]{background-image:none !important}

/* ════════ ARTISTIC HERO — crest-forward, premium ════════ */
.hero,.hero.mbr-banner-stage{position:relative !important;overflow:hidden !important;
  padding:clamp(40px,6vw,72px) clamp(24px,5vw,64px) clamp(34px,4vw,52px) !important;
  background:
    radial-gradient(120% 140% at 82% 36%,rgba(196,148,58,.20),transparent 58%),
    radial-gradient(90% 120% at 0% 0%,rgba(143,175,154,.06),transparent 55%),
    linear-gradient(165deg,#13100B,#0A0805 70%) !important;
  border-bottom:1px solid rgba(196,148,58,.22) !important;border-radius:0 !important;
}
.hero::after{content:'' !important;position:absolute !important;left:clamp(24px,5vw,64px) !important;right:clamp(24px,5vw,64px) !important;bottom:0 !important;top:auto !important;height:1px !important;width:auto !important;
  background:linear-gradient(90deg,transparent,rgba(226,183,106,.55),transparent) !important;opacity:1 !important}
.hero-content{position:relative !important;z-index:3 !important;max-width:680px !important}
/* the crest — featured on the right, gold, glowing */
.edu-hero-crest{position:absolute !important;right:clamp(16px,7vw,104px);top:50%;transform:translateY(-50%);
  width:clamp(150px,23vw,310px);height:auto;z-index:1;pointer-events:none;
  filter:drop-shadow(0 24px 50px rgba(0,0,0,.65)) drop-shadow(0 0 40px rgba(196,148,58,.18));}
.edu-hero-crest::selection{background:none}
@media(max-width:780px){
  .edu-hero-crest{right:50%;transform:translate(50%,-50%);width:300px;opacity:.12;filter:none}
  .hero-content{max-width:100% !important}
}
/* typography lift */
.hero-eyebrow{color:#E2B76A !important;letter-spacing:.34em !important;font-weight:600 !important}
.hero-eyebrow::before{background:linear-gradient(90deg,#E2B76A,transparent) !important}
.hero-title{font-family:'Playfair Display',Georgia,serif !important;font-weight:400 !important;
  font-size:clamp(42px,6.4vw,76px) !important;line-height:1.0 !important;letter-spacing:-.01em !important;color:#EEE9DF !important}
.hero-title strong{color:#E2B76A !important;font-weight:500 !important;font-style:italic !important;
  background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.hero-sub{color:#C8BFB0 !important}
.hero-stats{border-top:1px solid rgba(196,148,58,.16) !important;padding-top:18px !important;margin-top:22px !important}
.hero-stat-val{font-family:'Playfair Display',Georgia,serif !important;color:#F2D79A !important;font-weight:500 !important}
.hero-stat-label{color:#A89B89 !important;letter-spacing:.16em !important}
.hero-divider{background:rgba(196,148,58,.28) !important}
.hero-bottom-line{background:linear-gradient(90deg,transparent,rgba(226,183,106,.5),transparent) !important;height:1px !important}

/* ════════ EDITORIAL REDESIGN — unbox, two-font hierarchy, catalog numbering ════════ */

/* FILTER BAR — no box; search field + underline-tab pills */
.filter-bar,#filterBar{background:none !important;border:none !important;box-shadow:none !important;backdrop-filter:none !important;
  display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:14px 22px !important;
  padding:clamp(26px,3.4vw,40px) clamp(24px,5vw,64px) clamp(10px,2vw,16px) !important}
.filter-divider{display:none !important}
.search-wrap{flex:0 0 300px !important}
.search-input{width:100% !important;height:46px !important;background:rgba(255,255,255,.03) !important;border:1px solid rgba(196,148,58,.22) !important}
.filter-pills{gap:8px 22px !important;flex-wrap:wrap !important}
.pill{background:none !important;border:none !important;border-radius:0 !important;box-shadow:none !important;
  color:#897C6B !important;font-family:'Sora',sans-serif !important;font-size:11px !important;font-weight:600 !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;padding:6px 0 8px !important;position:relative !important;transition:color .2s !important}
.pill::after{content:'' !important;position:absolute !important;left:0;right:0;bottom:0;height:2px;background:transparent !important;transition:background .2s}
.pill:hover{color:#E2B76A !important}
.pill.active{color:#F2D79A !important}
.pill.active::after{background:linear-gradient(90deg,#C4943A,#E2B76A) !important}
.count-badge{margin-left:auto !important;background:none !important;border:none !important;box-shadow:none !important;
  color:#897C6B !important;font-family:'Sora',sans-serif !important;font-size:10.5px !important;letter-spacing:.18em !important;text-transform:uppercase !important}

/* CATEGORY — no box; hairline header + roman numeral */
.page-content{counter-reset:cat !important;padding:8px clamp(0px,1vw,8px) 70px !important}
.cat-section{background:none !important;border:none !important;box-shadow:none !important;counter-increment:cat !important;
  padding:0 clamp(24px,5vw,64px) !important;margin-bottom:clamp(50px,6vw,88px) !important}
.cat-header{display:flex !important;align-items:baseline !important;gap:16px !important;
  border-bottom:1px solid rgba(196,148,58,.20) !important;padding-bottom:16px !important;margin-bottom:30px !important}
.cat-dot{display:none !important}
.cat-name{font-family:'Playfair Display',Georgia,serif !important;font-weight:400 !important;
  font-size:clamp(27px,3.3vw,42px) !important;color:#EEE9DF !important;letter-spacing:-.01em !important;display:flex;align-items:baseline;gap:14px}
.cat-name::before{content:counter(cat,upper-roman) !important;font-style:italic !important;font-size:.62em !important;
  color:#C4943A !important;letter-spacing:0;opacity:.85}
.cat-desc{color:#897C6B !important;font-family:'Playfair Display',Georgia,serif !important;font-style:italic !important;font-size:14.5px !important}
.cat-count{margin-left:auto !important;align-self:center !important;background:none !important;border:none !important;
  color:#897C6B !important;font-family:'Sora',sans-serif !important;font-size:10.5px !important;letter-spacing:.2em !important;text-transform:uppercase !important;padding:0 !important}

/* CARDS — minimal catalog entries: numbered, two-font, no pills/accent/square button */
.card-grid{counter-reset:cc !important;grid-template-columns:repeat(auto-fill,minmax(290px,1fr)) !important;gap:14px !important}
.ccard{counter-increment:cc !important;background:rgba(255,255,255,.018) !important;border:1px solid rgba(196,148,58,.10) !important;
  border-radius:14px !important;padding:22px 22px 18px !important;box-shadow:none !important;gap:0 !important;overflow:hidden !important}
.ccard:hover{background:rgba(196,148,58,.045) !important;border-color:rgba(196,148,58,.34) !important;
  transform:translateY(-3px) !important;box-shadow:0 18px 40px rgba(0,0,0,.5) !important}
.ccard-accent{display:none !important}
.ccard-tag{display:none !important}
.ccard-class{position:relative !important;padding-left:36px !important;min-height:24px !important;display:flex !important;align-items:center !important;
  color:#C4943A !important;font-family:'Sora',sans-serif !important;font-size:9px !important;font-weight:600 !important;letter-spacing:.22em !important}
.ccard-class::before{content:counter(cc,decimal-leading-zero) !important;position:absolute !important;left:0;top:50%;transform:translateY(-50%);
  font-family:'Playfair Display',Georgia,serif !important;font-style:italic !important;font-size:21px !important;color:rgba(226,183,106,.45) !important;letter-spacing:0 !important}
.ccard-name{font-family:'Playfair Display',Georgia,serif !important;font-weight:400 !important;font-size:23px !important;line-height:1.05 !important;
  color:#EEE9DF !important;-webkit-text-fill-color:#EEE9DF !important;margin:11px 0 3px !important}
.ccard-fullname{color:#897C6B !important;font-family:'Playfair Display',Georgia,serif !important;font-style:italic !important;font-size:12.5px !important;margin:0 0 11px !important}
.ccard-moa{color:#A89B89 !important;font-family:'Sora',sans-serif !important;font-size:12.5px !important;line-height:1.62 !important;
  display:-webkit-box !important;-webkit-line-clamp:3 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
.ccard-foot{border-top:1px solid rgba(196,148,58,.12) !important;padding-top:14px !important;margin-top:16px !important;justify-content:flex-start !important}
.ccard-edu-btn{width:auto !important;height:auto !important;min-width:0 !important;background:none !important;border:none !important;box-shadow:none !important;
  padding:0 !important;display:inline-flex !important;align-items:center !important;filter:none !important}
.ccard-edu-btn::before{display:none !important}
.ccard-edu-btn-img{display:none !important}
.ccard-edu-btn::after{content:'Read protocol →' !important;font-family:'Sora',sans-serif !important;font-size:10.5px !important;font-weight:600 !important;
  letter-spacing:.18em !important;text-transform:uppercase !important;color:#E2B76A !important;transition:color .2s !important}
.ccard:hover .ccard-edu-btn::after,.ccard-edu-btn:hover::after{color:#F2D79A !important}

/* ── high-specificity fixes: kill the filter pill-boxes + container box ──
   (edu-sheets-light uses `.filter-pills .pill` = 0,2,0, so plain .pill lost) */
#filterPills{background:none !important;border:none !important;box-shadow:none !important;border-radius:0 !important;gap:8px 26px !important;padding:0 !important}
#filterPills .pill{background:none !important;border:none !important;border-radius:0 !important;box-shadow:none !important;
  color:#897C6B !important;font-family:'Sora',sans-serif !important;font-weight:600 !important;font-size:11px !important;
  letter-spacing:.16em !important;text-transform:uppercase !important;padding:6px 0 9px !important;position:relative !important}
#filterPills .pill::after{content:'' !important;position:absolute !important;left:0 !important;right:0 !important;bottom:0 !important;top:auto !important;height:2px !important;width:auto !important;background:transparent !important;border-radius:0 !important;transition:background .2s !important}
#filterPills .pill:hover{background:none !important;color:#E2B76A !important;border:none !important}
#filterPills .pill.active{background:none !important;color:#F2D79A !important;border:none !important;box-shadow:none !important}
#filterPills .pill.active::after{background:linear-gradient(90deg,#C4943A,#E2B76A) !important}
/* category roman numeral — make it intentional, not a stray glyph */
.cat-name::before{font-size:.9em !important;color:rgba(226,183,106,.4) !important;margin-right:2px !important;font-style:italic !important;font-weight:400 !important}

/* ════════ LUXURY CATALOGUE CARD — branded vial + editorial type ════════ */
.card-grid{grid-template-columns:repeat(auto-fill,minmax(366px,1fr)) !important;gap:16px !important}
.ccard{flex-direction:row !important;align-items:stretch !important;gap:20px !important;padding:22px !important}
/* vial column — shrink-wraps the bottle so the crest seal maps to the real label band */
.ccard-vial{flex:0 0 auto !important;position:relative !important;width:max-content !important;align-self:center !important;line-height:0 !important;
  display:block !important;padding:6px 10px !important;border-radius:12px !important;
  background:radial-gradient(58% 48% at 50% 56%,rgba(196,148,58,.20),transparent 72%) !important}
.ccard-vial-img{height:128px !important;width:auto !important;display:block !important;filter:drop-shadow(0 12px 24px rgba(0,0,0,.64)) !important}
/* crest seal centered on the bottle's black label band (≈61.8% down) */
.ccard-vseal{position:absolute !important;left:50% !important;top:61.8% !important;transform:translate(-50%,-50%) !important;
  width:30% !important;display:flex !important;align-items:center !important;justify-content:center !important;pointer-events:none !important}
.ccard-vseal img{width:100% !important;height:auto !important;opacity:.95 !important;filter:drop-shadow(0 1px 2px rgba(0,0,0,.8)) !important}
/* editorial body */
.ccard-body{flex:1 1 auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;text-align:left !important;gap:0 !important}
.ccard-foot{margin-top:auto !important}
@media(max-width:460px){
  .ccard{flex-direction:column !important;align-items:flex-start !important}
  .ccard-vial{align-self:center !important}
}