/* Document library. Names, taxonomy, covers and files are read from the original CMS. */
.mdc { --mdc-bg:#070708; --mdc-surface:#151619; --mdc-soft:#1e1f23; --mdc-cover:#26272a; --mdc-ink:#f6f6f7; --mdc-muted:#b1b3bc; --mdc-line:#ffffff24; --mdc-red:#ed204f; --mdc-hero:#141316; background:var(--mdc-bg); color:var(--mdc-ink); font:400 14px/1.7 Inter,Arial,sans-serif; -webkit-font-smoothing:antialiased; }
html[data-meduc-theme="light"] .mdc { --mdc-bg:#fff; --mdc-surface:#fff; --mdc-soft:#f3f3f5; --mdc-cover:#eeedeb; --mdc-ink:#1c1e24; --mdc-muted:#666d78; --mdc-line:#e1e3e8; --mdc-red:#bd263a; --mdc-hero:#f6f5f2; }
.mdc *,.mdc *::before,.mdc *::after { box-sizing:border-box; }
.mdc [hidden] { display:none!important; }
.mdc .mdc-shell { width:min(83.333333%,1440px); margin-inline:auto; }
.mdc h1,.mdc h2,.mdc h3,.mdc p { color:inherit; }
.mdc a { color:inherit; text-decoration:none; }
.mdc svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }
.mdc .mdc-symbols { position:absolute; width:0; height:0; overflow:hidden; }
.mdc a:focus,.mdc button:focus,.mdc select:focus { outline:none!important; }
.mdc a:focus-visible,.mdc button:focus-visible,.mdc select:focus-visible { outline:2px solid var(--mdc-red)!important; outline-offset:4px; }
.mdc .mdc-eyebrow { margin:0 0 18px; color:var(--mdc-red); font:700 10px/1.5 Inter,Arial,sans-serif; letter-spacing:.14em; }
.mdc-hero { overflow:hidden; background:var(--mdc-hero); }
.mdc-hero-inner { display:grid; grid-template-columns:1.1fr 1fr; align-items:center; gap:70px; padding-block:56px 58px; }
.mdc h1 { margin:0; font:400 clamp(48px,4.7vw,76px)/1.16 Anton,Impact,sans-serif; letter-spacing:-.01em; text-wrap:balance; }
.mdc h1 span { display:block; color:var(--mdc-red); }
.mdc .mdc-intro { max-width:455px; margin:23px 0 27px; color:var(--mdc-muted); font-size:14px; line-height:1.85; }
.mdc .mdc-button { display:inline-flex; align-items:center; justify-content:space-between; gap:25px; min-height:48px; padding:12px 20px; border:0; border-radius:6px; background:#e8234f; color:#fff; font:600 13px/1.5 Inter,Arial,sans-serif; cursor:pointer; transition:filter .2s; }
html[data-meduc-theme="light"] .mdc .mdc-button { background:#de2334; }
.mdc .mdc-button:hover { color:#fff; filter:brightness(1.12); }
.mdc-button>span { font-size:21px; line-height:1; }
.mdc .mdc-total { margin:17px 0 0; color:var(--mdc-muted); font-size:10px; }
.mdc-total strong { color:var(--mdc-ink); font-weight:600; }
.mdc-total>span { margin-inline:9px; opacity:.4; }
.mdc-hero-art { position:relative; min-width:0; padding:26px 0; }
.mdc-art-label { display:block; margin-bottom:17px; color:var(--mdc-muted); font-size:9px; font-weight:600; letter-spacing:.19em; }
.mdc-paper-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding-right:24px; }
.mdc-paper-grid>a { position:relative; display:flex; align-items:center; justify-content:center; height:176px; padding:15px 18px 27px; border-radius:6px; background:var(--mdc-cover); overflow:hidden; }
.mdc-paper-grid>a:nth-child(even) { transform:translateY(20px); }
.mdc-paper-grid img { width:100%; height:100%; object-fit:contain; filter:drop-shadow(3px 5px 5px #0003); transition:transform .3s ease; }
.mdc-paper-grid a:hover img { transform:scale(1.05); }
.mdc-paper-grid a>span { position:absolute; bottom:8px; left:12px; color:var(--mdc-muted); font-size:9px; }
.mdc-art-note { position:absolute; right:-12px; bottom:-2px; display:flex; align-items:center; gap:12px; padding:13px 17px; border:1px solid var(--mdc-line); border-radius:5px; background:var(--mdc-surface); color:var(--mdc-ink); font:600 9px/1.7 Inter,Arial,sans-serif; letter-spacing:.07em; }
.mdc-art-note svg { width:26px; height:26px; color:var(--mdc-red); }
.mdc-hero--category .mdc-hero-inner { display:block; padding-block:40px 45px; }
.mdc-hero--category h1 { font-size:clamp(42px,4.5vw,64px); }
.mdc .mdc-back { display:block; margin-bottom:20px; color:var(--mdc-muted); font-size:12px; }
.mdc .mdc-back:hover { color:var(--mdc-red); }
.mdc-hero--category .mdc-intro { max-width:640px; }
.mdc-paths { position:sticky; z-index:1000; top:var(--mhi-header-h,66px); padding:2px 0; background:var(--mdc-bg); box-shadow:0 1px 0 var(--mdc-line); }
.mdc-path-intro { padding-top:35px; }
.mdc-path-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:17px; }
.mdc-path-heading .mdc-eyebrow { margin:0; color:var(--mdc-muted); font-size:9px; }
.mdc-path-heading>a { display:inline-flex; align-items:center; gap:10px; font-size:11px; }
.mdc-path-heading>a:hover { color:var(--mdc-red); }
.mdc-path-heading svg { width:17px; height:17px; }
.mdc-year-grid { position:relative; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.mdc .mdc-year { display:flex; align-items:center; gap:17px; padding:21px 18px; border:1px solid var(--mdc-line); border-radius:7px; transition:background .2s,border-color .2s; }
.mdc .mdc-year:hover,.mdc .mdc-year[aria-current] { border-color:var(--mdc-red); background:var(--mdc-soft); }
.mdc-year-number { color:var(--mdc-red); font:400 32px/1 Anton,Impact,sans-serif; }
.mdc-year strong { display:block; font-size:12px; font-weight:600; }
.mdc-year small { display:block; margin-top:3px; color:var(--mdc-muted); font-size:10px; }
.mdc-year>svg { flex:none; width:17px; height:17px; margin-left:auto; color:var(--mdc-muted); }
.mdc-library { padding-block:60px 75px; border-top:1px solid var(--mdc-line); scroll-margin-top:calc(var(--mhi-header-h,66px) + var(--mdc-paths-h,84px) + 22px); }
.mdc-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:55px; }
.mdc h2 { margin:0; font:400 clamp(40px,4vw,61px)/1.17 Anton,Impact,sans-serif; letter-spacing:-.01em; }
.mdc h2 span { color:var(--mdc-red); }
.mdc-heading>p { flex:0 0 300px; margin:0 0 5px; color:var(--mdc-muted); font-size:13px; line-height:1.9; }
.mdc-tools { display:grid; grid-template-columns:minmax(200px,1fr) 220px 155px; align-items:end; gap:16px; margin-top:35px; }
.mdc-search { display:flex; align-items:center; gap:12px; min-height:48px; margin:0; padding:0 14px; border:1px solid transparent; border-radius:6px; background:var(--mdc-soft); }
.mdc-search:focus-within { border-color:var(--mdc-red); }
.mdc-search svg { flex:none; color:var(--mdc-muted); }
.mdc-search input { min-width:0; width:100%; height:46px; padding:0; border:0; background:transparent; color:var(--mdc-ink); font:400 13px/1.5 Inter,Arial,sans-serif; }
.mdc .mdc-search input:focus,.mdc .mdc-search input:focus-visible { outline:none!important; box-shadow:none!important; }
.mdc-search input::placeholder { color:var(--mdc-muted); }
.mdc-search input::-webkit-search-cancel-button { display:none; }
.mdc-search button { flex:none; width:25px; height:25px; padding:0; border:0; border-radius:50%; background:var(--mdc-surface); color:var(--mdc-muted); font:400 20px/1 Inter,Arial,sans-serif; cursor:pointer; }
.mdc-select { display:flex; flex-direction:column; gap:6px; min-width:0; margin:0; color:var(--mdc-muted); font-size:10px; }
.mdc-select select { width:100%; min-height:48px; padding:10px 28px 10px 12px; border:1px solid var(--mdc-line); border-radius:6px; background:var(--mdc-surface); color:var(--mdc-ink); font:400 12px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mdc-catalog-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:30px; margin:22px 0 20px; font-size:11px; }
.mdc-catalog-bar p { margin:0; color:var(--mdc-muted); }
.mdc .mdc-reset { display:flex; align-items:center; gap:10px; padding:4px 0; border:0; background:transparent; color:var(--mdc-red); font:500 11px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mdc-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px 20px; }
.mdc-card { display:flex; flex-direction:column; min-width:0; overflow:hidden; border:1px solid var(--mdc-line); border-radius:8px; background:var(--mdc-surface); transition:border-color .2s; }
.mdc-card:hover { border-color:color-mix(in srgb,var(--mdc-red) 50%,var(--mdc-line)); }
.mdc-cover { position:relative; display:flex; align-items:center; justify-content:center; height:250px; padding:38px 30px 30px; background:var(--mdc-cover); overflow:hidden; isolation:isolate; }
.mdc-cover img { position:relative; width:100%; height:100%; object-fit:contain; filter:drop-shadow(4px 7px 5px #0003); transition:transform .3s ease; }
.mdc-cover:hover img { transform:scale(1.04); }
.mdc-cover-fallback { position:absolute; z-index:-1; inset:40px 30px 30px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; color:var(--mdc-muted); font-size:13px; text-align:center; }
.mdc-cover-fallback>svg { width:45px; height:45px; color:var(--mdc-red); }
.mdc-cover:has(img) .mdc-cover-fallback { display:none; }
.mdc-year-badge { position:absolute; top:12px; left:12px; padding:4px 8px; border-radius:3px; background:var(--mdc-surface); color:var(--mdc-ink); font:600 9px/1.5 Inter,Arial,sans-serif; }
.mdc-format { position:absolute; bottom:10px; right:12px; color:var(--mdc-muted); font:700 9px/1.4 Inter,Arial,sans-serif; letter-spacing:.08em; }
.mdc-card-body { display:flex; flex:1; flex-direction:column; min-width:0; padding:22px; }
.mdc .mdc-card-subject { margin:0 0 8px; color:var(--mdc-red); font:600 10px/1.5 Inter,Arial,sans-serif; }
.mdc h3 { margin:0 0 12px; font:600 17px/1.5 Inter,Arial,sans-serif; letter-spacing:-.025em; }
.mdc h3 a { display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; transition:color .2s; }
.mdc h3 a:hover { color:var(--mdc-red); }
.mdc .mdc-summary { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin:0 0 22px; color:var(--mdc-muted); font-size:12px; line-height:1.8; }
.mdc-meta { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:7px; margin-top:auto; padding-bottom:18px; color:var(--mdc-muted); font-size:10px; }
.mdc-meta>span { display:flex; align-items:center; gap:7px; }
.mdc-meta svg { width:15px; height:15px; }
.mdc-card-link { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-top:15px; border-top:1px solid var(--mdc-line); color:var(--mdc-red)!important; font-size:12px; font-weight:600; }
.mdc-card-link:hover { filter:brightness(1.18); }
.mdc-card-link svg { width:19px; height:19px; transition:transform .2s; }
.mdc-card-link:hover svg { transform:translateX(3px); }
.mdc-more { display:flex; align-items:center; justify-content:center; gap:35px; min-height:47px; margin:32px auto 0; padding:10px 22px; border:1px solid var(--mdc-line); border-radius:5px; background:var(--mdc-surface); color:var(--mdc-ink); font:600 12px/1.5 Inter,Arial,sans-serif; cursor:pointer; }
.mdc-more:hover { border-color:var(--mdc-red); color:var(--mdc-red); }
.mdc-empty { padding:60px 25px; border:1px dashed var(--mdc-line); border-radius:8px; text-align:center; }
.mdc-empty>svg { width:36px; height:36px; margin-bottom:20px; color:var(--mdc-muted); }
.mdc-empty h3 { margin-bottom:8px; font-size:21px; }
.mdc-empty p { margin:0 0 25px; color:var(--mdc-muted); font-size:13px; }
.mdc-next { padding-block:60px; background:var(--mdc-hero); }
.mdc-next-inner { display:flex; align-items:center; justify-content:space-between; gap:60px; }
.mdc-next p:not(.mdc-eyebrow) { max-width:455px; margin:19px 0 0; color:var(--mdc-muted); font-size:13px; line-height:1.85; }
.mdc-next .mdc-button { flex:none; }
.mdc-noscript { display:flex; flex-wrap:wrap; gap:20px; margin-top:30px; }
.mdc-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 (min-width:1700px) { .mdc-cover { height:290px; } .mdc-paper-grid>a { height:200px; } }
@media (max-width:1100px) { .mdc-hero-inner { gap:35px; } .mdc h1 { font-size:clamp(42px,5.1vw,58px); } .mdc-paper-grid>a { height:160px; } .mdc-year-grid { gap:10px; } .mdc .mdc-year { gap:12px; padding:19px 14px; } .mdc-year>svg { display:none; } .mdc-heading>p { flex-basis:240px; } .mdc-tools { grid-template-columns:minmax(200px,1fr) 190px 145px; gap:12px; } .mdc-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:760px) { .mdc .mdc-shell { width:calc(100% - 40px); } .mdc-hero-inner { grid-template-columns:1fr; gap:30px; padding-block:40px 38px; } .mdc h1 { font-size:clamp(41px,8vw,61px); } .mdc .mdc-intro { max-width:550px; font-size:13px; } .mdc-hero-art { max-width:480px; width:100%; justify-self:center; padding-block:5px 25px; } .mdc-art-label { display:none; } .mdc-paper-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:0; } .mdc-paper-grid>a { height:130px; padding:10px 8px 26px; } .mdc-paper-grid>a:nth-child(even) { transform:translateY(12px); } .mdc-paper-grid a>span { font-size:8px; left:9px; } .mdc-art-note { display:none; } .mdc-path-intro { padding-top:27px; } .mdc-path-heading { gap:10px; } .mdc-path-heading .mdc-eyebrow { font-size:8px; letter-spacing:.08em; } .mdc-path-heading>a { flex:none; font-size:10px; gap:7px; } .mdc-year-grid { grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:minmax(150px,44%); overflow-x:auto; scrollbar-width:none; scroll-snap-type:x proximity; padding-block:1px; } .mdc-year-grid::-webkit-scrollbar { display:none; } .mdc .mdc-year { scroll-snap-align:start; } .mdc .mdc-year:focus-visible { outline-offset:-3px; } .mdc .mdc-year { padding:12px 14px; gap:13px; } .mdc-year>svg { display:block; } .mdc-year-number { font-size:29px; } .mdc-year strong { font-size:11px; } .mdc-library { padding-block:40px 50px; } .mdc-heading { flex-direction:column; align-items:flex-start; gap:20px; } .mdc h2 { font-size:clamp(38px,7vw,53px); } .mdc-heading>p { flex-basis:auto; max-width:450px; font-size:12px; } .mdc-tools { grid-template-columns:1.2fr 1fr; gap:14px; margin-top:26px; } .mdc-search { grid-column:1/-1; } .mdc-select { font-size:10px; } .mdc-next-inner { flex-direction:column; align-items:flex-start; gap:28px; } .mdc-next { padding-block:45px; } }
@media (max-width:520px) { .mdc-grid { grid-template-columns:1fr; gap:20px; } .mdc-cover { height:255px; padding:38px 33px 28px; } .mdc h3 { font-size:17px; } .mdc-card-body { padding:21px; } .mdc-hero-copy .mdc-eyebrow { font-size:9px; } .mdc-paper-grid>a { height:112px; } .mdc-paper-grid a>span { font-size:7px; left:7px; } .mdc-total { line-height:1.8; } .mdc .mdc-total { font-size:9px; } .mdc-year>svg { display:none; } .mdc-catalog-bar { gap:8px; font-size:10px; } .mdc .mdc-reset { font-size:10px; } }
@media (max-width:379px) { .mdc .mdc-shell { width:calc(100% - 28px); } .mdc h1 { font-size:37px; } .mdc h2 { font-size:35px; } .mdc .mdc-year { gap:12px; padding:16px 12px; } }
@media (prefers-reduced-motion:reduce) { .mdc * { transition:none!important; scroll-behavior:auto!important; } }