@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Nunito+Sans:wght@600;700;800;900&family=Open+Sans:wght@400;500;600;700&display=swap');

:root{--resource-blue:#024D94;--resource-blue-dark:#02407B;--resource-orange:#F99D22;--resource-orange-dark:#E08A0F;--resource-sky:#55A8FF;--resource-ink:#171B20;--resource-muted:#5F6872;--resource-panel:#F4F6F8;--resource-line:#DCE2E8;--resource-deep:#0A1625;--resource-head:'Nunito Sans',system-ui,sans-serif;--resource-body:'Open Sans',system-ui,sans-serif;--resource-mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box;border-radius:0!important}
body.article-page{margin:0;background:var(--resource-panel);color:var(--resource-ink);font-family:var(--resource-body);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}
body.article-page a{text-decoration:none}
.article-header{position:sticky;top:0;z-index:50;min-height:76px;padding:0 clamp(22px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:28px;background:#fff;border-bottom:1px solid var(--resource-line);box-shadow:0 1px 0 rgba(2,77,148,.03)}
.article-header a{color:var(--resource-ink)}
.article-header nav{display:flex;align-items:center;gap:28px;font:800 14px var(--resource-head)}
.article-header nav a{padding:7px 0;border-bottom:2px solid transparent}
.article-header nav a:hover,.article-header nav a[aria-current=page]{color:var(--resource-blue);border-color:var(--resource-orange)}
.article-header nav a:last-child{padding:12px 18px;background:var(--resource-orange);border:1px solid var(--resource-orange);color:var(--resource-blue-dark)}
.article-header nav a:last-child:hover{background:var(--resource-orange-dark);border-color:var(--resource-orange-dark)}
.article-main{width:min(860px,calc(100% - 48px));margin:46px auto 76px;padding:48px 54px 60px;background:#fff;border-top:5px solid var(--resource-blue);box-shadow:0 18px 50px rgba(2,64,123,.08)}
.article-main .eyebrow{margin:0 0 15px;color:var(--resource-blue);font:600 12px var(--resource-mono);text-transform:uppercase;letter-spacing:.14em}
.article-main h1,.article-main h2,.article-main h3{font-family:var(--resource-head);color:var(--resource-blue);letter-spacing:-.015em}
.article-main h1{max-width:850px;margin:0 0 20px;font-size:clamp(38px,5.5vw,66px);line-height:1.03;font-weight:900}
.article-main h2{margin:42px 0 10px;font-size:28px;line-height:1.15}
.article-main h3{margin:30px 0 8px;font-size:21px}
.article-main p,.article-main li{color:var(--resource-muted);font-size:17px;line-height:1.78}
.article-main li{margin:8px 0}
.article-main a{color:var(--resource-blue);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.article-date{margin:0 0 32px!important;color:#7A858F!important;font:500 12px var(--resource-mono)!important;text-transform:uppercase;letter-spacing:.08em}
.article-note,.article-related{margin-top:46px;padding:24px 26px;border:1px solid var(--resource-line);border-left:5px solid var(--resource-orange);background:#EDF5FF}
.article-note h2,.article-related h2{margin-top:0}
.article-related a{display:block;margin:12px 0}
.article-site-footer{padding:28px clamp(22px,5vw,72px);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:var(--resource-deep);color:#C9D6E8;font:500 11px var(--resource-mono);text-transform:uppercase;letter-spacing:.06em}
.article-site-footer b{color:var(--resource-orange)}
.article-site-footer a{color:#fff}

.article-main.article-index{width:100%;max-width:none;margin:0;padding:0 0 82px;background:#fff;border:0;box-shadow:none}
.article-index>.eyebrow,.article-index>h1,.article-index>p{margin:0;padding-left:max(24px,calc((100% - 1240px)/2 + 24px));padding-right:max(24px,calc((100% - 1240px)/2 + 24px));background:var(--resource-blue);color:#fff}
.article-index>.eyebrow{padding-top:62px;color:#fff}
.article-index>h1{max-width:none;padding-top:15px;font-size:clamp(42px,5.5vw,72px)}
.article-index>p{padding-top:20px;padding-bottom:58px;color:#E6EEF7;font-size:18px}
.article-grid{width:min(1240px,calc(100% - 48px));margin:42px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:1px solid var(--resource-line)}
.article-card{min-width:0;padding:29px 27px 31px;display:flex;flex-direction:column;background:#fff;color:var(--resource-ink);border-right:1px solid var(--resource-line);border-bottom:1px solid var(--resource-line);transition:background .15s,box-shadow .15s,transform .15s}
.article-card:nth-child(3n){border-right:0}
.article-card:hover{position:relative;z-index:2;background:#EDF5FF;box-shadow:inset 0 4px 0 var(--resource-orange);transform:translateY(-2px)}
.article-card span{color:var(--resource-blue);font:600 11px var(--resource-mono);letter-spacing:.12em;text-transform:uppercase}
.article-card h2{margin:15px 0 11px;color:var(--resource-blue);font-size:22px;line-height:1.2}
.article-card p{margin:0;color:var(--resource-muted);font-size:14px;line-height:1.65}
.article-index>.article-related{width:min(1240px,calc(100% - 48px));margin:38px auto 0}

@media(max-width:900px){.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-card,.article-card:nth-child(3n){border-right:1px solid var(--resource-line)}.article-card:nth-child(2n){border-right:0}}
@media(max-width:700px){.article-header{position:static;padding:17px 20px;align-items:flex-start;flex-direction:column;gap:12px}.article-header nav{width:100%;gap:16px;justify-content:space-between;font-size:12px}.article-header nav a:last-child{padding:9px 11px}.article-main{width:calc(100% - 24px);margin:24px auto 46px;padding:34px 22px 42px}.article-main p,.article-main li{font-size:16px}.article-grid{width:calc(100% - 24px);grid-template-columns:1fr}.article-card,.article-card:nth-child(2n),.article-card:nth-child(3n){border-right:0}.article-index>.eyebrow{padding-top:42px}.article-index>p{padding-bottom:42px;font-size:16px}.article-index>.article-related{width:calc(100% - 24px)}.article-site-footer{flex-direction:column;text-align:center}}
