/*
Theme Name: Canary50 Library Theme
Description: Bespoke non-Woo knowledge-library test site without WPFlow Connect.
Version: 1.0.0
*/
:root { --c50-ink:#16202a; --c50-paper:#f4f1e8; --c50-green:#2f6f5e; --c50-gold:#d89d35; --c50-header-bg:#05070a; --c50-header-text:#ffffff; --c50-header-muted:#d8dee7; --c50-header-border:rgba(255,255,255,.18); }
body { margin:0; font-family: Verdana, Geneva, sans-serif; color:var(--c50-ink); background: linear-gradient(180deg, #fbfaf5, var(--c50-paper)); }
a { color: var(--c50-green); }
.wrap { max-width: 1120px; margin:auto; padding:28px; }
.header { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:18px 22px; border:1px solid var(--c50-header-border); background:var(--c50-header-bg); color:var(--c50-header-text); box-shadow:0 10px 28px rgba(22,32,42,.16); }
.brand { flex:0 0 auto; font-size: clamp(24px, 3vw, 34px); margin:0; letter-spacing:-.04em; line-height:1; text-transform:lowercase; }
.brand a { color:var(--c50-header-text); text-decoration:none; }
.nav { min-width:0; }
.nav ul { list-style:none; display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:wrap; margin:0; padding:0; }
.nav a { display:block; padding:8px 10px; color:var(--c50-header-muted); text-decoration:none; border-radius:999px; }
.nav a:hover, .nav a:focus { color:var(--c50-header-text); background:rgba(255,255,255,.12); outline:none; }
.grid { display:grid; grid-template-columns: 1fr 320px; gap:26px; margin-top:28px; }
.panel, article { background:#fff; border:1px solid rgba(22,32,42,.2); padding:22px; margin-bottom:18px; }
.kicker { color:var(--c50-gold); font-weight:800; text-transform:uppercase; font-size:12px; letter-spacing:.08em; }
@media (max-width: 780px) { .grid { grid-template-columns:1fr; } .wrap { padding:16px; } .header { align-items:flex-start; flex-direction:column; gap:14px; } .nav ul { justify-content:flex-start; } }