/* ─────────────────────────────────────────
   RESOURCES.CSS
───────────────────────────────────────── */

/* HERO */
.resources-hero { position:relative; padding:140px 0 80px; overflow:hidden; background:var(--cream); }
.resources-hero-bg {
  position:absolute; inset:0;
  background: radial-gradient(ellipse 50% 60% at 80% 50%, rgba(107,140,107,0.12) 0%, transparent 70%), var(--cream);
  z-index:0;
}
.resources-hero-inner { position:relative; z-index:1; max-width:720px; }
.resources-hero-inner h1 { font-size:clamp(2rem,4.5vw,3.2rem); color:var(--brown); margin:12px 0 16px; line-height:1.15; }
.resources-hero-inner h1 em { font-style:italic; color:var(--sage-dark); }
.resources-hero-sub { font-size:17px; color:var(--text-mid); line-height:1.7; margin-bottom:36px; max-width:560px; }

/* FILTER TABS */
.resources-filter { display:flex; gap:8px; flex-wrap:wrap; }
.filter-btn { font-family:'DM Sans',sans-serif; font-size:13px; font-weight:400; padding:8px 18px; border-radius:999px; border:1px solid var(--cream-dark); background:var(--white); color:var(--text-mid); cursor:pointer; transition:all 0.15s; }
.filter-btn:hover { border-color:var(--brown-pale); color:var(--text-dark); }
.filter-btn.active { background:var(--sage-dark); color:var(--white); border-color:var(--sage-dark); }

/* FEATURED */
.featured-guide { padding:64px 0; background:var(--white); border-bottom:1px solid var(--cream-dark); }
.featured-inner { display:grid; grid-template-columns:1fr 280px; gap:60px; align-items:start; }
.featured-badge { font-size:11px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; color:var(--sage-dark); background:var(--sage-pale); padding:3px 10px; border-radius:999px; width:fit-content; margin-bottom:16px; }
.featured-content h2 { font-size:clamp(1.4rem,2.5vw,1.9rem); color:var(--brown); margin-bottom:14px; line-height:1.3; }
.featured-content p { font-size:15px; color:var(--text-mid); line-height:1.7; max-width:500px; }
.featured-meta { display:flex; gap:8px; align-items:center; font-size:12px; color:var(--text-light); margin-top:12px; }

.featured-highlights { background:var(--cream); border-radius:var(--radius); padding:24px; border:1px solid var(--cream-dark); }
.featured-highlights-label { font-size:12px; font-weight:500; text-transform:uppercase; letter-spacing:.06em; color:var(--text-light); margin-bottom:12px; }
.featured-highlights ul { display:flex; flex-direction:column; gap:10px; }
.featured-highlights li { font-size:13px; color:var(--text-mid); padding-left:16px; position:relative; line-height:1.5; }
.featured-highlights li::before { content:'◆'; position:absolute; left:0; color:var(--sage-dark); font-size:7px; top:5px; }

/* GUIDES GRID */
.all-guides { padding:80px 0 100px; background:var(--cream); }
.guides-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

.guide-card {
  display:flex; flex-direction:column; gap:10px;
  padding:28px; border-radius:var(--radius);
  background:var(--white); border:1px solid var(--cream-dark);
  text-decoration:none; transition:all 0.2s;
  opacity:1;
}
.guide-card:hover { transform:translateY(-4px); box-shadow:var(--shadow-md); border-color:var(--brown-pale); }

.guide-card-top { display:flex; justify-content:space-between; align-items:center; }
.guide-read-time { font-size:11px; color:var(--text-light); }

.guide-card h3 { font-size:1rem; color:var(--brown); line-height:1.35; }
.guide-card p { font-size:13px; color:var(--text-mid); line-height:1.6; flex:1; }
.guide-footer { padding-top:12px; border-top:1px solid var(--cream-dark); margin-top:auto; }

/* EMAIL CAPTURE */
.email-capture { padding:80px 0; background:var(--sage-dark); }
.email-capture-inner { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; }
.email-capture-text .section-label { color:var(--sage-light); }
.email-capture-text h2 { font-size:clamp(1.4rem,2.5vw,1.9rem); color:var(--white); margin:10px 0 12px; }
.email-capture-text p { font-size:14px; color:rgba(255,255,255,0.7); line-height:1.7; }

.email-form-row { display:flex; gap:10px; flex-wrap:wrap; }
.email-form-row input { flex:1; min-width:160px; padding:11px 14px; border:1px solid rgba(255,255,255,0.25); border-radius:var(--radius-sm); background:rgba(255,255,255,0.1); font-family:'DM Sans',sans-serif; font-size:14px; color:var(--white); outline:none; transition:border-color 0.15s; }
.email-form-row input::placeholder { color:rgba(255,255,255,0.5); }
.email-form-row input:focus { border-color:rgba(255,255,255,0.6); background:rgba(255,255,255,0.15); }
.email-form .form-disclaimer { font-size:11px; color:rgba(255,255,255,0.45); }

.nav-links .active { color:var(--sage-dark) !important; font-weight:500; }

/* RESPONSIVE */
@media (max-width:960px) {
  .featured-inner { grid-template-columns:1fr; }
  .featured-highlights { display:none; }
  .guides-grid { grid-template-columns:repeat(2,1fr); }
  .email-capture-inner { grid-template-columns:1fr; gap:32px; }
}
@media (max-width:600px) {
  .guides-grid { grid-template-columns:1fr; }
  .resources-filter { gap:6px; }
  .email-form-row { flex-direction:column; }
  .email-form-row input, .email-form-row .btn { width:100%; }
}