/* PeanutNQDB: design starting points, not a completed website stylesheet. */
:root {
  --brand:#195c3a; --brand-hover:#12472d; --ink:#12313a; --muted:#566c70;
  --page:#f6f8f1; --surface:#fff; --surface-soft:#eef5ec; --border:#dee7e0;
  --sand:#d8bc8d; --chart-2024:#4d9d89; --chart-2025:#e9a17b; --warning:#855e16;
  --radius:12px; --radius-control:6px; --shadow:0 4px 18px rgb(18 49 58 / 4%);
  --content:1280px; --content-data:1400px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box} body{margin:0;color:var(--ink);background:var(--page);font:16px/1.55 var(--font)}
button,input,select{font:inherit} button,a,input,select{touch-action:manipulation}
a{color:var(--brand)} a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #71916c;outline-offset:3px}
img,svg{max-width:100%} .container{width:min(100% - 64px,var(--content));margin-inline:auto}
.container--data{--content:var(--content-data)}
.site-header{background:rgb(255 255 255 / 94%);border-bottom:1px solid var(--border)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand__mark{width:46px;height:46px;flex:none}.brand__name{font-size:23px;line-height:1.05;font-weight:750}
.brand__subtitle{display:block;font-size:10px;line-height:1.4;margin-top:3px;font-weight:400}
.primary-nav{display:flex;gap:28px}.primary-nav a{text-decoration:none;color:var(--ink);font-size:14px;padding-block:24px 20px;border-bottom:2px solid transparent}
.primary-nav a[aria-current=page]{color:var(--brand);border-bottom-color:var(--brand);font-weight:650}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}
.button{display:inline-flex;gap:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 20px;border:1px solid var(--brand);border-radius:var(--radius-control);background:var(--brand);color:#fff;font-size:14px;font-weight:650;text-decoration:none;cursor:pointer}
.button:hover{background:var(--brand-hover)}.button--secondary{background:var(--surface-soft);color:var(--ink);border-color:var(--border)}
.button--secondary:hover{background:#e1ecdf}.button:disabled{opacity:.55;cursor:not-allowed}
.control{min-height:44px;width:100%;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-control);background:#fff;color:var(--ink)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat{display:flex;align-items:center;gap:16px;padding:20px 24px}
.stat__number{font-size:30px;font-weight:750;line-height:1.1;font-variant-numeric:tabular-nums}.stat__label{font-size:13px;margin-top:6px}
.dataset-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dataset-card{display:grid;grid-template-columns:140px 1fr;gap:20px;padding:16px}
.dataset-card__image{width:140px;height:170px;object-fit:cover;border-radius:8px}
.home-hero{position:relative;isolation:isolate;min-height:430px;padding-block:40px 28px;overflow:hidden}
.home-hero__copy{position:relative;z-index:2;width:58%}.home-hero h1{font-size:clamp(32px,3.5vw,52px);line-height:1.08;letter-spacing:-.025em;margin:0 0 18px}
.home-hero__art{position:absolute;inset:0 0 0 auto;width:50%;z-index:0;pointer-events:none}
.home-hero__art img{width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.home-hero__art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--page) 0%,transparent 42%),linear-gradient(0deg,var(--page),transparent 20%)}
.hero-search{position:relative;z-index:3;display:flex;gap:8px;max-width:820px;margin-top:24px}.hero-search input{flex:1;min-width:0}.hero-search select{width:160px}
.page-heading{position:relative;min-height:175px;isolation:isolate;overflow:hidden;padding-block:32px 24px}.page-heading h1{font-size:38px;line-height:1.12;margin:0 0 12px}.page-heading__copy{position:relative;z-index:2;max-width:72%}
.page-heading__art{position:absolute;inset:0 0 0 auto;width:35%;z-index:0;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent,#000 40%)}
.data-table-wrap{max-width:100%;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:10px}
.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.data-table th,.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}
.data-table th{background:#eef3f3;font-weight:650}.data-table .numeric{text-align:right;font-variant-numeric:tabular-nums}
.data-table tbody tr:nth-child(even){background:#f9fbfa}.data-table tbody tr:hover{background:#edf5ee}
.data-table .sticky-id{position:sticky;left:0;background:inherit;z-index:1}.data-table thead .sticky-id{background:#eef3f3;z-index:2}
.notice{display:flex;gap:14px;background:var(--surface-soft);padding:20px 24px;border-radius:10px;margin-top:24px;font-size:14px}
.pdm-workspace{display:grid;grid-template-columns:230px minmax(0,1fr);gap:20px}.contact-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:20px}.stack{display:grid;gap:18px;align-content:start}
.home-bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}
.page-section{margin-block:24px}.muted{color:var(--muted)}
.tabs{display:flex;gap:6px;border-bottom:1px solid var(--border);margin-bottom:18px;overflow:auto}
.tabs a{white-space:nowrap;text-decoration:none;padding:12px 20px;border:1px solid var(--border);border-bottom:2px solid transparent;border-radius:8px 8px 0 0;color:var(--ink);background:#f0f5f4}
.tabs a[aria-current=page]{background:#fff;border-bottom-color:var(--brand);color:var(--brand);font-weight:650}
.site-footer{border-top:1px solid var(--border);padding-block:24px;margin-top:32px;font-size:12px;color:var(--muted)}
.site-shell{position:relative;isolation:isolate}.site-shell::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("../assets/web/06-botanical-background-1440.webp") center top / 100% auto no-repeat;opacity:.24}
@media(max-width:1023px){.container{width:calc(100% - 40px)}.primary-nav{gap:16px}.brand__subtitle{font-size:9px}.dataset-card{grid-template-columns:110px 1fr}.dataset-card__image{width:110px}.home-hero__copy{width:65%}.contact-grid{grid-template-columns:1fr 1fr}.pdm-workspace{grid-template-columns:200px minmax(0,1fr)}}
@media(max-width:767px){.container{width:calc(100% - 32px)}.site-header__inner{min-height:68px}.primary-nav{display:none}.primary-nav[data-open=true]{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;padding:16px;z-index:20}.primary-nav a{padding:10px}.brand__name{font-size:20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat{padding:16px;gap:10px}.stat__number{font-size:26px}.dataset-grid,.home-bottom-grid,.contact-grid,.pdm-workspace{grid-template-columns:1fr}.home-hero{min-height:auto;padding-block:28px}.home-hero__copy{width:100%}.home-hero__art{width:100%;opacity:.15}.hero-search{display:grid;grid-template-columns:1fr auto}.hero-search select{width:100%;grid-column:1/-1}.page-heading__copy{max-width:100%}.page-heading__art{width:60%;opacity:.15}.page-heading h1{font-size:32px}.data-table{font-size:13px}.dataset-card{grid-template-columns:110px 1fr}.dataset-card__image{height:150px}.site-footer{line-height:1.7}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}