/* Base */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body { font-family: "Montserrat", Arial, sans-serif; background:#f3fcf9; color:#1b1f23; }

/* Layout borrowed from your email-style template, tuned for web */
.site-bg { background:#f3fcf6; }
.nl-container { width:100%; background-color:#f3fcf6; }
.row { width:100%; }
.row-content { width:640px; margin:0 auto; background:#ffffff; border-collapse:collapse; }
.row-green { background:#679e00; color:#fff; }
.column { width:100%; }

.center { text-align:center; }
.topnav { text-align:center; margin-top:8px; }
.topnav a { color:#fff; padding:0 14px; text-decoration:none; font-weight:600; }
.topnav a:hover { text-decoration:underline; }

/* Type */
.eyebrow, .section-eyebrow { color:#679e00; letter-spacing:2px; font-size:20px; font-weight:400; margin:0 0 6px; }
.hero-title { color:#679e00; font-size:38px; font-weight:700; letter-spacing:2px; margin:6px 0 20px; }
.h2-tight { color:#225431; font-size:28px; margin:6px 0 10px; }
.h2-white { color:#fff; font-size:32px; margin:0 0 10px; }
.lede { color:#225431; font-size:16px; line-height:1.6; max-width:640px; margin:16px auto 0; }
.section-title { color:#225431; font-size:28px; margin:8px 0 6px; }
.body { color:#225431; font-size:16px; line-height:1.6; }
.body-white { color:#fff; }
.foot-copy { color:#fff; font-size:15px; line-height:1.6; max-width:620px; margin:12px auto 0; text-align:center; }
.foot-small { color:#eaf6e1; font-size:14px; text-align:center; }
.foot-small a { color:#fff; }

/* Media */
.hero-img { max-width:100%; height:auto; border-radius:8px; display:block; margin:0 auto; }
.img-card { width:100%; height:auto; border-radius:8px; display:block; }

/* Cards */
.cards { display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.card { display:block; padding:16px; background:#fff; border:1px solid #e6efe3; border-radius:10px; text-decoration:none; }
.card h3 { color:#225431; margin:6px 0 6px; }
.card p { color:#225431; margin:0; }
.card:hover { border-color:#cfe6c7; box-shadow:0 8px 20px rgba(0,0,0,.06); }

/* Buttons & Links */
.btn, .btn-outline, .btn-invert {
  display:inline-block; padding:12px 24px; border-radius:6px; font-weight:700; text-decoration:none;
}
.btn { background:#ffd200; color:#225431; }
.btn:hover { filter:brightness(.95); }
.btn-outline { color:#225431; border:2px solid #ffd200; }
.btn-outline:hover { background:#fff7be; }
.btn-invert { background:#fff; color:#225431; }
.btn-invert:hover { filter:brightness(.96); }
.link { color:#225431; text-decoration:underline; }

/* Lists */
.resource-list { list-style:disc; padding:0 0 0 24px; }
.resource-list li { margin:.4rem 0; }
.archive { list-style:disc; padding-left:24px; }
.archive li { margin:.4rem 0; }

/* Columns for the split row */
.half { width:50%; vertical-align:top; }

/* Responsive */
@media (max-width: 700px){
  .row-content { width:100% !important; }
  .cards { grid-template-columns:1fr; }
  .half { width:100% !important; display:block; }
  .hero-title { font-size:32px; }
}