/* Fushan Green Exploration Design System 1.0 | V12.2
   Shared semantic tokens + primitives for host and standalone labs. */
:root {
  --fs122-brand:#396b56; --fs122-brand-strong:#285641; --fs122-brand-soft:#e8f2eb;
  --fs122-ink:#35493d; --fs122-muted:#667b70; --fs122-canvas:#f7f7f2;
  --fs122-panel:#ffffff; --fs122-line:#dce6dd; --fs122-focus:#216f51;
  --fs122-success:#287450; --fs122-warning:#8c6121; --fs122-error:#a73e37;
  --fs122-radius-s:10px; --fs122-radius-m:16px; --fs122-radius-l:22px;
  --fs122-shadow:0 8px 26px rgba(46,79,55,.07);
  --fs122-space-1:4px;--fs122-space-2:8px;--fs122-space-3:12px;--fs122-space-4:16px;--fs122-space-5:20px;--fs122-space-6:24px;
  --fs122-ease:cubic-bezier(.2,.7,.2,1);
  font-synthesis:none;
}
.fs122-chip {display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid var(--fs122-line);background:#f3f8f4;color:var(--fs122-brand);padding:6px 10px;font-size:11px;font-weight:750;line-height:1.3}
.fs122-quiet {color:var(--fs122-muted);font-size:12px;line-height:1.5}
.fs122-card {background:var(--fs122-panel);border:1px solid var(--fs122-line);border-radius:var(--fs122-radius-l);box-shadow:var(--fs122-shadow)}
.fs122-button {display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 16px;background:var(--fs122-brand);border:1px solid var(--fs122-brand);border-radius:12px;color:#fff;font-weight:800;font-size:13px;line-height:1.4;cursor:pointer;text-decoration:none;transition:background .18s var(--fs122-ease)}
.fs122-button:hover{background:var(--fs122-brand-strong)}
.fs122-button.ghost{background:#fff;color:var(--fs122-brand);border-color:var(--fs122-line)}
.fs122-button.ghost:hover{background:var(--fs122-brand-soft)}
.fs122-button:disabled{opacity:.58;cursor:not-allowed}
:is(.fs122-button,.fs122-tab,.fs122-icon-button,.fs122-action):focus-visible{outline:3px solid var(--fs122-focus)!important;outline-offset:3px!important}
.fs122-data-class {display:inline-flex;align-items:center;gap:5px;color:#586e61;background:#f1f6f1;border:1px solid #d8e6d9;border-radius:99px;padding:5px 10px;font-size:11px;font-weight:760}
.fs122-lab-title-strip {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;border:1px solid var(--fs122-line);border-radius:14px;padding:9px 13px;background:var(--fs122-panel);color:var(--fs122-ink);font-size:12px;line-height:1.4;margin:8px 0}
.fs122-lab-title-strip strong{font-weight:900}.fs122-lab-title-strip .fs122-data-class{white-space:normal}
@media(prefers-reduced-motion:reduce){.fs122-button{transition:none!important}*,*::before,*::after{scroll-behavior:auto!important}}