.resource-header,.resource-footer{width:min(1280px,calc(100% - 96px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.resource-header{min-height:106px;border-bottom:1px solid var(--line)}
.resource-header nav,.resource-footer nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;font-size:15px;font-weight:600}
.resource-header a,.resource-footer a{color:inherit}
.resource-brand{font-size:25px;font-weight:600;letter-spacing:-.04em;text-decoration:none}
.resource-brand span{color:var(--accent)}
.resource-main{width:min(1120px,calc(100% - 96px));margin:auto;padding:82px 0 110px}
.resource-main h1{font-size:clamp(46px,6vw,82px);max-width:980px;line-height:1.06;margin:0 0 32px}
.resource-main .intro{font-size:21px;color:var(--muted);max-width:720px}
.resource-meta{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:50px}
.resource-card{padding:36px;border:1px solid var(--line);background:#fff;min-height:330px;display:flex;flex-direction:column}
.resource-card h2{font-size:clamp(28px,2.7vw,37px);line-height:1.2;margin:24px 0 16px}
.resource-card h2 a{color:var(--ink)}
.resource-card>p:last-child{font-size:16px;color:var(--muted);margin-top:auto}
.article-body{max-width:790px;font-size:18px;line-height:1.8}
.article-body h2{font-size:31px;line-height:1.2;margin:54px 0 18px}
.article-body p,.article-body li{max-width:73ch}
.article-body li{padding-left:5px;margin-bottom:12px}
.article-body a,.resource-main>a,.resource-main p>a{color:#14645e;text-decoration-thickness:1px;text-underline-offset:5px}
.article-body a:hover,.resource-main a:hover{text-decoration-thickness:2px}
.resource-callout{padding:26px 30px;background:#e5f0eb;border-left:4px solid var(--accent);margin:42px 0;font-weight:700}
.resource-footer{padding:34px 0 45px;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}
@media(max-width:700px){.resource-header,.resource-footer,.resource-main{width:calc(100% - 40px)}.resource-header{min-height:83px}.resource-brand{font-size:20px}.resource-header nav,.resource-footer nav{gap:15px;font-size:13px}.resource-main{padding:48px 0 70px}.resource-main h1{font-size:clamp(42px,9vw,65px)}.resource-grid{grid-template-columns:1fr}.resource-card{min-height:0;padding:26px}.article-body{font-size:17px}.article-body h2{font-size:26px;margin-top:42px}}