.resources{padding:110px max(32px,calc((100vw - 1176px)/2));background:#f8f4ec}.resources-heading{max-width:720px;margin-bottom:50px}.resources-heading h2{margin:0 0 20px;font-size:clamp(38px,4.5vw,60px);line-height:1.08}.resources-heading>p:last-child{color:#60726d;line-height:1.8}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-grid a{padding:30px;background:#fffefa;border:1px solid #dbe2dd;display:flex;flex-direction:column;min-height:290px;transition:.2s}.resource-grid a:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(26,58,51,.1)}.resource-grid span{color:#c99153;font:19px Georgia,serif}.resource-grid h3{font:500 24px/1.25 Georgia,serif;margin:28px 0 12px}.resource-grid p{color:#657671;font-size:14px;line-height:1.7}.resource-grid b{margin-top:auto;color:#205b4f;font-size:13px}.article-header{padding:70px max(24px,calc((100vw - 900px)/2)) 55px;background:#f8f4ec}.article-header h1{font-size:clamp(42px,6vw,72px);max-width:900px}.breadcrumbs{font-size:13px;margin-bottom:40px;color:#60726d}.article-body{max-width:820px;margin:auto;padding:70px 24px 100px;font-size:17px;line-height:1.85}.article-body h2{font-size:34px;margin:48px 0 15px}.article-body h3{font:500 24px Georgia,serif;margin-top:35px}.article-body li{margin-bottom:10px}.article-cta{margin-top:55px;padding:34px;background:#205b4f;color:white}.article-cta h2{margin:0 0 12px;color:white}.article-cta a{display:inline-block;margin-top:12px;padding:14px 20px;background:#fffefa;color:#17342f;font-weight:800}.disclaimer{font-size:13px;color:#657671;border-top:1px solid #dbe2dd;padding-top:25px;margin-top:45px}@media(max-width:900px){.resource-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.resources{padding:80px 24px}.resource-grid{grid-template-columns:1fr}.article-header{padding:55px 24px 40px}}


/* ---- Article conversion + related reading -------------------------------
   A phone number on its own is not a call to action at 11pm, which is when
   adult children actually read these pages. The form gives them a way to
   raise their hand without making a call. */
.article-cta-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.article-cta-actions a{margin-top:0}
.article-cta-actions a.ghost{background:transparent;color:#fffefa;box-shadow:inset 0 0 0 2px rgba(255,254,250,.55)}
/* styles.css carries a blanket nav{display:none} for the mobile header;
   this block is a <nav>, so it needs an explicit override or it vanishes. */
.article-more{display:block;margin-top:45px}
.article-more h2{margin:0 0 14px;font-size:20px}
.article-more ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.article-more a{color:#205b4f;font-weight:700;text-decoration:none;border-bottom:1px solid #cfded6}
.article-more a:hover{border-bottom-color:#205b4f}
@media(max-width:600px){.article-cta-actions a{width:100%;text-align:center}}