.site-nav { display:flex; gap:18px; flex-wrap:wrap; justify-content:center; background:#fff8e8; border-bottom:1px solid #eadfcd; padding:12px 6vw; font-weight:700; }
.site-nav a { text-decoration:none; color:#6e4998; }
.resource-hero { max-width:980px; margin:0 auto; padding:46px 6vw 22px; }
.resource-hero h1 { font-size:clamp(2.1rem,4vw,4rem); }
.article-wrap { max-width:1000px; margin:0 auto 48px; padding:0 6vw; }
.intro { background:#fff; border-left:8px solid #6e4998; padding:20px 22px; border-radius:16px; line-height:1.65; box-shadow:0 8px 24px rgba(22,43,69,.06); }
.resource-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:24px 0; }
.resource-card { background:#fff; border-radius:18px; padding:22px; box-shadow:0 8px 24px rgba(22,43,69,.07); border-top:6px solid #2b8c99; }
.resource-card:nth-child(2) { border-top-color:#6e4998; } .resource-card:nth-child(3) { border-top-color:#77a45b; } .resource-card:nth-child(4) { border-top-color:#d49a20; }
.resource-card h2 { margin:0 0 10px; font-family:Georgia,'Times New Roman',serif; color:#162b45; }
.resource-card li { margin:8px 0; line-height:1.45; }
.cta-panel { background:#162b45; color:white; padding:26px; border-radius:20px; margin-top:24px; }
.cta-panel a { color:#fff8e8; font-weight:700; }
.disclaimer { font-size:.9rem; color:#536; }
.library-grid { max-width:1100px; margin:0 auto 50px; padding:0 6vw; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.library-card { display:block; background:#fff; border-radius:18px; padding:22px; text-decoration:none; color:#162b45; box-shadow:0 8px 24px rgba(22,43,69,.07); border-top:6px solid #6e4998; }
.library-card:nth-child(3n+2) { border-top-color:#2b8c99; } .library-card:nth-child(3n+3) { border-top-color:#d49a20; }
.library-card h2 { margin-top:0; font-family:Georgia,'Times New Roman',serif; font-size:1.35rem; } .library-card p { line-height:1.5; } .library-card span { color:#6e4998; font-weight:700; }
@media(max-width:820px){ .resource-grid,.library-grid{grid-template-columns:1fr;} }