/* Forest Afterhours — shared presentation, driven by the existing theme editor. */
:root {
  --font-display:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-body:"Space Grotesk","Helvetica Neue",Arial,sans-serif;
  --radius:14px;
  --forest-glass:color-mix(in srgb,var(--panel) 78%,transparent);
  --forest-edge:color-mix(in srgb,var(--bone) 26%,transparent);
  --forest-shadow:0 18px 60px rgba(0,0,0,.14);
}
body{font-size:16px;line-height:1.65}
button,input,select,textarea{font-family:var(--font-body)}
:focus-visible{outline:2px solid var(--signal);outline-offset:4px}
.btn{font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;border-radius:8px;padding:13px 21px;min-height:44px}
.btn-solid{background:var(--vu);border-color:var(--vu);color:#fff8f5}
.btn-solid:hover:not(:disabled){background:var(--signal);border-color:var(--signal);color:var(--carbon-2)}
.btn-sm{font-size:13px;padding:8px 14px;min-height:36px}
.brand{font-family:var(--font-body);font-weight:700;letter-spacing:-.055em;gap:10px;white-space:nowrap}
.brand em{display:inline;font-style:normal;color:inherit}
.brand .disc{width:23px;height:23px}
.mono{font-size:11px;letter-spacing:.14em}
.section-title{font-size:clamp(30px,3.7vw,52px);letter-spacing:-.045em;line-height:1.12;text-transform:none}
.card-title,.cm-title,.mf-title,.txt .sub,.link-name,.pl-head{font-family:var(--font-display);text-transform:none;letter-spacing:-.025em}
.card,.mf-card,.cm-post,.gate,.link-item,.tablewrap,.panelbox,.kpi{border-color:var(--forest-edge);box-shadow:0 8px 30px rgba(0,0,0,.035)}
.mf-card,.panelbox,.kpi{background:var(--forest-glass);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.field input,.field textarea,.field select{border-color:var(--line-2);border-radius:8px}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--signal);box-shadow:0 0 0 3px color-mix(in srgb,var(--signal) 13%,transparent)}
.pl-play{background:var(--vu);color:#fff8f5}
.pl-play:hover{background:var(--signal);color:var(--carbon-2)}
.pl-wave i{background:color-mix(in srgb,var(--bone) 36%,transparent)}
.pl-wave i.on{background:var(--vu)}
.toast{border-radius:8px;font-family:var(--font-body);font-size:14px;letter-spacing:0;text-transform:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}