/* Forest & Honey palette with neutral grey shadows: 0 / 10 / 20 / 25%. */
:root{
  --ink:#203a34;
  --muted:#54655c;
  --green:#17665a;
  --line:#e0e6db;
  --soft:#eaf1e5;
  --warm:#fff3d7;
  --honey:#edc46a;
  --page:#faf8f2;
  --surface:#ffffff;
  --shadow-soft:0 10px 20px rgba(128,128,128,.25);
}
body{background:var(--page)}
header{background:rgba(255,255,255,.97)}
.site-switch{background:var(--soft);border-bottom-color:var(--line)}
.site-switch a.selected{background:var(--surface)}
button,.button,input,select,textarea{border-radius:12px}
.primary{background:var(--green);border-color:var(--green);color:var(--surface)}
.primary:hover{background:#105247;border-color:#105247}
:focus-visible{outline-color:#9a6a14}
.card,.ribbon-card,.landing-free-grid .card{
  border:1px solid #e7ebe3;
  border-radius:20px;
  background:var(--surface);
  box-shadow:var(--shadow-soft);
}
.card-tags span,.material-tags a,.facts span{background:var(--soft);color:var(--ink)}
.audience-pill.children{background:var(--warm);color:#684c15;box-shadow:none}
.audience-pill.teacher{background:#e6eff8;color:#244f83;box-shadow:none}
.free-ribbon{background:var(--green);box-shadow:none}
.badge{background:var(--warm);color:#684c15}
.badge.free{background:var(--soft);color:var(--green)}
.category-button.selected,.account-sidebar nav a.selected{background:var(--soft);color:var(--green)}
.subscription-note{border-left-color:var(--honey)}
.empty,.review-gate,.home-review-empty{background:var(--soft)}
.notice{background:var(--warm)}
.panel,.upload-panel,.home-review,.buy-option{background:var(--surface);border-color:var(--line);border-radius:18px}
.plan.featured,.subscription-option{background:var(--soft)}
.plan.featured{border-color:var(--green);box-shadow:var(--shadow-soft)}
.promo-banner{background:var(--soft);border-color:#cad9c0;border-radius:14px}
.landing{--honey:#edc46a;--cream:#fbf5e8}
.landing-benefits span{border-left-color:var(--honey)}
.landing-topic-links a,.landing-topic-links a:nth-child(2){background:var(--surface);border-color:var(--line);border-radius:16px}
.landing-topic-links a:nth-child(3){background:var(--warm)}
.landing-topic-links a:nth-child(4){background:var(--soft)}
.landing-topic-links a:hover{background:var(--soft);border-color:var(--green)}
.landing-steps li>span{background:var(--soft)}
.landing-access{background:var(--soft)}
.landing-plan{background:var(--surface);border:1px solid #e7ebe3;border-radius:20px;box-shadow:var(--shadow-soft)}
.dropdown,.account-dropdown,dialog{background:var(--surface);border:1px solid #e7ebe3;border-radius:20px;box-shadow:var(--shadow-soft)}
dialog::backdrop{background:rgba(32,58,52,.35)}
.account-avatar{background:var(--soft);color:var(--green);outline-color:#d5dfcd}
.account-sidebar,.account-content>.panel{background:var(--surface);border-color:var(--line)}
.account-dropdown a.account-plan{background:var(--warm)}
.account-dropdown a.account-plan.is-active{background:var(--soft)!important}
.account-menu-links{background:var(--page)}
.account-menu-links a:hover,.account-menu-tools a:hover,.account-sidebar a:hover{background:var(--soft)}
.account-status{background:var(--warm);color:#684c15}
.account-status.is-active{background:var(--soft);color:var(--green)}
.account-content .purchase-row{background:var(--surface);border:1px solid #e7ebe3;border-radius:20px;box-shadow:var(--shadow-soft);margin-bottom:22px}
.account-content>.empty{border-color:var(--line)}
footer{background:#f0f2e9;border-top-color:var(--line)}
html{scroll-padding-top:calc(var(--site-header-height,148px) + 16px)}
@media(min-width:721px){.filters{top:calc(var(--site-header-height,148px) + 16px);max-height:calc(100dvh - var(--site-header-height,148px) - 32px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#a8b5a9 transparent;padding-right:10px;padding-bottom:8px}.filters:focus-within{scroll-behavior:auto}}
@media(max-width:720px){.filters{max-height:none;overflow:visible;padding-right:0}}