.blog-library {
  --ink:#14243a; --muted:#536477; --blue:#2449bd; --rule:#dce2e9;
  --paper:#fff; --soft:#f4f6fa; --accent:#b8341d;
  width:min(1216px,calc(100% - 72px)); margin:0 auto 64px;
  color:var(--ink); font-family:Manrope,system-ui,sans-serif;
}
.blog-library * { box-sizing:border-box }
.blog-library [hidden] { display:none!important }
.blog-library :is(h1,h2,h3,p,ol,ul) { margin:0 }
.blog-library :is(ol,ul) { padding:0; list-style:none }
.blog-library a { color:inherit; text-decoration:none }
.blog-library button { font:inherit; cursor:pointer }
.blog-library :is(a,button,select,summary):focus-visible { outline:2px solid #325adc; outline-offset:2px }
.blog-library :is(h1,h2,h3) { font-family:Montserrat,Manrope,system-ui,sans-serif; letter-spacing:-.035em; line-height:1.13; color:var(--ink) }
.blog-library h2 { font-size:clamp(24px,3.1vw,40px); font-weight:800 }
.mag-visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0 }
.mag-masthead { display:grid; grid-template-columns:auto 1fr minmax(270px,350px); gap:25px; align-items:center; border-bottom:1px solid var(--rule); padding:10px 0; position:relative; z-index:4 }
.mag-mark { color:var(--accent); font-size:11px; letter-spacing:.1em; text-transform:uppercase; font-weight:850; padding-right:21px; border-right:1px solid var(--rule) }
.mag-nav { display:flex; gap:22px; align-items:center }
.mag-nav a { color:#4b5e75; font-size:14px; font-weight:760; padding:11px 0; line-height:1.4; white-space:nowrap }
.mag-nav a[aria-current=page] { color:var(--blue); box-shadow:inset 0 -2px var(--blue) }
.mag-nav a:hover { color:var(--blue) }
.mag-search { position:relative; min-width:0 }
.mag-search-field { display:grid; grid-template-columns:19px minmax(0,1fr) auto; gap:9px; align-items:center; padding:2px 3px 2px 12px; border:1px solid #d6e0ef; border-radius:9px; background:#f5f7fa; color:var(--blue) }
.mag-search-field:focus-within { border-color:#4265c7; box-shadow:0 0 0 2px #4265c733; background:#fff }
.mag-search .mag-search-field input { appearance:none; border:0; border-radius:0; outline:none; box-shadow:none; background:transparent; color:var(--ink); font:inherit; font-size:16px; width:100%; min-width:0; padding:6px 0; min-height:38px }
.mag-search input::placeholder { color:#596c82; font-size:14px }
.mag-search button { min-height:34px; padding:0 10px; border:0; border-radius:6px; background:#e8eeff; color:#2043ad; font-size:13px; font-weight:850 }
.mag-search button:hover { color:#fff; background:#2449bd }
.blog-library .mag-primary,.mag-more button,.mag-empty button {
  display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:9px 15px; min-height:44px;
  color:#fff; background:var(--blue); border:1px solid var(--blue); border-radius:6px; font-size:14px; font-weight:800; white-space:nowrap;
}
.mag-primary:hover,.mag-more button:hover,.mag-empty button:hover { background:#17378f }
.mag-suggestions { position:absolute; z-index:6; inset:calc(100% + 6px) 0 auto; padding:9px; background:white; border:1px solid var(--rule); border-radius:9px; box-shadow:0 16px 36px #24375324 }
.mag-suggestions a { display:block; font-size:14px; line-height:1.35; padding:9px; border-radius:5px }
.mag-suggestions a:hover,.mag-suggestions a:focus-visible { background:#eef3ff }
.mag-suggestions small { display:block; color:var(--muted); margin-top:3px }
.mag-suggestions p { font-size:13px; color:var(--muted); padding:6px 9px }
.mag-intro { max-width:850px; padding:43px 0 26px }
.mag-kicker { color:var(--accent); font-size:11px; letter-spacing:.095em; text-transform:uppercase; font-weight:850; line-height:1.4 }
.mag-issue { display:inline-flex; align-items:center; gap:8px }
.mag-issue::before { content:""; background:var(--accent); width:19px; height:2px }
.blog-library h1 { font-size:clamp(38px,5.55vw,76px); font-weight:850; letter-spacing:-.055em; margin:8px 0 11px; line-height:1.02 }
.mag-intro > p:last-child,.mag-section-hero > div > p:not(.mag-kicker) { color:var(--muted); font-size:clamp(15px,1.8vw,19px); line-height:1.55; max-width:63ch }
.mag-break { display:none }
.mag-front { display:grid; grid-template-columns:minmax(0,1.85fr) minmax(310px,1fr); gap:28px; align-items:start }
.mag-feature { display:block; background:#f5f7fb; border:1px solid var(--rule); border-radius:12px; overflow:hidden }
.mag-feature-image { position:relative; aspect-ratio:2.45; background:#e0e7f8 }
.mag-feature-image img,.mag-story-image img,.mag-card-image img { width:100%; height:100%; object-fit:cover; display:block }
.mag-feature-image span { position:absolute; bottom:12px; left:15px; background:#fff; color:var(--blue); font-weight:850; font-size:12px; border-radius:4px; padding:5px 9px }
.mag-feature-body { display:flex; justify-content:space-between; align-items:center; gap:10px; padding:17px 20px 19px }
.mag-feature h2 { font-size:clamp(24px,3.2vw,42px); margin-bottom:6px }
.mag-feature p { font-size:14px; color:var(--muted); line-height:1.5; max-width:62ch }
.mag-feature-arrow { font-size:24px; color:var(--blue); flex:none; width:39px; height:39px; border-radius:50%; border:1px solid #c5d2ea; display:grid; place-items:center }
.mag-editors h2 { font-size:19px; padding:4px 0 10px; border-bottom:1px solid var(--rule) }
.mag-story { display:grid; grid-template-columns:minmax(92px,31%) minmax(0,1fr); gap:12px; align-items:start; padding:14px 0; border-bottom:1px solid var(--rule) }
.mag-story-image { aspect-ratio:1.25; overflow:hidden; border-radius:7px; background:#edf2fa }
.mag-story h3 { font-size:clamp(15px,1.55vw,20px); margin:5px 0 8px; line-height:1.22 }
.mag-story-time { color:var(--muted); font-size:12px }
.mag-story-time span { color:var(--blue); margin-left:7px }
.mag-feature:hover h2,.mag-story:hover h3,.mag-direction:hover h3,.mag-card:hover h3 { color:var(--blue) }
.mag-directions,.mag-start { margin-top:36px }
.mag-directions h2,.mag-start h2 { font-size:clamp(22px,2.3vw,32px); margin-bottom:13px }
.mag-direction-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px }
.mag-direction { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(90px,1fr); min-height:165px; overflow:hidden; border:1px solid var(--rule); border-radius:10px }
.mag-marketing { background:#fff2e9 }
.mag-ai { background:#eef1ff }
.mag-direction > div { padding:17px }
.mag-direction h3 { font-size:clamp(17px,2.15vw,29px); margin:5px 0 6px }
.mag-direction p:not(.mag-kicker) { color:var(--muted); font-size:13px; line-height:1.4 }
.mag-direction img,.mag-section-hero img { width:100%; height:100%; object-fit:cover; display:block }
.mag-textlink { display:inline-block; color:var(--blue); font-weight:800; font-size:13px; margin-top:12px }
.mag-crumbs { display:flex; gap:8px; font-size:13px; color:var(--muted); margin:20px 0 12px }
.mag-crumbs a { color:var(--blue); text-decoration:underline }
.mag-section-hero { display:grid; grid-template-columns:1.05fr 1fr; border:1px solid var(--rule); overflow:hidden; border-radius:12px; min-height:310px }
.mag-section-hero > div { padding:clamp(22px,4vw,46px); align-self:center }
.mag-section-hero h1 { font-size:clamp(34px,4.6vw,61px) }
.mag-section-hero .mag-primary { margin-top:19px }
.mag-start ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule) }
.mag-start li+li { border-left:1px solid var(--rule) }
.mag-start li a { min-height:92px; padding:13px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 10px }
.mag-start li a:hover { background:#f5f8ff }
.mag-start strong { font-size:15px; color:var(--blue) }
.mag-start li span { grid-row:2; color:var(--muted); font-size:13px; line-height:1.45 }
.mag-start b { grid-column:2; grid-row:1 / 3; color:var(--blue) }
.mag-course,.mag-telegram { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:19px 24px; border-radius:10px; margin-top:27px }
.mag-course { border:1px solid #c5d4f2; background:#eff4ff }
.mag-course h2,.mag-telegram h2 { font-size:clamp(21px,2.4vw,32px); margin:4px 0 5px }
.mag-course p:not(.mag-kicker),.mag-telegram p:not(.mag-kicker) { font-size:14px; line-height:1.5; color:var(--muted) }
.mag-telegram { color:#fff; background:#162b4c; margin-top:34px }
.mag-telegram h2,.mag-telegram p:not(.mag-kicker) { color:#f0f5ff }
.mag-telegram .mag-kicker { color:#b7cafa }
.mag-telegram .mag-primary { background:#eef3ff; color:#163471; border-color:#eef3ff }
.mag-telegram .mag-primary:hover { background:#d9e5ff }
.mag-anchor,#katalog { scroll-margin-top:108px }
.mag-anchor { display:block; height:0 }
.mag-archive { margin-top:44px }
.mag-archive-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:12px; border-bottom:1px solid var(--rule) }
.mag-archive-head h2 { font-size:clamp(27px,3vw,36px) }
#library-results-heading:focus { outline:none }
#library-result-count,#library-filter-context { font-size:13px; font-weight:720; color:var(--muted); overflow-wrap:anywhere }
#library-filter-context { margin-top:5px }
.mag-filters,.mag-topic-field { display:flex; align-items:center; gap:12px }
.mag-filters { flex:none }
.mag-topic-field label { color:var(--muted); font-size:13px; font-weight:750 }
.mag-topic-select { position:relative; color:var(--blue) }
.mag-topic-select select { appearance:none; width:202px; min-height:42px; border:1px solid #d6e0ef; border-radius:8px; padding:0 33px 0 12px; background:#f5f7fa; color:var(--ink); font:inherit; font-size:14px; font-weight:800; cursor:pointer }
.mag-topic-select select:hover { background:#edf2ff }
.mag-topic-select svg { position:absolute; right:12px; top:50%; transform:translateY(-50%); pointer-events:none }
#library-result-count { min-width:94px; text-align:right; font-variant-numeric:tabular-nums }
.blog-library .mag-reset { background:transparent; border:0; color:var(--blue); padding:5px 8px; min-height:36px; border-radius:5px; font-size:13px; font-weight:800 }
.mag-reset:hover { background:#edf2ff }
.mag-result-controls { display:flex; flex-wrap:wrap; align-items:center; gap:3px; margin-top:5px }
.mag-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:15px }
.mag-card { min-width:0; border:1px solid var(--rule); border-radius:10px; overflow:hidden }
.mag-card-link { display:flex; height:100%; flex-direction:column }
.mag-card-image { aspect-ratio:1.92; overflow:hidden; background:#edf1f8 }
.mag-card-body { flex:1; padding:13px 15px 14px; position:relative }
.mag-meta { display:flex; flex-wrap:wrap; gap:8px; color:var(--muted); font-size:11px; font-weight:750 }
.mag-meta .library-tag { color:var(--blue) }
.mag-card h3 { font-size:clamp(16px,1.6vw,21px); line-height:1.22; margin:6px 0 }
.mag-card .library-description { color:var(--muted); font-size:13px; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; padding-right:19px }
.mag-card-arrow { position:absolute; bottom:13px; right:13px; color:var(--blue); font-size:17px }
.mag-card:hover { border-color:#92a9de; background:#fbfcff }
.mag-card:focus-within { outline:2px solid #325adc; outline-offset:2px }
.mag-more,.mag-empty { margin-top:18px; text-align:center; padding:17px; background:#f5f7fb; border-radius:8px }
.mag-more p,.mag-empty p { font-size:13px; color:var(--muted); margin:5px 0 9px }
.mag-empty a { display:inline-block; color:var(--blue); font-weight:800; margin-left:8px }
.mag-fallback summary { cursor:pointer; font-weight:800; color:var(--blue); padding:12px 0 }
.mag-resources { margin-top:38px; padding:22px 25px 24px; border:1px solid var(--rule); border-radius:12px; background:var(--soft) }
.mag-resources h2 { font-size:clamp(23px,2.5vw,32px); margin-bottom:16px }
.mag-resource-grid { display:grid; grid-template-columns:minmax(0,1.75fr) minmax(0,1fr); gap:24px }
.mag-resource-tool { border-left:1px solid var(--rule); padding-left:24px }
.mag-resources h3 { font-size:17px }
.mag-resources p { margin:4px 0 9px; color:var(--muted); font-size:13px; line-height:1.45 }
.mag-resource-hub ul { display:grid; grid-template-columns:1fr 1fr; column-gap:16px }
.mag-resources a { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:6px 7px; min-height:37px; border-radius:6px; color:var(--ink); font-size:14px; font-weight:720; line-height:1.4 }
.mag-resources a span { color:var(--blue) }
.mag-resources a:hover { color:var(--blue); background:#e8eeff }
@media (max-width:960px) {
  .blog-library { width:calc(100% - 40px) }
  .mag-masthead { gap:15px; grid-template-columns:1fr minmax(240px,325px) }
  .mag-mark { display:none }
  .mag-front { grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr); gap:16px }
}
@media (max-width:720px) {
  .blog-library { width:calc(100% - 32px) }
  .mag-masthead { grid-template-columns:1fr; gap:8px; padding:5px 0 12px }
  .mag-nav { justify-content:start; gap:clamp(9px,3vw,20px); flex-wrap:wrap }
  .mag-nav a { font-size:12px; padding:8px 0 }
  .mag-intro { padding:24px 0 17px }
  .blog-library h1 { font-size:clamp(37px,10vw,55px) }
  .mag-front { grid-template-columns:1fr; gap:19px }
  .mag-feature-image { aspect-ratio:1.82 }
  .mag-feature-body { padding:13px }
  .mag-feature h2 { font-size:24px }
  .mag-editors h2 { font-size:19px }
  .mag-story { padding:10px 0; grid-template-columns:90px 1fr }
  .mag-story-image { aspect-ratio:1.52 }
  .mag-direction-grid,.mag-section-hero { grid-template-columns:1fr }
  .mag-direction { min-height:128px; grid-template-columns:minmax(0,1.6fr) minmax(85px,1fr) }
  .mag-direction > div { padding:12px }
  .mag-directions,.mag-start { margin-top:24px }
  .mag-section-hero img { aspect-ratio:2.3 }
  .mag-start ol { grid-template-columns:1fr }
  .mag-start li+li { border-left:0; border-top:1px solid var(--rule) }
  .mag-start li a { min-height:65px; padding:10px 0 }
  .mag-course,.mag-telegram { align-items:flex-start; flex-direction:column; padding:15px; gap:12px }
  .mag-archive { margin-top:30px }
  .mag-archive-head { display:grid; gap:8px; padding-bottom:10px }
  .mag-filters { justify-content:space-between; gap:7px }
  .mag-topic-field label { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap }
  .mag-topic-select select { width:clamp(185px,54vw,205px); font-size:13px; padding-left:9px; padding-right:25px }
  .mag-topic-select svg { right:8px }
  #library-result-count { min-width:0; font-size:12px }
  .mag-resources { margin-top:26px; padding:15px }
  .mag-resources h2 { margin-bottom:13px }
  .mag-resource-grid { grid-template-columns:1fr; gap:14px }
  .mag-resource-tool { border-left:0; border-top:1px solid var(--rule); padding:14px 0 0 }
  .mag-resource-hub ul { column-gap:8px }
  .mag-resources a { min-height:44px; padding-inline:4px; font-size:13px }
  .mag-anchor,#katalog { scroll-margin-top:75px }
  .mag-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px }
  .mag-card-body { padding:9px }
  .mag-card h3 { font-size:15px }
  .mag-card .library-description { font-size:12px; padding-right:0; -webkit-line-clamp:3 }
  .mag-card-arrow { display:none }
  .mag-meta { font-size:10px; gap:4px 6px }
}
@media (max-width:365px) {
  .mag-nav { gap:9px }
  .mag-grid { grid-template-columns:1fr }
  .mag-card-image { aspect-ratio:2.1 }
}