/* Only the article catalog's introductory hero; existing library and readers untouched. */
.modus-interior .articles-hero.library-hero{box-sizing:border-box;display:flex;align-items:center;isolation:isolate;min-height:440px;margin-inline:-5.555556%;padding:56px 5.555556% 70px;overflow:hidden;border:0;background:#001d1a}
.modus-interior .library-hero .library-hero-copy{position:relative;z-index:2;max-width:660px;min-width:0}
.modus-interior .library-hero .eyebrow{margin:0 0 18px;font-size:12px;letter-spacing:.22em;color:#ffe82b}
.modus-interior .library-hero h1{font-size:clamp(38px,4.3vw,64px);font-weight:400;line-height:1.12;letter-spacing:-.035em;margin:0 0 22px;color:#f5faf7;text-wrap:balance}
.modus-interior .library-hero h1 em{color:#ffe82b;font:inherit}
.modus-interior .library-hero .library-hero-copy>p:not(.eyebrow){max-width:48ch;font-size:17px;line-height:1.75;color:#f5faf7;margin:0 0 26px;text-wrap:pretty}
.modus-interior .library-hero .articles-landscape{position:absolute;inset:0;opacity:1;z-index:0;background:none}
.modus-interior .library-hero .articles-landscape img{width:100%;height:100%;object-fit:cover;object-position:center 43%;display:block}
.modus-interior .library-hero .articles-landscape::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#001a19fa 0%,#001a19e8 30%,#001a1955 65%,#001a1933),linear-gradient(0deg,#001a19,transparent 42%)}
.modus-interior .library-hero .library-hero-wave{position:absolute;z-index:1;right:-4%;bottom:8px;width:77%;height:145px;object-fit:fill;opacity:.86;pointer-events:none}
.modus-interior .library-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.modus-interior .library-hero-actions a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:44px;padding:12px 24px;border:1px solid #f5faf7;border-radius:999px;font:600 15px/1.5 Manrope,'DM Sans',sans-serif;text-align:center;text-decoration:none;color:#f5faf7;background:#001d1ab3;white-space:normal}
.modus-interior .library-hero-actions .library-hero-primary{background:#ffe82b;border-color:#ffe82b;color:#07231c;box-shadow:0 0 20px #ffe82b25}
.modus-interior .library-hero-actions a:hover{text-decoration:underline;text-underline-offset:4px}
.modus-interior .library-hero-actions a:focus-visible{outline:3px solid #fff;outline-offset:5px}
#learningOverviewTitle{scroll-margin-top:24px}
@media(max-width:760px){.modus-interior .articles-hero.library-hero{min-height:440px;padding-block:38px 80px}.modus-interior .library-hero h1{font-size:clamp(36px,6.5vw,48px)}.modus-interior .library-hero .library-hero-copy>p:not(.eyebrow){font-size:16px}.modus-interior .library-hero .articles-landscape img{object-position:62% center}.modus-interior .library-hero .articles-landscape::after{background:linear-gradient(90deg,#001a19ee,#001a19a8),linear-gradient(0deg,#001a19,transparent 45%)}.modus-interior .library-hero .library-hero-wave{width:120%;right:-23%;height:95px;bottom:2px}.modus-interior .library-hero-actions{gap:12px}.modus-interior .library-hero-actions a{font-size:14px;padding-inline:20px}}
@media(max-width:400px){.modus-interior .library-hero-actions{align-items:stretch;flex-direction:column}.modus-interior .library-hero-actions a{width:100%}}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior .articles-hero.library-hero{background:var(--bg)}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior .library-hero .articles-landscape,html:is([data-theme=readable],[data-theme=contrast]) .modus-interior .library-hero .library-hero-wave{display:none}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior .library-hero :is(h1,h1 em,.eyebrow,.library-hero-copy>p){color:var(--ink)!important}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior .library-hero-actions a{background:var(--panel);color:var(--ink);border-color:var(--ink);box-shadow:none}
html:is([data-theme=readable],[data-theme=contrast]) .modus-interior .library-hero-actions a:focus-visible{outline-color:var(--ink)}
@media(forced-colors:active){.modus-interior .library-hero :is(.articles-landscape,.library-hero-wave){display:none}.modus-interior .articles-hero.library-hero{background:Canvas}.modus-interior .library-hero :is(h1,h1 em,p){color:CanvasText!important}}