.mockup.resources-page .resources-hero .resources-eyebrow{color:#8ae4dc}
.mockup.resources-page .hub-nav .resources-shell{flex-wrap:wrap}
.mockup.resources-page .hub-nav a{white-space:normal}
.mockup.resources-page .project-feature{padding:36px 0;background:#f0f7f7;max-width:none}
.mockup.resources-page .project-feature h2{font-size:clamp(25px,3vw,36px);margin:8px 0 12px}
.mockup.resources-page .project-feature>div>p{color:#40586b;line-height:1.6}
.mockup.resources-page .project-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 10px}
.mockup.resources-page .project-cards a{display:block;padding:22px;border:1px solid #bad4d3;border-radius:12px;background:#fff;text-decoration:none;color:#10213d;line-height:1.5}
.mockup.resources-page .project-cards strong{display:block;font-size:19px;margin-bottom:8px;color:#086c68}
.mockup.resources-page .project-cards a:hover{border-color:#086c68;box-shadow:0 4px 16px #10213d12}
.mockup.resources-page .project-feature .project-note{font-size:14px;margin:16px 0 0}
.mockup.resources-page .free-note{border-left:4px solid #0b827c;background:#edf6f5;padding:18px 22px;line-height:1.6}
.mockup.resources-page .resources-article .article-body table{min-width:540px}
.mockup.resources-page .resources-article h1{overflow-wrap:break-word}
.mockup.resources-page .resources-article .seo-table-scroll{max-width:100%;overflow-x:auto}
@media(max-width:700px){.mockup.resources-page .project-cards{grid-template-columns:1fr}.mockup.resources-page .project-cards a{padding:18px}.mockup.resources-page .project-feature{padding:28px 0}}
/* Keep the long contact headline inside very narrow mobile screens. */
@media(max-width:700px){.mockup .contact-intro h1{font-size:clamp(32px,8vw,44px);overflow-wrap:anywhere}}