/* Editorial resource pages share the site's typography and navigation. */
.resource-page h1{font-size:clamp(40px,4.2vw,62px)}
.resource-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:24px 0 80px}
.resource-hero>div>p:not(.eyebrow){max-width:570px}
.resource-hero .resource-lede{font-size:23px;line-height:1.45;color:var(--navy);margin-bottom:24px}
.resource-meta{font-size:12px;color:var(--balance-muted);margin:24px 0}
.source-ref{color:#00768b;font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.resource-frameworks{display:grid;grid-template-columns:1fr;gap:14px}
.resource-frameworks>div{background:#e5eff0;padding:26px 30px;border-radius:4px;display:grid;grid-template-columns:112px 1fr;gap:0 24px;align-items:center}
.resource-frameworks>div+div{background:#123d46;color:white}
.framework-number{font-family:Manrope,Arial,sans-serif;font-size:40px;letter-spacing:-.05em;grid-row:span 2;color:#00768b}
.resource-frameworks h2{font-size:23px;line-height:1.25;letter-spacing:-.025em}
.resource-frameworks p{font-size:14px!important;line-height:1.55!important;margin:12px 0 0}
.resource-frameworks>div+div h2{color:white}.resource-frameworks>div+div p{color:#d4e3e5}.resource-frameworks>div+div .framework-number{color:#71d0de}
.resource-comparison{background:#edf4f5;padding:72px 0}
.resource-section-heading{max-width:740px;margin-bottom:32px}
.resource-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:16px;line-height:1.65;color:var(--balance-muted)}
.resource-table th,.resource-table td{padding:24px;text-align:left;vertical-align:top;border-bottom:1px solid #cbdadb}
.resource-table thead th{font-size:20px;background:#123d46;color:white;font-weight:500}
.resource-table thead th:first-child{width:24%}
.resource-table tbody th{color:var(--navy);font-weight:500}
.resource-table td{background:#f8faf9}
.resource-page .resource-table-note{font-size:14px;margin:22px 0 0;max-width:900px}
.resource-table-note a,.resource-prose a,.resource-sources a{color:#00768b;text-decoration:underline;text-underline-offset:4px}
.resource-reading{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding:80px 0}
.resource-prose h3{font-size:24px;margin-top:34px}.resource-prose h3:first-child{margin-top:0}.resource-prose p{margin:12px 0 0}
.resource-sources{padding:52px 0;border-bottom:1px solid var(--line)}
.resource-sources h2{font-size:24px}.resource-sources ol{padding-left:20px;font-size:14px;line-height:1.7;color:var(--balance-muted)}.resource-sources li{padding:5px 0}.resource-page .resource-sources p{font-size:13px;max-width:800px;margin-top:22px}
.resource-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.resource-hero{gap:36px}.resource-frameworks>div{grid-template-columns:1fr;gap:14px}.framework-number{grid-row:auto}.resource-frameworks p{margin:0}}
@media(max-width:900px){.resource-hero,.resource-reading{grid-template-columns:1fr;gap:36px;padding-bottom:48px}.resource-hero{padding-top:12px}.resource-frameworks{grid-template-columns:1fr 1fr}.resource-frameworks>div{align-content:start;padding:26px}.resource-reading{padding-top:48px}.resource-comparison{padding:48px 0}.resource-table th,.resource-table td{padding:18px}}
@media(max-width:600px){.resource-page h1{font-size:39px}.resource-hero .resource-lede{font-size:21px}.resource-frameworks{grid-template-columns:1fr}.resource-frameworks>div{grid-template-columns:96px 1fr;gap:0 20px;padding:24px}.framework-number{grid-row:span 2;font-size:36px}.resource-frameworks h2{font-size:21px}.resource-frameworks p{margin-top:10px}.resource-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.resource-table,.resource-table tbody,.resource-table tr,.resource-table th,.resource-table td{display:block;width:100%}.resource-table tr{margin-bottom:20px}.resource-table tbody th{background:#123d46;color:white;padding:16px 20px;border:0}.resource-table td{padding:20px}.resource-table td::before{content:attr(data-label);display:block;font-family:Manrope,Arial,sans-serif;font-size:19px;color:#00768b;margin-bottom:8px}.resource-page .balance-contact h2{font-size:28px}.resource-sources{padding-block:40px}}

/* Long dating labels stay readable on the narrowest phones. */
.bud-page .resource-hero>div{min-width:0}
@media(max-width:360px){.bud-page h1{font-size:34px}.bud-page .resource-frameworks>div{grid-template-columns:1fr;gap:12px}.bud-page .framework-number{grid-row:auto}.bud-page .resource-frameworks p{margin-top:0}}

/* Grade comparison uses editorial line icons, not product or certification marks. */
.grade-page h1{font-size:clamp(32px,3.5vw,52px)}
.grade-page .resource-hero>div{min-width:0}
.grade-page .resource-frameworks>div{grid-template-columns:64px minmax(0,1fr)}
.grade-symbol{grid-row:span 2;color:#00768b}.grade-symbol svg{display:block;width:64px;height:64px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.grade-page .resource-frameworks>div+div .grade-symbol{color:#71d0de}
@media(min-width:601px) and (max-width:1100px){.grade-page .resource-frameworks>div{grid-template-columns:1fr}.grade-symbol{grid-row:auto}}
@media(max-width:360px){.grade-page h1{font-size:31px}.grade-page .resource-frameworks>div{grid-template-columns:1fr;gap:12px}.grade-page .grade-symbol{grid-row:auto}.grade-page .resource-frameworks p{margin-top:0}}

/* At narrow phone widths the framework label sits above its explanation. */
.resource-hero>div,.resource-frameworks>div{min-width:0}
@media(max-width:400px){.resource-page .resource-frameworks>div{grid-template-columns:minmax(0,1fr);gap:12px}.resource-page .framework-number,.resource-page .grade-symbol{grid-row:auto}.resource-page .resource-frameworks p{margin-top:0}}