/* Finch-style layer for Pegpesen (layout + palette only, no mascot). Loaded after the site CSS. */
@font-face{font-family:"Rubik Z5A";src:url(fonts/rubik-latin-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Rubik Z5A";src:url(fonts/rubik-latin-ext-wght-normal.woff2) format("woff2");font-weight:300 900;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20AB,U+20AD-20C0,U+2C60-2C7F,U+A720-A7FF}
:root{--bg:#fff;--bg-warm:#eaf6ea;--bg-elevated:#f8f8f8;--ink:#313131;--ink-muted:#66757f;--ink-faint:#8a979f;--inverse-bg:#0b5130;
  --line:#f0f0f0;--line-strong:#e2e6e9;--accent:#169b43;--accent-hover:#087b35;--accent-soft:rgba(22,155,67,.12);--accent-glow:rgba(22,155,67,.18);
  --accent-secondary:#169b43;--accent-secondary-soft:#eaf6ea;--accent-tertiary:#72cafc;--accent-sun:#ffc954;--surface-peach:#fff8e8;--surface-mint:#eaf6ea;
  --radius:24px;--radius-sm:12px;--shadow-lg:0 8px 24px rgba(0,81,48,.18);--shadow-md:0 8px 24px rgba(0,81,48,.12);
  --font-display:"Rubik Z5A",-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;--font-body:var(--font-display);
  --z-green-dark:#087b35;--z-yellow:#ffc954;--z-yellow-shadow:#f1b712;--z-tint-blue:#ebf3f9;--z-tint-yellow:#fff8e8;--z-tint-pink:#fcf4f8}
body{color:var(--ink)}
h1,h2,h3,.explore-card h3,.article .hub-card h2{font-weight:700!important;letter-spacing:0!important}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.eyebrow,.kicker,.subnav__label{letter-spacing:.8px!important;font-weight:500}

/* Header */
.site-header{background:#fff;border-bottom:2px solid var(--line)}
.nav-primary a{color:var(--ink);font-weight:500}
.nav-primary a:hover{color:var(--accent-hover)}
.nav-primary a[aria-current=page]{color:var(--ink);box-shadow:0 4px 0 var(--z-yellow)}
.subnav-wrap{background:#fff;border-bottom:2px solid var(--line)}

/* Buttons: chunky 12px */
.btn,.pill,.spotlight-copy .text-link{border-radius:12px!important;font-weight:700;border:0!important;transition:transform .12s,box-shadow .12s}
.btn--primary,.pill-navy{background:var(--accent)!important;color:#fff!important;box-shadow:0 4px 0 var(--z-green-dark)}
.btn--primary:hover,.pill-navy:hover{background:#1aa84b!important}
.pill-white{background:var(--z-yellow)!important;color:#313131!important;box-shadow:0 4px 0 var(--z-yellow-shadow)}
.pill-white:hover{background:#ffd06a!important}
.btn--ghost{background:#fff!important;box-shadow:0 4px 0 #e2e6e9,inset 0 0 0 2px var(--line)}
.btn:active,.pill:active{transform:translateY(3px)!important;box-shadow:none}
.spotlight-copy .text-link{background:#fff;color:#313131!important;padding:12px 22px;box-shadow:0 4px 0 #d7d7dc}

/* Cards: soft gray, 2px border, 24px radius; pastel tints */
.discovery-card,.explore-card,.explore-card:first-child,.hub-card{background:#f8f8f8!important;border:2px solid var(--line)!important;border-radius:24px!important}
.discovery-card:hover,.explore-card:hover,.hub-card:hover{background:#fff!important;box-shadow:var(--shadow-md)}
.discovery-card img{border-radius:20px 20px 0 0}
.explore-card:nth-child(3n+1) .number{background:#eaf6ea}
.explore-card:nth-child(3n+2) .number{background:var(--z-tint-blue)}
.explore-card:nth-child(3n) .number{background:var(--z-tint-yellow)}
.explore-card .number{display:inline-block!important;padding:3px 10px;border-radius:99px;color:var(--ink)!important;font-weight:700}
.tag{border:0!important;border-radius:99px!important;background:#eaf6ea!important;color:var(--z-green-dark)!important;font-weight:500;padding:4px 10px}
.tag--amber{background:var(--z-tint-yellow)!important;color:#8a6400!important}
.spotlight-copy .tag{background:rgba(255,255,255,.14)!important;color:#fff!important}
.hero,.reference-hero,.chapter-hero{background:#eaf6ea}
.reference-hero.library-hero{background:#0b5130}
.practical-links a{border-color:var(--line)}

/* Footer: mint panel with dark text, green bottom bar */
.site-footer{background:#eaf6ea!important;color:var(--ink)}
.footer-brand,.footer-top h3{color:var(--ink)!important}
.footer-top p,.footer-top a{color:#4a5560!important}
.footer-top a:hover{color:var(--ink)!important}
.footer-bottom{border-top:0!important;background:#0aa46c;box-shadow:0 0 0 100vmax #0aa46c;clip-path:inset(0 -100vmax);padding:18px 0!important}
.footer-bottom p,.footer-bottom span{color:#fff!important}
.spotlight{background:#386d84!important}
.research-feature{background:#386d84!important;border-radius:24px!important}
.cinema-hero{background:#386d84}