/* Materials index only: article pages retain their own reading layout. */
.materials-library{padding-bottom:64px;border-bottom:1px solid var(--line)}
.materials-library .wrap{width:min(1360px,calc(100% - 2 * var(--page-gutter,48px)))}
.library-hero{position:relative;isolation:isolate;background:#5E8C76;color:#FAFAFA}
.library-hero::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#0005,#000)}
.materials-library .library-intro{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(48px,9vw,140px);align-items:center;padding-block:96px}
.materials-library h1{font-size:clamp(36px,3.6vw,60px);line-height:1.12;letter-spacing:var(--type-heading-tracking);color:inherit}
.materials-library .library-description{font-size:var(--type-lead);line-height:1.55;letter-spacing:var(--type-body-tracking);margin:0;color:inherit;max-width:440px}
.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:56px}
.library-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-width:0;min-height:384px;padding:32px;border-radius:32px;background:var(--white);text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .3s cubic-bezier(.22,1,.36,1)}
.library-card-top{display:flex;align-items:center;gap:6px;margin-bottom:32px}
.library-icon{display:block;width:16px;height:16px;flex:none;background:#9298A4;mask:var(--library-icon) center/contain no-repeat;-webkit-mask:var(--library-icon) center/contain no-repeat}
.library-topic{font-size:13px;line-height:1.4;color:#9298A4}
body .materials-library .library-card h2,body .materials-library .library-telegram h2{font-size:var(--type-card);line-height:1.15;letter-spacing:var(--type-heading-tracking);font-weight:600;color:#222}
.library-card>p{font-size:var(--type-body);line-height:1.5;letter-spacing:var(--type-body-tracking);color:#9298A4;margin-top:16px;margin-bottom:40px}
.library-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;margin-top:auto;font-size:14px}
.library-arrow{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:9px;background:#C2CCD6;transition:background-color .3s ease}
.library-arrow img{display:block;width:16px;height:16px}
.library-featured{grid-column:span 2}
.library-featured>:not(.library-featured-art){width:calc(50% - 16px)}
.library-featured-art{position:absolute;inset:0 0 0 50%;z-index:-1;background:#C2CCD6;mask:url('/articles/assets/predictive-ems-hero.svg') left center/auto 100% no-repeat;-webkit-mask:url('/articles/assets/predictive-ems-hero.svg') left center/auto 100% no-repeat;transition:background-color .3s ease}
.library-telegram{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;grid-column:span 2;min-width:0;border-radius:32px;padding:48px;background:#C2CCD6}
.library-telegram::before{content:"";position:absolute;left:48%;top:50%;width:85%;aspect-ratio:1;transform:translateY(-50%);z-index:-1;background:#FAFAFA;opacity:.28;mask:url('/assets/header/brand-pictogram.svg') center/contain no-repeat;-webkit-mask:url('/assets/header/brand-pictogram.svg') center/contain no-repeat}
@keyframes library-brand-spin{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}
@media(prefers-reduced-motion:no-preference){.library-telegram::before{animation:library-brand-spin 90s linear infinite}}
.library-telegram-copy{width:46%;margin-inline:1% 5%;text-align:center}
.library-telegram p{font-size:var(--type-body);line-height:1.5;letter-spacing:var(--type-body-tracking);color:var(--muted);margin:16px 0 24px}
.library-telegram-button{display:inline-flex;align-items:center;justify-content:center;gap:36px;min-height:48px;padding:12px 22px;border-radius:12px;background:#D58924;color:#FAFAFA;font-size:14px;text-decoration:none;transition:background-color .3s ease}
.library-telegram-button:hover{background:#bf751b}
.library-telegram-button img{display:block;flex:none}
.library-card:focus-visible,.library-telegram-button:focus-visible{outline:2px solid #D58924;outline-offset:4px}
.library-card:focus-visible{background:#C2CCD6;color:#272D40}
.library-card:focus-visible .library-arrow,.library-card:focus-visible .library-featured-art{background:#FAFAFA}
@media(hover:hover){.library-card:hover{background:#C2CCD6;color:#272D40}.library-card:hover .library-arrow,.library-card:hover .library-featured-art{background:#FAFAFA}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.library-card:hover{transform:translateY(-3px)}}
@media(max-width:1100px){.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-card{min-height:340px}.library-telegram-copy{width:60%}}
@media(max-width:760px){
  .materials-library{padding-bottom:48px}
  .materials-library .library-intro{grid-template-columns:1fr;gap:24px;padding-block:48px}
  .library-title-break{display:none}
  .library-grid{grid-template-columns:1fr;gap:12px;padding-top:32px}
  .library-card{min-height:320px;padding:28px 24px;border-radius:24px}
  .library-card-top{margin-bottom:24px}
  .library-card>p{margin-bottom:24px}
  .library-featured,.library-telegram{grid-column:auto}
  .library-featured>:not(.library-featured-art){width:auto}
  .library-featured-art{display:none}
  .library-telegram{min-height:320px;padding:36px 24px;border-radius:24px;justify-content:center}
  .library-telegram-copy{width:100%;max-width:310px;margin-inline:0}
  .library-telegram::before{left:25%;width:140%;opacity:.18}
}
@media(prefers-reduced-motion:reduce){.library-card,.library-arrow,.library-featured-art,.library-telegram-button{transition:none}}