/* Materials only. Article roles are separate from large marketing sections. */
.materials-articles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.materials-articles .material-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;background:#fff;border-radius:var(--radius-md);padding:28px;min-width:0}
.materials-articles .material-card .section-kicker{margin:0;color:var(--color-orange);font:400 var(--type-kicker)/1.5 var(--font-body);text-transform:uppercase;letter-spacing:normal}
.materials-articles .material-card h3{font:400 var(--type-h3)/1.22 var(--font-display);text-transform:uppercase;color:var(--color-blue);margin:0;text-wrap:balance;overflow-wrap:normal;hyphens:none}
.materials-articles .material-card p:not(.section-kicker){font:400 var(--type-body)/1.5 var(--font-body);margin:0;color:var(--color-ink)}
.materials-articles .material-card>.text-link{margin-top:auto}
:is(.material-card,.useful-article,.material-video-card) .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--color-orange);text-decoration:none;font:400 15px/1.4 var(--font-display);text-transform:uppercase;letter-spacing:normal;transition:color var(--motion-fast) ease,transform var(--motion-fast) var(--ease)}
:is(.material-card,.useful-article,.material-video-card) .arrow-icon{display:block;width:18px;height:18px;flex:0 0 18px;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;transition:transform var(--motion-fast) var(--ease)}
:is(.material-card,.useful-article,.material-video-card) a:focus-visible{outline:3px solid var(--color-orange);outline-offset:5px;border-radius:3px}
@media(hover:hover){:is(.material-card,.useful-article,.material-video-card) .text-link:hover{color:var(--color-orange-action);transform:translateX(3px)}:is(.material-card,.useful-article,.material-video-card) .text-link:hover>.arrow-icon{transform:translateX(4px)}}
:is(.material-card,.useful-article,.material-video-card) .text-link:focus-visible>.arrow-icon{transform:translateX(4px)}
.useful-article{--type-h2:26px;--type-h2-leading:1.3;width:min(var(--content),calc(100% - 48px));margin:0 auto;padding:32px 0 64px;color:var(--color-ink);font:400 var(--type-body)/1.65 var(--font-body)}
.useful-article *{min-width:0}
.useful-article .article-back{margin:0 0 24px;font:400 14px/1.5 var(--font-body)}
.useful-article a:not(.button):not(.text-link){color:var(--color-blue);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.useful-article a:not(.button):hover{color:var(--color-orange)}
.useful-article h1,.useful-article h2{font-family:var(--font-display);font-weight:400;text-transform:uppercase;color:var(--color-blue);hyphens:none;overflow-wrap:normal;text-wrap:balance}
.useful-article h1{font-size:42px;line-height:1.16;margin:12px 0 20px;max-width:none;text-wrap:balance}
.useful-article .section-kicker{font:400 var(--type-kicker)/1.5 var(--font-body);color:var(--color-orange);letter-spacing:normal;margin:0;text-transform:uppercase}
.useful-article .article-lead{font-size:18px;line-height:1.6;margin:0}
.useful-article .article-meta{font-size:14px;color:var(--color-muted);margin:16px 0 0}
.useful-article .article-meta time{white-space:nowrap}
.useful-article .article-contents{padding:20px 0;margin:24px 0 28px;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line)}
.useful-article .article-contents>p{font-weight:500;color:var(--color-blue);margin:0 0 10px}
.useful-article .article-contents ol{margin:0;padding:0;list-style:none}
.useful-article .article-contents li{padding:0;margin:4px 0}
.useful-article .article-contents a{display:inline-block;padding:3px 0;text-decoration:none!important;font-size:16px;line-height:1.5}
.useful-article ol,.useful-article ul{margin:12px 0 20px;padding-left:22px}
.useful-article li{padding-left:4px;margin:8px 0}
.useful-article li::marker{color:var(--color-orange)}
.useful-article h2{font-size:var(--type-h2);line-height:var(--type-h2-leading);margin:0 0 14px}
.useful-article .article-body section{margin:0 0 32px;scroll-margin-top:130px}
.useful-article .article-body p{margin:0 0 16px}
.useful-article .article-body :is(section,p,li){max-width:none}
.useful-article .article-cta{background:linear-gradient(115deg,var(--color-navy),var(--color-blue));border-radius:var(--radius-lg);padding:32px;margin:32px 0 24px;color:white}
.useful-article .article-cta h2{color:white}
.useful-article .article-cta p{margin:0 0 24px}
.useful-article .article-cta .button{white-space:nowrap;text-align:center;line-height:1.35;max-width:100%;font-size:16px}
@media(max-width:1199px){.materials-articles{grid-template-columns:repeat(2,minmax(0,1fr))}.useful-article h1{font-size:38px}}
@media(max-width:959px){.useful-article{--type-h2:24px}.useful-article h1{font-size:34px}}
@media(max-width:639px){.materials-articles{grid-template-columns:1fr;gap:16px}.materials-articles .material-card{padding:24px;gap:16px}.useful-article{--type-h2:22px;width:calc(100% - 40px);padding:24px 0 48px}.useful-article h1{font-size:30px;margin-bottom:16px}.useful-article .article-lead{font-size:16px}.useful-article .article-back{margin-bottom:20px}.useful-article .article-contents{margin:20px 0 24px;padding:16px 0}.useful-article .article-body section{margin-bottom:28px}.useful-article .article-cta{padding:24px}.useful-article .article-cta .button{font-size:14px}}
@media(max-width:479px){.useful-article h1{font-size:28px}}
@media(max-width:359px){.useful-article{--type-h2:20px;width:calc(100% - 32px)}.useful-article h1{font-size:26px}.useful-article .article-cta{padding:20px}.materials-articles .material-card{padding:20px}}
@media(prefers-reduced-motion:reduce){:is(.material-card,.useful-article,.material-video-card) .text-link,:is(.material-card,.useful-article,.material-video-card) .arrow-icon{transition:none!important;transform:none!important}}
.materials-video__library .material-video-card{width:100%;min-width:0;display:flex;flex-direction:column;gap:16px}
.materials-video__library .material-video-card h3{margin:0;color:var(--color-blue);text-wrap:balance}
.materials-video__library .material-video-card>p{margin:0!important;font:400 var(--type-body)/1.5 var(--font-body);color:var(--color-ink)}
.materials-video__library .material-video-card>.material-video__meta{font-size:13px;color:var(--color-muted)}
.material-video__meta time{white-space:nowrap}
.material-video__play{position:relative;display:block;overflow:hidden;border-radius:var(--radius-sm);color:white;background:var(--color-navy);text-decoration:none}
.materials-video-library img.material-video__poster{display:block;position:static;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;transform:none}
.material-video__play-label{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:linear-gradient(transparent,rgba(5,8,53,.92));font:400 14px/1.4 var(--font-display);text-transform:uppercase}
.material-video__play-label svg{width:20px;height:20px;fill:currentColor}
.material-video__player{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius-sm);background:var(--color-navy)}
.material-video-card .text-link .arrow-icon{rotate:-45deg}
.material-video__play:focus-visible{outline:3px solid var(--color-orange);outline-offset:4px}

/* A full-width heading and a growing two-column video library. */
.materials-page .materials-video-library{display:block;background:linear-gradient(115deg,var(--color-navy),var(--color-blue));border-radius:var(--radius-lg);padding:40px;color:white}
.materials-page .materials-video-library>h2{color:white;margin:0 0 32px;font:400 var(--type-h2)/1.12 var(--font-display);text-transform:uppercase;text-wrap:balance}
.materials-video-library .materials-video__library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0;padding:0;background:none}
.materials-video-library .material-video-card{background:white;padding:24px;border-radius:var(--radius-md)}
.materials-video-library .material-video-card h3{font:400 var(--type-h3)/1.22 var(--font-display);text-transform:uppercase}
.materials-video-library .material-video-card>.text-link{margin-top:auto}
.materials-video-library .material-video-card:only-child{grid-column:1/-1}
@media(min-width:768px){.materials-video-library .material-video-card:only-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:32px;row-gap:16px;grid-template-rows:min-content min-content min-content 1fr}.materials-video-library .material-video-card:only-child>.material-video__play,.materials-video-library .material-video-card:only-child>.material-video__player{grid-column:1;grid-row:1/5;align-self:start}.materials-video-library .material-video-card:only-child>:is(p,h3,.text-link){grid-column:2}.materials-video-library .material-video-card:only-child>.text-link{align-self:end;margin-top:0}}
.useful-article .article-formula{padding:20px;background:var(--color-surface,#f4f4f4);border-radius:var(--radius-md);color:var(--color-blue)}
@media(min-width:1200px){.useful-article .article-cta p{text-wrap:balance}}
@media(max-width:959px){.materials-page .materials-video-library{padding:32px}.materials-video-library .material-video-card{padding:20px}}
@media(max-width:639px){.materials-page .materials-video-library{padding:24px}.materials-page .materials-video-library>h2{margin-bottom:24px}.materials-video-library .materials-video__library{grid-template-columns:1fr;gap:20px}.materials-video-library .material-video-card{padding:16px}}
@media(max-width:359px){.materials-page .materials-video-library{padding:20px}}