/*
Theme Name: YUGNet Liberia
Theme URI: https://example.org/
Author: YUGNet–Liberia
Description: A lightweight, accessible public theme for Youth Go Green Network–Liberia.
Version: 1.0.0
Text Domain: yugnet-liberia
*/

:root{--forest:#063d2a;--green:#08723f;--leaf:#b8dd82;--gold:#e6ae30;--ink:#16201a;--cream:#f6f4ec;--white:#fff;--line:#d9dfd7;--radius:18px;--shadow:0 12px 32px rgba(6,61,42,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Arial,sans-serif;font-size:16px;line-height:1.6}.screen-reader-text{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px,1px,1px,1px)}.screen-reader-text:focus{position:fixed;z-index:999;width:auto;height:auto;clip:auto;padding:.7rem 1rem;top:1rem;left:1rem;background:#fff;color:#000}.wrap{width:min(1140px,calc(100% - 2.5rem));margin:auto}a{color:var(--forest)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}img{max-width:100%;height:auto}.site-header{background:#fff;border-bottom:1px solid var(--line)}.utility{background:var(--forest);color:#fff;font-size:.85rem}.utility .wrap{display:flex;justify-content:space-between;padding:.45rem 0}.utility a{color:#fff}.masthead{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 0}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;color:var(--forest);font-weight:800}.brand img{width:50px;height:50px;object-fit:contain;border-radius:50%}.brand span{line-height:1.1}.brand small{display:block;font-weight:500;font-size:.72rem;color:#4e5d51;margin-top:.25rem}.menu{list-style:none;display:flex;gap:1.25rem;align-items:center;margin:0;padding:0}.menu a{text-decoration:none;font-weight:700;color:var(--ink)}.menu a:hover,.menu .current-menu-item>a{color:var(--green)}.button{display:inline-block;border:2px solid var(--forest);border-radius:999px;padding:.7rem 1.2rem;background:var(--forest);color:#fff;text-decoration:none;font-weight:800;transition:.2s}.button:hover{background:var(--green);border-color:var(--green);color:#fff}.button.alt{color:var(--forest);background:#fff}.button.gold{background:var(--gold);border-color:var(--gold);color:#152314}.menu-toggle{display:none}.hero{background:linear-gradient(112deg,rgba(2,52,35,.96),rgba(8,114,63,.8)),url('assets/hero-placeholder.svg') center/cover;color:#fff;padding:6.5rem 0 5.5rem}.eyebrow{text-transform:uppercase;letter-spacing:.11em;font-size:.78rem;font-weight:800;color:var(--leaf)}.hero h1{max-width:780px;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.04;margin:.45rem 0 1rem}.hero p{max-width:640px;font-size:1.18rem}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.8rem}.section{padding:5rem 0}.section.tinted{background:var(--cream)}.kicker{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.section h2{font-size:clamp(1.9rem,3vw,3rem);line-height:1.1;color:var(--forest);margin:.35rem 0 1rem}.lead{max-width:700px;color:#4d584f}.grid{display:grid;gap:1.25rem}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow)}.card h3{margin:.2rem 0 .55rem;color:var(--forest)}.card p{margin:.4rem 0}.card a{font-weight:800}.program-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#eaf4df;color:var(--forest);font-weight:900}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.image-panel{min-height:350px;border-radius:var(--radius);background:linear-gradient(135deg,#98c874,#176d45);padding:2rem;display:flex;align-items:end;color:#fff}.quote{font-size:1.25rem;font-weight:700;line-height:1.4}.stats{background:var(--forest);color:#fff}.stat{text-align:center;padding:1.2rem}.stat strong{display:block;font-size:2.5rem;color:var(--leaf)}.stat span{font-size:.9rem}.meta{font-size:.86rem;color:#627066}.news-card{padding:0;overflow:hidden}.news-card .placeholder-image{height:150px;background:linear-gradient(135deg,#b8dd82,#08723f)}.news-card .card-copy{padding:1.35rem}.notice{border-left:4px solid var(--gold);padding:1rem 1.25rem;background:#fff8e8}.cta{background:linear-gradient(130deg,var(--forest),var(--green));color:#fff;border-radius:var(--radius);padding:3rem}.cta h2{color:#fff;max-width:620px}.site-footer{background:#092b20;color:#dbe8df;padding:3.5rem 0 1.5rem}.site-footer h2{color:#fff;font-size:1.1rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.site-footer a{color:#dbe8df}.copyright{border-top:1px solid #315749;margin-top:2rem;padding-top:1.2rem;font-size:.85rem}.page-header{background:var(--cream);padding:4rem 0}.page-header h1{color:var(--forest);font-size:clamp(2.4rem,5vw,4rem);margin:0}.entry{max-width:800px}.entry h2,.entry h3{color:var(--forest)}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-field{display:grid;gap:.4rem}.form-field.full{grid-column:1/-1}input,select,textarea{width:100%;padding:.75rem;border:1px solid #94a099;border-radius:7px;font:inherit}textarea{min-height:150px}.form-message{padding:1rem;border-radius:7px;background:#e9f7eb;border:1px solid #78ae80}.required{color:#aa1e1e}@media(max-width:850px){.menu-toggle{display:block;background:#fff;border:1px solid var(--forest);padding:.5rem}.main-nav .menu{display:none;position:absolute;left:1rem;right:1rem;top:118px;background:#fff;box-shadow:var(--shadow);padding:1rem;flex-direction:column;align-items:flex-start}.main-nav.is-open .menu{display:flex}.grid-3,.grid-4,.archive-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr;gap:2rem}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.utility .wrap{display:block}.utility span{display:none}.grid-3,.grid-4,.archive-grid,.form-grid{grid-template-columns:1fr}.hero{padding:4rem 0}.section{padding:3.5rem 0}.masthead{gap:.5rem}.brand{font-size:.9rem}.brand img{width:42px;height:42px}.footer-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}