/* Finch-style layer for PRaG Therapy (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{--ink:#313131;--muted:#66757f;--accent:#169b43;--green:#169b43;--gold:#169b43;--line:#f0f0f0;--soft:#f8f8f8;--paper:#fff;
  --z-green-dark:#087b35;--z-link:#087b35;--z-tint-green:#eaf6ea;--z-tint-blue:#ebf3f9;--z-tint-yellow:#fff8e8;--z-tint-pink:#fcf4f8;--z-yellow:#ffc954;--z-yellow-shadow:#f1b712;
  --sans:"Rubik Z5A",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Segoe UI",sans-serif;--serif:var(--sans)}
body{color:var(--ink);letter-spacing:0}
h1,h2,h3,.lead-copy h1,.section-heading h2,.featured-reports h2{font-weight:700;letter-spacing:0!important}
a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.section-kicker,.eyebrow{color:var(--muted);font-weight:500;letter-spacing:.8px}
.read-link,.text-link,.section-heading>a,.editorial-note a,.topic-links>a>span:last-child{color:var(--z-link)}
.article-body a,.prose a,.aside-block a:not(.button),.trial-links a,.person a{color:var(--z-link)}

/* Header */
.header{background:#fffffff5}
.nav-bar{background:#fff;border-bottom:2px solid var(--line)}
.desktop-nav a[aria-current=page]:after{background:var(--z-yellow);height:4px;bottom:-3px;border-radius:4px}
.mobile-menu nav a[aria-current=page]{color:var(--z-link)}

/* Buttons: chunky, 12px radius */
.button,.lead-copy .read-link,.portal-search button{border:0!important;border-radius:12px!important;font-weight:700!important;background:var(--accent)!important;color:#fff!important;box-shadow:0 4px 0 var(--z-green-dark);transition:transform .12s,box-shadow .12s}
.button:hover,.lead-copy .read-link:hover,.portal-search button:hover{background:#1aa84b!important;transform:translateY(-1px)}
.button:active,.lead-copy .read-link:active,.portal-search button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--z-green-dark)}
.button.outline{background:#fff!important;color:var(--ink)!important;box-shadow:0 4px 0 #e2e6e9,inset 0 0 0 2px var(--line)}
.portal-search button{background:var(--z-yellow)!important;color:var(--ink)!important;box-shadow:0 4px 0 var(--z-yellow-shadow)}
.portal-search button:hover{background:#ffd06a!important}

/* Cards and panels: soft gray, 2px border, 24px radius; pastel tints */
.lead-story{background:var(--z-tint-green);border-radius:36px}
.lead-photo figcaption{background:#ffffffe6}
.featured-reports article{background:var(--soft);border:2px solid var(--line)!important;border-radius:24px;padding:20px!important;overflow:hidden}
.featured-image img,.insight-image,.mechanism-image,.analysis-image img{border-radius:16px}
.person,.institution,.insight-card{background:var(--soft);border:2px solid var(--line);border-radius:24px}
.topic-links>a{border-radius:24px;border:2px solid var(--line)}
.topic-links>a:nth-child(3n+1){background:var(--z-tint-green)}
.topic-links>a:nth-child(3n+2){background:var(--z-tint-blue)}
.topic-links>a:nth-child(3n){background:var(--z-tint-yellow)}
.visual-image{background:var(--soft);border:2px solid var(--line);border-radius:24px}
.portal-search{background:var(--z-tint-blue);border-radius:36px}
.portal-search input{border:2px solid #e2e6e9;border-radius:12px;background:#fff}
.portal-search input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(22,155,67,.25)}
.badge{background:var(--z-tint-green);color:var(--z-green-dark);border-radius:99px;padding:2px 10px;font-weight:500}
.badge.ochre{background:var(--z-tint-yellow);color:#8a6400}
.editorial-note{border-top:2px solid var(--line)}

/* Footer: mint panel + green bottom bar */
footer{background:var(--z-tint-green)!important}
.footer-bottom{border-top:0;color:#fff;background:#0aa46c;box-shadow:0 0 0 100vmax #0aa46c;clip-path:inset(0 -100vmax);font-weight:500}
.footer-bottom a,.footer-bottom p,.footer-bottom>span{color:#fff}