/* Skeleton loader styles */
.skeleton {
  background-color: var(--skeleton-bg);
  position: relative;
  overflow: hidden;
}
.skeleton::after {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  height: 100%;
  width: 150%;
  background-image: linear-gradient(90deg, transparent, rgba(255,255,255,.15), transparent);
  animation: skeleton-shimmer 1.6s infinite;
}
@keyframes skeleton-shimmer {
  0% { left: -150%; }
  100% { left: 100%; }
}

/* Lazy-load skeleton overlay: hide content until loaded and display shimmering placeholder */
.lazy-hidden > *:not(.scroll-skeleton) {
  visibility: hidden;
}
.scroll-skeleton {
  /* overlay will be positioned absolutely via JS */
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  box-sizing: border-box;
  pointer-events: none;
}
.skeleton.card {
  border-radius: var(--rad-sm);
  height: 220px;
  margin-bottom: 16px;
}
.skeleton.header {
  height: 36px;
  border-radius: 6px;
  margin-bottom: 16px;
  max-width: 60%;
}
.skeleton.text {
  height: 16px;
  border-radius: 6px;
  margin-bottom: 10px;
  max-width: 100%;
}

/* Card-level lazy loading skeletons are disabled in production cleanup.
   Keeping the selectors neutral prevents stale runtime overlays from leaking into cards. */
.lazy-hidden-card > *:not(.card-skeleton) {
  visibility: visible;
}
.card-skeleton {
  display: none !important;
}

/* === Custom improvements: article progress bar and toast notifications === */
/* Article progress bar */
#art-progress {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: var(--panel-2, var(--color-bg-weak, #1c2333));
  border-radius: 2px;
  overflow: hidden;
  margin-bottom: 12px;
  z-index: 10;
}
#art-progress .bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0%;
  background: var(--primary, var(--color-primary, #6fa8dc));
  transition: width 0.1s linear;
}

/* Toast container and toasts */
#toast-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}
.toast {
  background: var(--panel, rgba(0, 0, 0, 0.8));
  color: var(--txt, #fff);
  padding: 8px 12px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,.3);
  opacity: 0;
  pointer-events: auto;
  animation: toast-show 0.3s forwards;
}
@keyframes toast-show {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Auto-added: ske-done */
.ske-done { animation: none !important; background: transparent !important; }
.ske-done .card-skeleton { display: none !important; }


/* Preserve the existing soft placeholder shimmer during early paint. */
.card,
.kb-card,
.series-card,
.tile,
.item-card,
.course-card {
  position: relative;
}

[data-ready="0"] a,
[data-ready="0"] button,
[data-ready="0"] .btn {
  visibility: hidden !important;
  pointer-events: none !important;
}

[data-ready="0"]::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.05), transparent);
  background-size: 200% 100%;
  animation: nphShimmer 1.2s linear infinite;
}

@keyframes nphShimmer {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}

/* Small app-shell utilities moved out of inline markup in index.html. */
.modal-actions {
  display: flex;
  gap: 8px;
  align-items: center;
}

.progress-bar-fill {
  width: 0%;
}


/* ===== Structural cleanup pass 6: utility classes migrated from inline styles ===== */
.hero-home{margin-top:28px}
.section-gap-top{margin-top:16px}
.chips-flex{display:flex;flex-wrap:wrap;gap:8px}
.kb-controls{position:relative}
.series-controls{margin-bottom:12px}
.infra-topology-title{margin:28px 0 12px}
.infra-topology-panel{padding:18px}
.term-help-panel{padding:16px;margin-top:12px}
.settings-actions{display:flex;gap:8px;flex-wrap:wrap}


/* ===== Structural cleanup pass 7: runtime template utilities ===== */
.card-relative{position:relative;}
.skeleton-loading-block{height:80px;}
.skeleton-hero-block{height:280px;}
.skeleton-kb-cat{height:24px;width:80%;margin-bottom:8px;}
.skeleton-search-input{width:100%;height:40px;margin-bottom:12px;border-radius:6px;}
.skeleton-series-title{width:40%;height:44px;}
.skeleton-series-lead{height:60px;width:80%;}
.skeleton-series-media{height:360px;}
.skeleton-line-40{width:40%;height:20px;}
.skeleton-line-30{width:30%;height:20px;}
.skeleton-line-20{width:20%;height:20px;}
.skeleton-infra-card{height:160px;}
.skeleton-infra-panel{height:280px;margin-top:24px;}
.skeleton-terminal-main{height:260px;}
.skeleton-terminal-help{height:120px;}
.skeleton-new-header{height:32px;width:40%;margin-bottom:16px;}

/* ===== Home pass 14: strict home-only rebuild ===== */
body[data-route-home="1"] .logo .brand {
  display: none;
}

body[data-route-home="1"] .logo {
  gap: 0;
}

body[data-route-home="1"] .cta {
  display: flex;
}

body[data-route-home="1"] #root.container {
  display: block;
}

body[data-route-home="1"] .home14-hero,
body[data-route-home="1"] .home14-section {
  width: min(100%, 1180px);
  margin-inline: auto;
}

body[data-route-home="1"] .home14-hero {
  margin-top: 28px;
  padding: clamp(34px, 4.2vw, 52px);
  border-radius: 30px;
  background:
    linear-gradient(135deg, rgba(42, 69, 114, .94), rgba(83, 44, 98, .9)),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 20px 60px rgba(5, 10, 18, .22), inset 0 1px 0 rgba(255,255,255,.06);
}

body[data-route-home="1"] .home14-hero-copy {
  display: grid;
  gap: 20px;
  max-width: 760px;
}

body[data-route-home="1"] .home14-hero-mark {
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(17, 25, 41, .92), rgba(10, 16, 28, .96));
  border: 1px solid rgba(214, 179, 255, .22);
  color: #d9c0ff;
  box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

body[data-route-home="1"] .home14-hero-mark svg {
  width: 22px;
  height: 22px;
}

body[data-route-home="1"] .home14-hero-title {
  margin: 0;
  max-width: 15ch;
  font-size: clamp(26px, 2.9vw, 38px);
  line-height: 1.06;
  letter-spacing: -.042em;
}

body[data-route-home="1"] .home14-hero-lead {
  margin: 0;
  max-width: 60ch;
  font-size: clamp(17px, 1.45vw, 19px);
  line-height: 1.78;
  color: color-mix(in oklab, var(--txt) 88%, var(--muted) 12%);
}

body[data-route-home="1"] .home14-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-top: 4px;
}

body[data-route-home="1"] .home14-hero-actions .btn {
  min-height: 52px;
  padding-inline: 22px;
  border-radius: 16px;
}

body[data-route-home="1"] .home14-hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 6px;
}

body[data-route-home="1"] .home14-hero-stats span {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 999px;
  background: rgba(11, 17, 28, .24);
  border: 1px solid rgba(255,255,255,.08);
  color: color-mix(in oklab, var(--txt) 86%, var(--muted) 14%);
}

body[data-route-home="1"] .home14-hero-stats strong {
  font-size: 17px;
  line-height: 1;
}

body[data-route-home="1"] .home14-section {
  padding-block: 42px 18px;
}

body[data-route-home="1"] .home14-section + .home14-section {
  padding-top: 34px;
}

body[data-route-home="1"] .home14-section-muted {
  padding-top: 30px;
}

body[data-route-home="1"] .home14-copy {
  display: grid;
  gap: 14px;
  margin-bottom: 24px;
}

body[data-route-home="1"] .home14-copy-tight {
  margin-bottom: 28px;
}

body[data-route-home="1"] .home14-copy-split {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
}

body[data-route-home="1"] .home14-copy-split > div {
  min-width: 0;
}

body[data-route-home="1"] .home14-refresh-route {
  flex: 0 0 auto;
  min-height: 48px;
  border-radius: 15px;
  padding-inline: 18px;
}

body[data-route-home="1"] .home14-section-title {
  margin: 0;
  max-width: 22ch;
  font-size: clamp(22px, 2.1vw, 30px);
  line-height: 1.16;
  letter-spacing: -.03em;
}

body[data-route-home="1"] .home14-section-title-small {
  max-width: none;
  font-size: clamp(22px, 2vw, 30px);
}

body[data-route-home="1"] .home14-section-lead {
  margin: 0;
  max-width: 66ch;
  font-size: clamp(16px, 1.35vw, 18px);
  line-height: 1.82;
  color: color-mix(in oklab, var(--txt) 84%, var(--muted) 16%);
}

body[data-route-home="1"] .home14-nav-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
}

body[data-route-home="1"] .home14-nav-card {
  text-decoration: none !important;
  color: inherit !important;
  display: grid;
  gap: 18px;
  padding: 28px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(42, 63, 101, .84), rgba(64, 44, 87, .82));
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 12px 40px rgba(5, 10, 18, .14), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-route-home="1"] .home14-nav-card:hover,
body[data-route-home="1"] .home14-nav-card:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 18px 48px rgba(5, 10, 18, .18), inset 0 1px 0 rgba(255,255,255,.05);
}

body[data-route-home="1"] .home14-nav-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}

body[data-route-home="1"] .home14-kicker {
  display: inline-block;
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: color-mix(in oklab, var(--txt) 72%, var(--muted) 28%);
}

body[data-route-home="1"] .home14-nav-card h3,
body[data-route-home="1"] .home14-start-card h3 {
  margin: 0;
  font-size: clamp(24px, 1.8vw, 30px);
  line-height: 1.16;
  letter-spacing: -.03em;
}

body[data-route-home="1"] .home14-nav-card p,
body[data-route-home="1"] .home14-start-card p,
body[data-route-home="1"] .home14-preview-grid .card p,
body[data-route-home="1"] .home14-preview-grid .card .muted {
  margin: 0;
  font-size: 16px;
  line-height: 1.78;
  color: color-mix(in oklab, var(--txt) 82%, var(--muted) 18%);
}

body[data-route-home="1"] .home14-thumb {
  flex: 0 0 auto;
  width: 72px;
  height: 72px;
  border-radius: 20px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(14, 21, 34, .94), rgba(10, 16, 28, .96));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
  color: #efe4ff;
}

body[data-route-home="1"] .home14-thumb svg {
  width: 28px;
  height: 28px;
}

body[data-route-home="1"] .home14-thumb-series { color: #ffd7f4; }
body[data-route-home="1"] .home14-thumb-kb { color: #d7e7ff; }
body[data-route-home="1"] .home14-thumb-infra { color: #d7e6ff; }
body[data-route-home="1"] .home14-thumb-terminal { color: #f0d9ff; }

body[data-route-home="1"] .home14-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  color: color-mix(in oklab, var(--txt) 86%, var(--brand-1) 14%);
}

body[data-route-home="1"] .home14-start-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 22px;
  align-items: stretch;
}

body[data-route-home="1"] .home14-start-card {
  position: relative;
  overflow: hidden;
  display: grid;
  gap: 18px;
  padding: 28px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(42, 63, 101, .8), rgba(64, 44, 87, .78));
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 12px 40px rgba(5, 10, 18, .14), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-route-home="1"] .home14-start-card::before {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 1px;
  background: linear-gradient(90deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  pointer-events: none;
}

body[data-route-home="1"] .home14-start-card-primary {
  background: linear-gradient(135deg, rgba(47, 71, 118, .92), rgba(84, 49, 102, .86));
}

body[data-route-home="1"] .home14-start-card-tertiary {
  background: linear-gradient(135deg, rgba(34, 53, 87, .78), rgba(56, 40, 76, .76));
}

body[data-route-home="1"] .home14-start-actions,
body[data-route-home="1"] .home14-preview-grid .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 8px;
}

body[data-route-home="1"] .home14-start-actions .btn,
body[data-route-home="1"] .home14-preview-grid .actions .btn,
body[data-route-home="1"] .home14-preview-grid .actions a.btn {
  min-height: 50px;
  border-radius: 16px;
}

body[data-route-home="1"] .home14-preview-grid {
  gap: 20px;
}

body[data-route-home="1"] .home14-preview-grid .card,
body[data-route-home="1"] .home14-preview-grid article.card {
  padding: 26px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(42, 63, 101, .76), rgba(64, 44, 87, .74));
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 12px 40px rgba(5, 10, 18, .12), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-route-home="1"] .home14-tail-action {
  padding-top: 10px;
}

body[data-route-home="1"] .home14-tail-action .btn {
  min-height: 50px;
  border-radius: 16px;
}

body[data-route-home="1"] footer#footer {
  margin-top: clamp(44px, 5vw, 72px);
  justify-content: center !important;
  align-items: stretch !important;
}

body[data-route-home="1"] footer#footer .container.foot {
  width: min(100% - clamp(28px, 6vw, 72px), 1180px) !important;
  margin-inline: auto !important;
  padding-inline: 0 !important;
}

body[data-route-home="1"] footer#footer .foot-grid {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) auto minmax(220px, 1fr) !important;
  gap: 22px !important;
  align-items: start !important;
}

body[data-route-home="1"] footer#footer .foot-main {
  grid-column: 2;
  justify-self: center !important;
  display: grid;
  justify-items: center;
  text-align: center !important;
  gap: 12px;
  min-width: max-content;
}

body[data-route-home="1"] footer#footer .foot-main .logo-badge {
  margin: 0 !important;
}

body[data-route-home="1"] footer#footer .foot-nav {
  grid-column: 1;
  justify-self: start !important;
  text-align: left !important;
  width: auto !important;
}

body[data-route-home="1"] footer#footer .foot-nav h4 {
  margin-bottom: 12px !important;
}

body[data-route-home="1"] footer#footer .foot-nav a {
  display: block;
  margin: 0 0 8px !important;
}

@media (max-width: 1024px) {
  body[data-route-home="1"] .home14-start-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body[data-route-home="1"] .home14-nav-grid,
  body[data-route-home="1"] .home14-preview-grid {
    grid-template-columns: 1fr;
  }

  body[data-route-home="1"] footer#footer .foot-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-route-home="1"] footer#footer .foot-main,
  body[data-route-home="1"] footer#footer .foot-nav {
    grid-column: auto;
  }
}

@media (max-width: 760px) {
  body[data-route-home="1"] .home14-hero,
  body[data-route-home="1"] .home14-section {
    width: min(100%, 100%);
  }

  body[data-route-home="1"] .home14-hero {
    padding: 24px;
    border-radius: 24px;
  }

  body[data-route-home="1"] .home14-hero-title {
    max-width: none;
    font-size: clamp(28px, 7.2vw, 34px);
  }

  body[data-route-home="1"] .home14-hero-actions .btn,
  body[data-route-home="1"] .home14-start-actions .btn,
  body[data-route-home="1"] .home14-tail-action .btn,
  body[data-route-home="1"] .home14-preview-grid .actions .btn,
  body[data-route-home="1"] .home14-preview-grid .actions a.btn {
    width: 100%;
  }

  body[data-route-home="1"] .home14-copy-split {
    display: grid;
    align-items: start;
  }

  body[data-route-home="1"] .home14-refresh-route {
    width: 100%;
  }

  body[data-route-home="1"] .home14-start-grid {
    grid-template-columns: 1fr;
  }

  body[data-route-home="1"] .home14-nav-head {
    gap: 16px;
  }

  body[data-route-home="1"] .home14-thumb {
    width: 60px;
    height: 60px;
    border-radius: 18px;
  }
}


/* ===== Pass 17: article modal centering and form safety ===== */
#article-modal {
  width: min(1160px, calc(100vw - 32px));
}

#article-modal .m-body {
  padding-inline: clamp(18px, 3vw, 40px);
}

#article-modal #art-progress,
#article-modal #art-meta,
#article-modal #art-toc,
#article-modal #art-content {
  width: min(100%, 860px);
  margin-inline: auto;
}

#article-modal #art-meta,
#article-modal #art-toc {
  margin-top: 0;
}

#article-modal #art-toc {
  margin-bottom: 18px;
}

#article-modal #art-content {
  text-align: left;
}

select:focus,
input.search:focus,
#kb-search:focus,
#series-sort:focus {
  outline: 2px solid rgba(214, 179, 255, .55);
  outline-offset: 2px;
}


/* ===== Pass 18: production bug-hardening and spacing cleanup ===== */
select,
.search,
#kb-search,
#series-sort {
  appearance: none;
  -webkit-appearance: none;
  background-color: color-mix(in oklab, var(--surface-2) 92%, #0a1020 8%);
}

select option,
select optgroup {
  background: #121a2a;
  color: var(--txt);
}

#series-sort {
  color-scheme: dark;
  min-width: 220px;
  padding-right: 42px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(214, 179, 255, .8) 50%),
    linear-gradient(135deg, rgba(214, 179, 255, .8) 50%, transparent 50%);
  background-position:
    calc(100% - 20px) 52%,
    calc(100% - 14px) 52%;
  background-size: 6px 6px, 6px 6px;
  background-repeat: no-repeat;
}

#series-sort:focus,
#kb-search:focus,
.search:focus {
  background-color: color-mix(in oklab, var(--surface-2) 92%, #0a1020 8%);
}

#series-grid .card,
.kb-grid .card,
.home14-nav-card,
.home14-start-card,
.home14-preview-grid .card,
.infra-service-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

#series-grid .card > .actions,
.kb-grid .card > .actions,
.home14-start-card > .actions,
.home14-preview-grid .card > .actions,
.infra-service-card > .chip {
  margin-top: auto;
}

#series-grid .fav-btn,
.kb-grid .fav-btn {
  top: 12px;
  right: 14px;
}

#series-grid .card.card-relative,
.kb-grid .card.card-relative {
  padding-top: calc(var(--card-pad) + 12px);
}

.series-controls {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.series-sort-label {
  color: var(--text-soft);
  font-weight: 600;
}

.infra-service-card {
  min-height: 240px;
}

.infra-service-copy {
  margin-bottom: 0;
}

.infra-service-status {
  align-self: flex-start;
}

#article-modal {
  margin: auto;
}

#article-modal .m-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-inline: clamp(22px, 4vw, 54px);
}

#article-modal #art-progress,
#article-modal #art-meta,
#article-modal #art-toc,
#article-modal #art-content {
  width: min(100%, 840px);
}

#article-modal #art-content {
  padding-inline: clamp(2px, 1vw, 10px);
}

.kb-grid {
  align-items: stretch;
}

.kb-grid .card {
  min-height: 100%;
}


/* ===== Pass 19: series card alignment, controls, footer, infra ===== */
.series-card-meta {
  min-height: 28px;
  display: flex;
  align-items: flex-start;
}

.series-card-status-spacer {
  display: block;
  height: 28px;
  width: 1px;
  opacity: 0;
}

.series-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
}

.series-card-actions .btn,
.series-card-actions a.btn,
.series-card-actions .series-card-placeholder {
  width: 100%;
  min-height: 46px;
}

.series-card-placeholder {
  visibility: hidden;
  pointer-events: none;
}

#series-grid .card,
.home14-preview-grid .card {
  grid-template-rows: auto auto auto 1fr auto auto;
}

#series-grid .card .ic,
.home14-preview-grid .card .ic {
  margin-bottom: 12px;
}

#series-grid .card h3,
.home14-preview-grid .card h3 {
  min-height: calc(1.25em * 2);
}

#series-grid .card p,
#series-grid .card .muted,
.home14-preview-grid .card p,
.home14-preview-grid .card .muted {
  -webkit-line-clamp: 3;
}

#series-sort,
#series-sort:hover,
#series-sort:active,
#series-sort:focus,
#series-sort:focus-visible {
  color: var(--txt);
  border-color: var(--line-soft);
  background-color: color-mix(in oklab, var(--surface-2) 92%, #0a1020 8%);
  box-shadow: none;
}

#series-sort option:checked {
  background: #121a2a;
  color: var(--txt);
}

.infra-service-card {
  grid-template-rows: auto auto 1fr auto;
}

.infra-service-name {
  min-height: calc(1.25em * 2);
}

.infra-service-copy {
  display: grid;
  gap: 8px;
}

.infra-service-copy strong {
  color: var(--txt);
  font-weight: 600;
}

body[data-route-home="1"] footer#footer .foot-nav {
  margin-top: 2px;
}

#article-modal {
  padding: clamp(18px, 4vw, 40px);
}

#article-modal::backdrop {
  background: rgba(5, 8, 16, .66);
}

#article-modal .m-body {
  width: min(100%, 980px);
  margin-inline: auto;
}


/* ===== Pass 20: final rhythm, fixed action rails, adaptive home stats ===== */
body[data-route-home="1"] .home14-hero-title {
  max-width: 17ch;
  font-size: clamp(24px, 2.55vw, 34px);
  line-height: 1.08;
}

body[data-route-home="1"] .home14-hero-title-em {
  display: inline-block;
  margin-right: .14em;
  padding: .04em .2em .08em;
  border-radius: 14px;
  font-style: italic;
  font-weight: 650;
  letter-spacing: -.03em;
  background: linear-gradient(180deg, rgba(214,179,255,.12), rgba(214,179,255,.04));
  border: 1px solid rgba(214,179,255,.12);
}

body[data-route-home="1"] .home14-section-lead-compact {
  max-width: 62ch;
  font-size: 15px;
  line-height: 1.72;
  margin-top: 6px;
}

body[data-route-home="1"] .home14-hero-stats {
  grid-template-columns: repeat(3, minmax(0, max-content));
}

#series-grid {
  align-items: stretch;
}

#series-grid .card {
  min-height: 100%;
}

.series-card-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 100%;
  align-items: stretch;
  overflow: hidden;
}

.series-card-actions .btn,
.series-card-actions a.btn,
.series-card-actions .series-card-placeholder {
  min-width: 0 !important;
  width: 100%;
  max-width: none;
  flex: 0 0 auto !important;
}

.series-card-actions .btn {
  padding-inline: 14px;
}

#series-grid .actions .btn,
#series-grid .actions a.btn {
  min-width: 0;
}

#series-grid .card h3 {
  min-height: calc(1.22em * 2.4);
}

#series-grid .card p,
#series-grid .card .muted {
  min-height: calc(1.65em * 3);
}

#series-grid .card .actions {
  padding-top: 12px;
}

.kb-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 340px)) !important;
  justify-content: start;
  align-items: stretch;
}

.kb-grid .card {
  width: 100%;
  min-height: 388px;
}

.kb-grid .card h3 {
  min-height: calc(1.24em * 2.5);
}

.kb-grid .card .tags {
  min-height: 42px;
  align-content: start;
}

.kb-grid .card .actions {
  padding-top: 12px;
}

.infra-service-card {
  min-height: 224px;
}

.infra-service-copy {
  min-height: 84px;
}

.infra-service-status {
  align-self: flex-start;
  justify-self: flex-start;
  min-width: 52px;
  text-align: center;
}

body[data-route-home="1"] footer#footer .foot-grid {
  align-items: start;
}

body[data-route-home="1"] footer#footer .foot-main {
  padding-top: 2px;
}

body[data-route-home="1"] footer#footer .foot-nav {
  padding-top: 4px;
}

@media (max-width: 980px) {
  .kb-grid {
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body[data-route-home="1"] .home14-hero-title {
    font-size: clamp(25px, 6vw, 30px);
    max-width: none;
  }

  .kb-grid {
    grid-template-columns: 1fr !important;
  }

  .series-card-actions {
    grid-template-columns: 1fr;
  }
}

/* ===== Pass 21: hard stabilization for series / KB cards ===== */
#series-grid,
.kb-grid,
.home14-preview-grid {
  align-items: stretch;
}

#series-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr));
}

#series-grid .series-catalog-card,
.home14-preview-grid .series-preview-card {
  display: flex;
  flex-direction: column;
  min-height: 580px;
  height: 100%;
}

#series-grid .series-catalog-card .ic,
.home14-preview-grid .series-preview-card .ic {
  margin-bottom: 14px;
}

#series-grid .series-catalog-card h3,
.home14-preview-grid .series-preview-card h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.2em * 3.1);
  margin-bottom: 0;
}

#series-grid .series-catalog-card p,
#series-grid .series-catalog-card .muted,
.home14-preview-grid .series-preview-card p,
.home14-preview-grid .series-preview-card .muted {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.6em * 4);
}

#series-grid .series-catalog-card .series-card-meta,
.home14-preview-grid .series-preview-card .series-card-meta {
  margin-top: auto;
}

#series-grid .series-catalog-card .actions,
.home14-preview-grid .series-preview-card .actions {
  margin-top: 0;
  padding-top: 12px;
}

.series-card-actions {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  width: 100%;
  align-items: stretch;
  isolation: isolate;
}

.series-card-actions > .btn,
.series-card-actions > a.btn,
.series-card-actions > .series-card-placeholder {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  width: 0 !important;
  max-width: none !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.series-card-actions .series-card-placeholder {
  visibility: hidden;
  pointer-events: none;
}

#series-grid .fav-btn,
.kb-grid .fav-btn {
  top: 18px;
  right: 18px;
}

#series-sort,
#series-sort:hover,
#series-sort:active,
#series-sort:focus,
#series-sort:focus-visible {
  appearance: none;
  -webkit-appearance: none;
  color: var(--txt) !important;
  background: linear-gradient(180deg, color-mix(in oklab, var(--surface-2) 88%, transparent), color-mix(in oklab, var(--surface-3) 100%, transparent)) !important;
  border-color: var(--line-soft) !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
}

.kb-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  justify-content: stretch !important;
  align-items: stretch !important;
}

.kb-grid .kb-entry-card {
  display: flex;
  flex-direction: column;
  min-height: 520px;
  height: 100%;
}

.kb-grid .kb-entry-card h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.22em * 3.1);
}

.kb-grid .kb-entry-card .muted {
  min-height: calc(1.5em * 1.8);
}

.kb-grid .kb-entry-card .tags {
  min-height: 54px;
  align-content: start;
}

.kb-grid .kb-entry-card .actions {
  margin-top: auto;
  padding-top: 14px;
}

.kb-grid .kb-entry-card .actions > .btn,
.kb-grid .kb-entry-card .actions > a.btn {
  width: 100%;
  max-width: none;
}

.infra-service-card {
  min-height: 460px;
  height: 100%;
}

.infra-service-card .infra-service-name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.2em * 3.1);
}

.infra-service-card .infra-service-copy {
  min-height: calc(1.5em * 4.6);
}

.infra-service-card .infra-service-status {
  margin-top: auto;
}

body[data-route-home="1"] .home14-hero-title {
  font-size: clamp(22px, 2.25vw, 30px);
  line-height: 1.14;
  max-width: 18ch;
}

body[data-route-home="1"] .home14-hero-title-em {
  font-style: italic;
  font-weight: 700;
}

@media (max-width: 1200px) {
  #series-grid .series-catalog-card,
  .home14-preview-grid .series-preview-card {
    min-height: 540px;
  }

  .kb-grid .kb-entry-card {
    min-height: 500px;
  }

  .infra-service-card {
    min-height: 420px;
  }
}

@media (max-width: 760px) {
  #series-grid,
  .kb-grid,
  .home14-preview-grid {
    grid-template-columns: 1fr !important;
  }

  #series-grid .series-catalog-card,
  .home14-preview-grid .series-preview-card,
  .kb-grid .kb-entry-card,
  .infra-service-card {
    min-height: auto;
  }

  .series-card-actions {
    flex-direction: column !important;
  }

  .series-card-actions > .btn,
  .series-card-actions > a.btn,
  .series-card-actions > .series-card-placeholder {
    width: 100% !important;
  }
}


/* ===== Pass 22: final sizing + tone stabilization ===== */
body[data-route-home="1"] .home14-hero-title {
  font-size: clamp(23px, 2.15vw, 30px) !important;
  line-height: 1.12 !important;
  max-width: 18ch !important;
}

body[data-route-home="1"] .home14-hero-title-em {
  display: inline-flex;
  align-items: center;
  padding: .08em .28em .12em;
  margin-right: .16em;
  border-radius: 14px;
  font-style: italic;
  font-weight: 720;
  letter-spacing: -.03em;
  border: 1px solid rgba(214,179,255,.18);
  background: linear-gradient(180deg, rgba(214,179,255,.16), rgba(214,179,255,.06));
  box-shadow: 0 10px 24px rgba(12, 18, 30, .18);
}

#series-sort,
#series-sort:hover,
#series-sort:active,
#series-sort:focus,
#series-sort:focus-visible {
  color: var(--txt) !important;
  background: linear-gradient(180deg, rgba(31, 40, 61, .98), rgba(20, 28, 44, .98)) !important;
  border-color: rgba(214,179,255,.18) !important;
  box-shadow: none !important;
  outline: none !important;
  transition: none !important;
}

#series-sort option {
  color: var(--txt) !important;
  background: #1b2234 !important;
}

#series-grid .series-catalog-card,
.home14-preview-grid .series-preview-card,
.kb-grid .kb-entry-card {
  background: linear-gradient(180deg, rgba(21, 29, 45, .98), rgba(11, 17, 28, .99)) !important;
}

#series-grid .series-catalog-card,
.home14-preview-grid .series-preview-card {
  min-height: 540px !important;
  overflow: hidden;
}

#series-grid .series-catalog-card h3,
.home14-preview-grid .series-preview-card h3 {
  min-height: calc(1.18em * 2.8) !important;
}

#series-grid .series-catalog-card p,
#series-grid .series-catalog-card .muted,
.home14-preview-grid .series-preview-card p,
.home14-preview-grid .series-preview-card .muted {
  min-height: calc(1.58em * 3) !important;
}

#series-grid .series-catalog-card .actions,
.home14-preview-grid .series-preview-card .actions {
  margin-top: auto !important;
  padding-top: 12px !important;
  min-width: 0 !important;
}

#series-grid .series-catalog-card .series-card-actions,
.home14-preview-grid .series-preview-card .series-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: hidden !important;
  align-items: stretch !important;
}

#series-grid .series-catalog-card .series-card-actions > .btn,
#series-grid .series-catalog-card .series-card-actions > a.btn,
#series-grid .series-catalog-card .series-card-actions > .series-card-placeholder,
.home14-preview-grid .series-preview-card .series-card-actions > .btn,
.home14-preview-grid .series-preview-card .series-card-actions > a.btn,
.home14-preview-grid .series-preview-card .series-card-actions > .series-card-placeholder {
  min-width: 0 !important;
  width: 100% !important;
  max-width: none !important;
  padding-inline: 12px !important;
  font-size: 15px !important;
  line-height: 1.15 !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  justify-content: center;
  box-sizing: border-box;
}

.kb-grid {
  grid-template-columns: repeat(auto-fill, minmax(300px, 340px)) !important;
  justify-content: start !important;
  align-content: start !important;
  row-gap: 24px !important;
  column-gap: 24px !important;
}

.kb-grid .kb-entry-card {
  width: 100% !important;
  max-width: 340px !important;
  min-height: 410px !important;
  overflow: hidden;
}

.kb-grid .kb-entry-card h3 {
  min-height: calc(1.18em * 2.7) !important;
  -webkit-line-clamp: 3;
}

.kb-grid .kb-entry-card .muted {
  min-height: calc(1.45em * 1.8) !important;
}

.kb-grid .kb-entry-card .tags {
  min-height: 48px !important;
  align-content: start;
}

.kb-grid .kb-entry-card .actions {
  margin-top: auto !important;
  padding-top: 12px !important;
}

.kb-grid .kb-entry-card .actions > .btn,
.kb-grid .kb-entry-card .actions > a.btn {
  width: 100% !important;
  max-width: none !important;
}

@media (max-width: 1200px) {
  .kb-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  }

  .kb-grid .kb-entry-card {
    max-width: none !important;
    min-height: 392px !important;
  }
}

@media (max-width: 760px) {
  body[data-route-home="1"] .home14-hero-title {
    font-size: clamp(23px, 6vw, 28px) !important;
    max-width: none !important;
  }

  #series-grid .series-catalog-card,
  .home14-preview-grid .series-preview-card,
  .kb-grid .kb-entry-card {
    min-height: auto !important;
    max-width: none !important;
  }
}


/* ===== Pass 23: compact previews + equal article cards ===== */
body[data-route-home="1"] .home14-preview-grid .series-preview-card {
  min-height: 432px !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card h3 {
  min-height: calc(1.18em * 2.55) !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted {
  min-height: calc(1.52em * 2.6) !important;
  -webkit-line-clamp: 3 !important;
}

#series-grid .series-catalog-card {
  min-height: 520px !important;
}

.kb-grid .kb-entry-card {
  min-height: 372px !important;
  max-width: 332px !important;
}

.kb-grid .kb-entry-card h3 {
  min-height: calc(1.16em * 2.45) !important;
}

.kb-grid .kb-entry-card .muted {
  min-height: calc(1.42em * 1.35) !important;
}

.kb-grid .kb-entry-card .tags {
  min-height: 44px !important;
}

.kb-grid .kb-entry-card .actions {
  padding-top: 10px !important;
}

@media (max-width: 1200px) {
  body[data-route-home="1"] .home14-preview-grid .series-preview-card {
    min-height: 400px !important;
  }

  .kb-grid .kb-entry-card {
    min-height: 352px !important;
    max-width: 320px !important;
  }
}


/* PASS24: normalize home route cards and preview rhythm */
body[data-route-home="1"] .home14-start-grid {
  grid-auto-rows: 1fr;
}

body[data-route-home="1"] .home14-start-card {
  min-height: 372px;
  gap: 16px;
  padding: 26px;
}

body[data-route-home="1"] .home14-start-card h3 {
  min-height: 2.5em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body[data-route-home="1"] .home14-start-card p,
body[data-route-home="1"] .home14-start-card .muted {
  min-height: 4.8em;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body[data-route-home="1"] .home14-start-card > .actions {
  margin-top: auto;
}

body[data-route-home="1"] .home14-start-actions .btn {
  min-width: 206px;
}

body[data-route-home="1"] .home14-preview-grid .card,
body[data-route-home="1"] .home14-preview-grid article.card {
  min-height: 356px;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
body[data-route-home="1"] .home14-preview-grid .series-preview-card {
  min-height: 356px;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
body[data-route-home="1"] .home14-preview-grid .series-preview-card h3 {
  min-height: 2.6em;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted {
  min-height: 4.7em;
}

@media (max-width: 980px) {
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card {
    min-height: auto;
  }

  body[data-route-home="1"] .home14-start-card h3,
  body[data-route-home="1"] .home14-start-card p,
  body[data-route-home="1"] .home14-start-card .muted,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card h3,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted {
    min-height: auto;
    -webkit-line-clamp: unset;
  }

  body[data-route-home="1"] .home14-start-actions .btn {
    min-width: 0;
  }
}


/* ===== Pass 25: home/article card alignment + non-home compact brand ===== */
body[data-route-home="1"] .logo .brand {
  display: grid !important;
}

body[data-route-home="0"] .logo .brand {
  display: none !important;
}

body[data-route-home="0"] .logo {
  gap: 0 !important;
}

body[data-route-home="1"] .home14-start-grid,
body[data-route-home="1"] .home14-preview-grid,
.discover-shell + .page .grid.g-3 {
  align-items: stretch;
}

body[data-route-home="1"] .home14-start-card {
  min-height: 336px !important;
  gap: 14px !important;
  padding: 24px !important;
}

body[data-route-home="1"] .home14-start-card h3 {
  min-height: calc(1.18em * 2.45) !important;
  font-size: clamp(21px, 1.7vw, 28px) !important;
}

body[data-route-home="1"] .home14-start-card p,
body[data-route-home="1"] .home14-start-card .muted {
  min-height: calc(1.62em * 3) !important;
  -webkit-line-clamp: 3 !important;
}

body[data-route-home="1"] .home14-start-card > .actions {
  margin-top: auto !important;
}

body[data-route-home="1"] .home14-start-actions {
  justify-content: flex-start;
}

body[data-route-home="1"] .home14-start-actions .btn {
  min-width: 0 !important;
  width: min(100%, 328px) !important;
  justify-content: center !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
.discover-shell + .page .kb-simple-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 334px !important;
  padding: 22px !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card h3,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
.discover-shell + .page .kb-simple-card h3 {
  min-height: calc(1.18em * 2.55) !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0 !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
.discover-shell + .page .kb-simple-card p,
.discover-shell + .page .kb-simple-card .muted {
  min-height: calc(1.5em * 2.1) !important;
  -webkit-line-clamp: 2 !important;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .tags,
.discover-shell + .page .kb-simple-card .tags {
  min-height: 42px !important;
  align-content: start;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .actions,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions,
.discover-shell + .page .kb-simple-card .actions {
  margin-top: auto !important;
  padding-top: 12px !important;
  width: 100% !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > .btn,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > a.btn,
.discover-shell + .page .kb-simple-card .actions > .btn,
.discover-shell + .page .kb-simple-card .actions > a.btn {
  width: min(100%, 320px) !important;
  margin-inline: auto !important;
  justify-content: center !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > a.btn {
  justify-content: center !important;
}

@media (max-width: 980px) {
  body[data-route-home="0"] .logo .brand,
  body[data-route-home="1"] .logo .brand {
    display: none !important;
  }

  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  .discover-shell + .page .kb-simple-card {
    min-height: auto !important;
  }

  body[data-route-home="1"] .home14-start-card h3,
  body[data-route-home="1"] .home14-start-card p,
  body[data-route-home="1"] .home14-start-card .muted,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card h3,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
  .discover-shell + .page .kb-simple-card h3,
  .discover-shell + .page .kb-simple-card p,
  .discover-shell + .page .kb-simple-card .muted {
    min-height: auto !important;
  }
}

/* PASS26: final equal rhythm for start route + reading/article cards */
body[data-route-home="1"] .home14-start-grid {
  align-items: stretch !important;
}

body[data-route-home="1"] .home14-start-card {
  display: grid !important;
  grid-template-rows: auto minmax(calc(1.16em * 2.5), auto) minmax(calc(1.58em * 3), 1fr) auto !important;
  align-content: start !important;
  min-height: 336px !important;
}

body[data-route-home="1"] .home14-start-card h3 {
  min-height: calc(1.16em * 2.5) !important;
  margin-bottom: 0 !important;
}

body[data-route-home="1"] .home14-start-card p,
body[data-route-home="1"] .home14-start-card .muted {
  min-height: calc(1.58em * 3) !important;
  margin-bottom: 0 !important;
}

body[data-route-home="1"] .home14-start-card > .actions,
body[data-route-home="1"] .home14-start-actions {
  width: 100% !important;
  justify-content: center !important;
  align-items: end !important;
  margin-top: 0 !important;
}

body[data-route-home="1"] .home14-start-actions .btn {
  width: min(100%, 328px) !important;
  margin-inline: auto !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
.discover-shell + .page .kb-simple-card {
  display: grid !important;
  grid-template-rows: auto minmax(calc(1.16em * 2.55), auto) auto minmax(44px, auto) auto !important;
  align-content: start !important;
  row-gap: 14px !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
.discover-shell + .page .kb-simple-card h3 {
  min-height: calc(1.16em * 2.55) !important;
  margin-bottom: 0 !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
.discover-shell + .page .kb-simple-card p,
.discover-shell + .page .kb-simple-card .muted {
  min-height: calc(1.45em * 1.2) !important;
  margin-bottom: 0 !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .tags,
.discover-shell + .page .kb-simple-card .tags {
  min-height: 44px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions,
.discover-shell + .page .kb-simple-card .actions {
  width: 100% !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > .btn,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > a.btn,
.discover-shell + .page .kb-simple-card .actions > .btn,
.discover-shell + .page .kb-simple-card .actions > a.btn {
  display: inline-flex !important;
  width: min(100%, 320px) !important;
  margin-inline: auto !important;
}

@media (max-width: 980px) {
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  .discover-shell + .page .kb-simple-card {
    grid-template-rows: auto auto auto auto auto !important;
    row-gap: 12px !important;
  }
}

/* PASS27: final card parity + centered single actions + cleaner header spacing */
body[data-route-home="1"] .home14-start-grid {
  align-items: stretch !important;
}

body[data-route-home="1"] .home14-start-card {
  display: grid !important;
  grid-template-rows: auto minmax(calc(1.14em * 2.45), auto) minmax(calc(1.58em * 3), 1fr) auto !important;
  row-gap: 16px !important;
  min-height: 332px !important;
}

body[data-route-home="1"] .home14-start-card > .actions,
body[data-route-home="1"] .home14-start-actions {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin-top: auto !important;
}

body[data-route-home="1"] .home14-start-actions .btn {
  display: inline-flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: min(100%, 326px) !important;
  margin-inline: auto !important;
}

/* Apply the same compact rhythm to all article previews on the discover/new page */
.discover-shell ~ .page .kb-simple-card {
  display: grid !important;
  grid-template-rows: auto minmax(calc(1.16em * 2.55), auto) minmax(calc(1.45em * 1.2), auto) minmax(44px, auto) auto !important;
  align-content: start !important;
  row-gap: 14px !important;
  min-height: 468px !important;
  padding: 24px !important;
}

.discover-shell ~ .page .kb-simple-card h3 {
  min-height: calc(1.16em * 2.55) !important;
  margin-bottom: 0 !important;
}

.discover-shell ~ .page .kb-simple-card p,
.discover-shell ~ .page .kb-simple-card .muted {
  min-height: calc(1.45em * 1.2) !important;
  margin-bottom: 0 !important;
}

.discover-shell ~ .page .kb-simple-card .tags {
  min-height: 44px !important;
  margin: 0 !important;
  align-content: start !important;
}

.discover-shell ~ .page .kb-simple-card .actions {
  width: 100% !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.discover-shell ~ .page .kb-simple-card .actions > .btn,
.discover-shell ~ .page .kb-simple-card .actions > a.btn {
  display: inline-flex !important;
  width: min(100%, 320px) !important;
  margin-inline: auto !important;
  justify-content: center !important;
}

/* Keep home continue-reading cards on the same internal rhythm */
body[data-route-home="1"] .home14-preview-grid .kb-simple-card {
  min-height: 468px !important;
}

/* Series cards: center single-action cards instead of leaving the CTA stuck on the left */
#series-grid .series-catalog-card .series-card-actions-single,
.home14-preview-grid .series-preview-card .series-card-actions-single {
  grid-template-columns: minmax(0, 1fr) !important;
  justify-content: center !important;
}

#series-grid .series-catalog-card .series-card-actions-single > .btn,
#series-grid .series-catalog-card .series-card-actions-single > a.btn,
.home14-preview-grid .series-preview-card .series-card-actions-single > .btn,
.home14-preview-grid .series-preview-card .series-card-actions-single > a.btn {
  width: min(100%, 280px) !important;
  margin-inline: auto !important;
}

/* Slightly cleaner logo spacing */
.logo {
  gap: 14px !important;
}

.logo .brand {
  margin-left: 2px !important;
}


/* PASS28: tighten home reading/start cards and prevent title spill */
body[data-route-home="1"] .home14-start-card {
  min-height: 304px !important;
  grid-template-rows: auto minmax(calc(1.12em * 3.05), auto) minmax(calc(1.46em * 2.85), auto) auto !important;
  row-gap: 14px !important;
}

body[data-route-home="1"] .home14-start-card h3 {
  min-height: calc(1.12em * 3.05) !important;
  margin-bottom: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body[data-route-home="1"] .home14-start-card p,
body[data-route-home="1"] .home14-start-card .muted {
  min-height: calc(1.46em * 2.85) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body[data-route-home="1"] .home14-start-actions {
  gap: 12px !important;
}

body[data-route-home="1"] .home14-start-actions .btn {
  width: min(100%, 300px) !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
.discover-shell ~ .page .kb-simple-card {
  min-height: 418px !important;
  grid-template-rows: auto minmax(calc(1.14em * 2.45), auto) minmax(calc(1.38em * 1.15), auto) minmax(40px, auto) auto !important;
  row-gap: 12px !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
.discover-shell ~ .page .kb-simple-card h3 {
  min-height: calc(1.14em * 2.45) !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
.discover-shell ~ .page .kb-simple-card p,
.discover-shell ~ .page .kb-simple-card .muted {
  min-height: calc(1.38em * 1.15) !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions,
.discover-shell ~ .page .kb-simple-card .actions {
  margin-top: auto !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > .btn,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > a.btn,
.discover-shell ~ .page .kb-simple-card .actions > .btn,
.discover-shell ~ .page .kb-simple-card .actions > a.btn {
  width: min(100%, 292px) !important;
}

@media (max-width: 980px) {
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  .discover-shell ~ .page .kb-simple-card {
    min-height: auto !important;
    grid-template-rows: auto auto auto auto auto !important;
  }

  body[data-route-home="1"] .home14-start-card h3,
  body[data-route-home="1"] .home14-start-card p,
  body[data-route-home="1"] .home14-start-card .muted,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
  .discover-shell ~ .page .kb-simple-card h3,
  .discover-shell ~ .page .kb-simple-card p,
  .discover-shell ~ .page .kb-simple-card .muted {
    min-height: auto !important;
    -webkit-line-clamp: unset !important;
  }
}


/* ===== Pass 28: protocol safety + responsive hardening ===== */
.hdr-row > *,
#nav,
.logo,
.brand,
.cta,
.kb-main,
.kb-sidebar,
.controls,
.actions,
.home14-nav-head > *,
.infra-service-copy,
.infra-service-name,
.m-hdr,
.m-body,
.panel,
.card {
  min-width: 0;
}

.title-xxl,
.section-heading,
.home14-section-title,
.home14-section-lead,
.card h3,
.card p,
.card .muted,
.btn,
nav a,
.chip,
.infra-service-name,
.breadcrumb,
.foot a {
  overflow-wrap: anywhere;
  word-break: break-word;
}

pre,
.mermaid,
.infra-topology-fallback,
.term,
#art-content,
#art-content pre,
#art-content table {
  max-width: 100%;
}

.infra-topology-fallback {
  margin: 0;
  padding: clamp(18px, 2.8vw, 28px);
  white-space: pre-wrap;
  overflow: auto;
  font: 500 13px/1.7 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  color: color-mix(in oklab, var(--txt) 88%, var(--muted) 12%);
}

html[data-local-file-mode="1"] .mermaid {
  display: none !important;
}

@media (max-width: 900px) {
  .hdr-row {
    align-items: center;
  }

  #nav {
    background: linear-gradient(180deg, color-mix(in oklab, var(--surface-2) 92%, transparent), color-mix(in oklab, var(--surface-3) 100%, transparent));
    border: 1px solid var(--line-soft);
    border-radius: 18px;
  }

  nav[data-open="true"] {
    padding: 8px;
    margin-top: 4px;
  }

  #theme-toggle {
    order: 2;
  }
}

@media (max-width: 760px) {
  .actions .btn,
  .actions a.btn,
  .series-card-actions .btn,
  .home14-start-actions .btn,
  .home14-preview-grid .actions .btn,
  .home14-preview-grid .actions a.btn,
  .home14-hero-actions .btn {
    min-width: 0 !important;
    width: 100%;
    max-width: none;
  }

  .actions > :only-child,
  .home14-start-actions > :only-child {
    max-width: none;
  }

  .kb-suggestions {
    position: static;
    width: 100%;
    margin-top: 8px;
  }
}

@media (min-width: 1600px) {
  .container,
  body[data-route-home="1"] #root.container {
    max-width: 1440px;
  }

  .g-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .g-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 2200px) {
  .container,
  body[data-route-home="1"] #root.container {
    max-width: 1560px;
  }
}

/* ===== Pass 29: mobile/tablet card rescue, home/start route hardening, new-page stabilizer ===== */
.new-page-grid,
.new-articles-grid,
.new-series-grid {
  align-items: stretch;
}

.new-page-grid > .card,
.new-page-grid > article.card {
  width: 100%;
  max-width: none;
}

.new-page-grid .kb-simple-card,
.new-page-grid .series-preview-card,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
body[data-route-home="1"] .home14-preview-grid .series-preview-card,
body[data-route-home="1"] .home14-start-card {
  min-width: 0;
}

.new-page-grid .actions,
.new-page-grid .series-card-actions,
body[data-route-home="1"] .home14-preview-grid .actions,
body[data-route-home="1"] .home14-preview-grid .series-card-actions,
body[data-route-home="1"] .home14-start-actions,
body[data-route-home="1"] .home14-hero-actions {
  width: 100%;
  min-width: 0;
}

.new-page-grid .actions > .btn,
.new-page-grid .actions > a.btn,
.new-page-grid .series-card-actions > .btn,
.new-page-grid .series-card-actions > a.btn,
body[data-route-home="1"] .home14-preview-grid .actions > .btn,
body[data-route-home="1"] .home14-preview-grid .actions > a.btn,
body[data-route-home="1"] .home14-preview-grid .series-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid .series-card-actions > a.btn,
body[data-route-home="1"] .home14-start-actions > .btn,
body[data-route-home="1"] .home14-start-actions > a.btn,
body[data-route-home="1"] .home14-hero-actions > .btn,
body[data-route-home="1"] .home14-hero-actions > a.btn,
body[data-route-home="1"] .home14-refresh-route {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box;
}

.new-page-grid .kb-simple-card,
.new-page-grid .series-preview-card {
  overflow: visible !important;
}

.new-page-grid .kb-simple-card .actions,
.new-page-grid .series-preview-card .actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
}

.new-page-grid .kb-simple-card .actions > .btn,
.new-page-grid .kb-simple-card .actions > a.btn,
.new-page-grid .series-preview-card .series-card-actions > .btn,
.new-page-grid .series-preview-card .series-card-actions > a.btn {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  white-space: normal !important;
  text-wrap: balance;
}

body[data-route-home="1"] .home14-copy-split {
  align-items: flex-start;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions,
.new-page-grid .series-preview-card .series-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  overflow: visible !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > a.btn,
.new-page-grid .series-preview-card .series-card-actions > .btn,
.new-page-grid .series-preview-card .series-card-actions > a.btn {
  width: 100% !important;
  max-width: none !important;
  margin-inline: 0 !important;
  white-space: normal !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single,
.new-page-grid .series-preview-card .series-card-actions-single {
  grid-template-columns: minmax(0, 1fr) !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single > .btn,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single > a.btn,
.new-page-grid .series-preview-card .series-card-actions-single > .btn,
.new-page-grid .series-preview-card .series-card-actions-single > a.btn {
  width: 100% !important;
}

@media (max-width: 1024px) {
  body[data-route-home="1"] .home14-copy-split {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
  }

  body[data-route-home="1"] .home14-refresh-route {
    width: 100% !important;
    justify-content: center;
  }

  body[data-route-home="1"] .home14-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  body[data-route-home="1"] .home14-hero-actions > .btn,
  body[data-route-home="1"] .home14-hero-actions > a.btn {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 900px) {
  body[data-route-home="1"] .home14-start-grid,
  body[data-route-home="1"] .home14-preview-grid,
  .new-articles-grid,
  .new-series-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-route-home="1"] .home14-hero,
  body[data-route-home="1"] .home14-nav-card,
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card {
    padding: 22px !important;
    border-radius: 22px !important;
  }

  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card {
    min-height: auto !important;
    grid-template-rows: auto auto auto auto auto !important;
    row-gap: 12px !important;
    overflow: visible !important;
  }

  body[data-route-home="1"] .home14-start-card h3,
  body[data-route-home="1"] .home14-start-card p,
  body[data-route-home="1"] .home14-start-card .muted,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card h3,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted,
  .new-page-grid .kb-simple-card h3,
  .new-page-grid .kb-simple-card p,
  .new-page-grid .kb-simple-card .muted,
  .new-page-grid .series-preview-card h3,
  .new-page-grid .series-preview-card p,
  .new-page-grid .series-preview-card .muted {
    min-height: auto !important;
    -webkit-line-clamp: unset !important;
  }

  body[data-route-home="1"] .home14-start-actions,
  body[data-route-home="1"] .home14-preview-grid .actions,
  .new-page-grid .actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body[data-route-home="1"] .home14-start-actions > .btn,
  body[data-route-home="1"] .home14-start-actions > a.btn,
  body[data-route-home="1"] .home14-preview-grid .actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .actions > a.btn,
  .new-page-grid .actions > .btn,
  .new-page-grid .actions > a.btn {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    justify-content: center !important;
  }

  body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions,
  .new-page-grid .series-preview-card .series-card-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .new-cats-row {
    gap: 10px;
  }

  .new-cats-row .chip {
    justify-content: center;
  }
}

@media (max-width: 760px) {
  body[data-route-home="1"] .home14-hero-actions {
    grid-template-columns: 1fr !important;
  }

  body[data-route-home="1"] .home14-hero-title,
  body[data-route-home="1"] .home14-section-title,
  .discover-shell .discover-title,
  .series-shell .series-shell-title {
    text-wrap: balance;
  }
}

@media (max-width: 560px) {
  body[data-route-home="1"] .home14-hero,
  body[data-route-home="1"] .home14-nav-card,
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card {
    padding: 18px !important;
    border-radius: 20px !important;
  }

  body[data-route-home="1"] .home14-thumb,
  body[data-route-home="1"] .home14-preview-grid .ic,
  .new-page-grid .ic {
    width: 44px !important;
    height: 44px !important;
    border-radius: 14px !important;
    margin-bottom: 8px !important;
  }

  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  .new-page-grid .kb-simple-card {
    row-gap: 10px !important;
  }

  body[data-route-home="1"] .home14-preview-grid .actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .actions > a.btn,
  .new-page-grid .actions > .btn,
  .new-page-grid .actions > a.btn,
  body[data-route-home="1"] .home14-start-actions > .btn,
  body[data-route-home="1"] .home14-start-actions > a.btn,
  body[data-route-home="1"] .home14-hero-actions > .btn,
  body[data-route-home="1"] .home14-hero-actions > a.btn,
  body[data-route-home="1"] .home14-refresh-route {
    min-height: 46px !important;
    padding-inline: 14px !important;
    font-size: 15px !important;
  }
}


/* ===== Pass 30: authoritative responsive lock for home/new/series/kb ===== */
:where(.container, #root, .page, .grid, .card, .actions, .series-card-actions, .home14-hero-actions, .home14-copy-split) {
  min-width: 0;
}

:where(.grid > *, .card > *, .actions > *, .series-card-actions > *) {
  min-width: 0;
  max-width: 100%;
}

:where(.card h1, .card h2, .card h3, .card p, .card .muted, .btn, .chip, .tag) {
  overflow-wrap: anywhere;
}

.new-page-grid,
.new-articles-grid,
.new-series-grid,
body[data-route-home="1"] .home14-preview-grid,
body[data-route-home="1"] .home14-start-grid,
#series-grid,
.kb-grid {
  align-items: stretch !important;
}

.new-page-grid > .card,
.new-page-grid > article.card,
body[data-route-home="1"] .home14-preview-grid > .card,
body[data-route-home="1"] .home14-preview-grid > article.card,
#series-grid > .card,
#series-grid > article.card,
.kb-grid > .card,
.kb-grid > article.card {
  width: 100% !important;
  max-width: 100% !important;
}

.new-page-grid .kb-simple-card,
.new-page-grid .series-preview-card,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
body[data-route-home="1"] .home14-preview-grid .series-preview-card,
body[data-route-home="1"] .home14-start-card,
#series-grid .series-catalog-card,
.kb-grid .kb-entry-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  overflow: visible !important;
}

.new-page-grid .actions,
.new-page-grid .series-card-actions,
body[data-route-home="1"] .home14-preview-grid .actions,
body[data-route-home="1"] .home14-preview-grid .series-card-actions,
body[data-route-home="1"] .home14-start-actions,
body[data-route-home="1"] .home14-hero-actions,
#series-grid .series-card-actions,
.kb-grid .actions {
  width: 100% !important;
  min-width: 0 !important;
  margin-top: auto !important;
}

.new-page-grid .actions > .btn,
.new-page-grid .actions > a.btn,
.new-page-grid .series-card-actions > .btn,
.new-page-grid .series-card-actions > a.btn,
body[data-route-home="1"] .home14-preview-grid .actions > .btn,
body[data-route-home="1"] .home14-preview-grid .actions > a.btn,
body[data-route-home="1"] .home14-preview-grid .series-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid .series-card-actions > a.btn,
body[data-route-home="1"] .home14-start-actions > .btn,
body[data-route-home="1"] .home14-start-actions > a.btn,
body[data-route-home="1"] .home14-hero-actions > .btn,
body[data-route-home="1"] .home14-hero-actions > a.btn,
#series-grid .series-card-actions > .btn,
#series-grid .series-card-actions > a.btn,
.kb-grid .actions > .btn,
.kb-grid .actions > a.btn {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.new-page-grid .actions > :only-child,
.new-page-grid .series-card-actions-single > :only-child,
body[data-route-home="1"] .home14-preview-grid .actions > :only-child,
body[data-route-home="1"] .home14-preview-grid .series-card-actions-single > :only-child,
body[data-route-home="1"] .home14-start-actions > :only-child,
#series-grid .series-card-actions-single > :only-child,
.kb-grid .actions > :only-child {
  max-width: none !important;
}

body[data-route-home="1"] .home14-copy-split {
  align-items: start !important;
}

body[data-route-home="1"] .home14-refresh-route {
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

@media (max-width: 1024px) {
  body[data-route-home="1"] .home14-copy-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  body[data-route-home="1"] .home14-refresh-route {
    width: 100% !important;
    justify-content: center !important;
  }

  body[data-route-home="1"] .home14-hero-actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  body[data-route-home="1"] .home14-nav-grid,
  body[data-route-home="1"] .home14-start-grid,
  body[data-route-home="1"] .home14-preview-grid,
  .new-articles-grid,
  .new-series-grid {
    grid-template-columns: 1fr !important;
  }

  .kb-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  #series-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 900px) {
  #series-grid,
  .kb-grid,
  .new-articles-grid,
  .new-series-grid,
  body[data-route-home="1"] .home14-nav-grid,
  body[data-route-home="1"] .home14-start-grid,
  body[data-route-home="1"] .home14-preview-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-route-home="1"] .home14-hero,
  body[data-route-home="1"] .home14-nav-card,
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  #series-grid .series-catalog-card,
  .kb-grid .kb-entry-card {
    padding: 20px !important;
    border-radius: 20px !important;
    min-height: 0 !important;
  }

  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  #series-grid .series-catalog-card,
  .kb-grid .kb-entry-card {
    row-gap: 10px !important;
  }

  body[data-route-home="1"] .home14-preview-grid .series-preview-card h3,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
  .new-page-grid .series-preview-card h3,
  .new-page-grid .kb-simple-card h3,
  #series-grid .series-catalog-card h3,
  .kb-grid .kb-entry-card h3 {
    -webkit-line-clamp: 2 !important;
    min-height: 0 !important;
    font-size: clamp(18px, 4.8vw, 22px) !important;
    line-height: 1.22 !important;
    margin-bottom: 0 !important;
  }

  body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
  .new-page-grid .series-preview-card p,
  .new-page-grid .series-preview-card .muted,
  .new-page-grid .kb-simple-card p,
  .new-page-grid .kb-simple-card .muted,
  #series-grid .series-catalog-card p,
  #series-grid .series-catalog-card .muted,
  .kb-grid .kb-entry-card p,
  .kb-grid .kb-entry-card .muted {
    -webkit-line-clamp: 3 !important;
    min-height: 0 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
    margin-bottom: 0 !important;
  }

  body[data-route-home="1"] .home14-preview-grid .series-preview-card .ic,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .ic,
  .new-page-grid .series-preview-card .ic,
  .new-page-grid .kb-simple-card .ic,
  #series-grid .series-catalog-card .ic,
  .kb-grid .kb-entry-card .ic {
    width: 42px !important;
    height: 42px !important;
    border-radius: 13px !important;
    margin-bottom: 6px !important;
  }

  .new-page-grid .actions,
  .new-page-grid .series-card-actions,
  body[data-route-home="1"] .home14-preview-grid .actions,
  body[data-route-home="1"] .home14-preview-grid .series-card-actions,
  body[data-route-home="1"] .home14-start-actions,
  body[data-route-home="1"] .home14-hero-actions,
  #series-grid .series-card-actions,
  .kb-grid .actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 8px !important;
    padding-top: 10px !important;
    overflow: visible !important;
  }

  .new-page-grid .actions > .btn,
  .new-page-grid .actions > a.btn,
  .new-page-grid .series-card-actions > .btn,
  .new-page-grid .series-card-actions > a.btn,
  body[data-route-home="1"] .home14-preview-grid .actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .actions > a.btn,
  body[data-route-home="1"] .home14-preview-grid .series-card-actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .series-card-actions > a.btn,
  body[data-route-home="1"] .home14-start-actions > .btn,
  body[data-route-home="1"] .home14-start-actions > a.btn,
  body[data-route-home="1"] .home14-hero-actions > .btn,
  body[data-route-home="1"] .home14-hero-actions > a.btn,
  #series-grid .series-card-actions > .btn,
  #series-grid .series-card-actions > a.btn,
  .kb-grid .actions > .btn,
  .kb-grid .actions > a.btn,
  body[data-route-home="1"] .home14-refresh-route {
    width: 100% !important;
    min-height: 44px !important;
    padding: 12px 14px !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
    text-overflow: clip !important;
    justify-content: center !important;
    margin-inline: 0 !important;
  }

  body[data-route-home="1"] .home14-hero-title,
  body[data-route-home="1"] .home14-section-title,
  .discover-shell .discover-title,
  .series-shell .series-shell-title,
  .kb-main .title-xxl {
    font-size: clamp(28px, 7vw, 40px) !important;
    line-height: 1.08 !important;
  }

  body[data-route-home="1"] .home14-hero-lead,
  body[data-route-home="1"] .home14-section-lead,
  .discover-shell .section-intro,
  .series-shell .section-intro {
    font-size: 15px !important;
    line-height: 1.68 !important;
  }
}

@media (max-width: 560px) {
  .container {
    padding-inline: 14px !important;
  }

  body[data-route-home="1"] .home14-hero,
  body[data-route-home="1"] .home14-nav-card,
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  #series-grid .series-catalog-card,
  .kb-grid .kb-entry-card {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  .page {
    padding-block: 34px !important;
  }

  body[data-route-home="1"] .home14-section,
  body[data-route-home="1"] .home14-section + .home14-section,
  body[data-route-home="1"] .home14-section-muted,
  .new-section,
  .series-shell,
  .discover-shell,
  .kb-container,
  .infra-shell,
  .terminal-shell {
    padding-block: 24px 10px !important;
  }
}


/* ===== Pass 31: targeted review fixes for home/new/infra/mobile stability ===== */
:where(
  .btn,
  nav a,
  .chip,
  .tag,
  .title-xxl,
  .section-heading,
  .discover-title,
  .series-shell-title,
  .home14-section-title,
  .home14-section-title-small,
  .home14-start-card h3,
  .home14-preview-grid .card h3,
  .new-page-grid .card h3,
  #series-grid .card h3,
  .kb-grid .card h3,
  .infra-service-name,
  footer#footer a
) {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
}

:where(
  .title-xxl,
  .section-heading,
  .discover-title,
  .series-shell-title,
  .home14-section-title,
  .home14-section-title-small,
  .home14-start-card h3,
  .home14-preview-grid .card h3,
  .new-page-grid .card h3,
  #series-grid .card h3,
  .kb-grid .card h3,
  .infra-service-name
) {
  text-wrap: balance;
}

:where(
  .home14-start-card,
  .home14-preview-grid .card,
  .new-page-grid .card,
  #series-grid .series-catalog-card,
  .kb-grid .kb-entry-card,
  .infra-service-card
) {
  backface-visibility: hidden;
  contain: paint;
}

body[data-route-home="1"] .home14-copy-split {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 18px !important;
}

body[data-route-home="1"] .home14-copy-split > div {
  flex: 1 1 auto;
  min-width: 0;
}

body[data-route-home="1"] .home14-refresh-route {
  align-self: flex-end !important;
  margin-top: 12px !important;
  min-width: clamp(204px, 22vw, 260px);
  width: auto !important;
  max-width: 100% !important;
  justify-content: center !important;
}

body[data-route-home="1"] .home14-tail-action {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

body[data-route-home="1"] .home14-tail-action .btn {
  display: inline-flex !important;
  width: min(100%, 240px) !important;
  max-width: 100% !important;
  margin: 0 !important;
  justify-content: center !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions,
.new-page-grid .kb-simple-card .actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > .btn,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > a.btn,
.new-page-grid .kb-simple-card .actions > .btn,
.new-page-grid .kb-simple-card .actions > a.btn {
  display: inline-flex !important;
  width: min(100%, 300px) !important;
  max-width: 100% !important;
  margin-inline: auto !important;
  justify-content: center !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions,
.new-page-grid .series-preview-card .series-card-actions,
#series-grid .series-catalog-card .series-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  align-items: stretch !important;
  overflow: visible !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > a.btn,
.new-page-grid .series-preview-card .series-card-actions > .btn,
.new-page-grid .series-preview-card .series-card-actions > a.btn,
#series-grid .series-catalog-card .series-card-actions > .btn,
#series-grid .series-catalog-card .series-card-actions > a.btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-inline: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 1.2 !important;
  text-wrap: balance;
  white-space: normal !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single,
.new-page-grid .series-preview-card .series-card-actions-single,
#series-grid .series-catalog-card .series-card-actions-single {
  grid-template-columns: minmax(0, 1fr) !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single > .btn,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single > a.btn,
.new-page-grid .series-preview-card .series-card-actions-single > .btn,
.new-page-grid .series-preview-card .series-card-actions-single > a.btn,
#series-grid .series-catalog-card .series-card-actions-single > .btn,
#series-grid .series-catalog-card .series-card-actions-single > a.btn {
  width: min(100%, 280px) !important;
  margin-inline: auto !important;
}

.infra-service-card {
  min-height: clamp(220px, 24vw, 300px) !important;
}

.infra-service-card .infra-service-copy {
  min-height: 0 !important;
}

@media (max-width: 1024px) {
  body[data-route-home="1"] .home14-copy-split {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 14px !important;
  }

  body[data-route-home="1"] .home14-refresh-route,
  body[data-route-home="1"] .home14-tail-action .btn {
    width: 100% !important;
    min-width: 0 !important;
  }

  .infra-service-card {
    min-height: auto !important;
  }
}

@media (max-width: 900px) {
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  .infra-service-card {
    gap: 10px !important;
  }

  body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions,
  .new-page-grid .series-preview-card .series-card-actions,
  #series-grid .series-catalog-card .series-card-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > a.btn,
  .new-page-grid .kb-simple-card .actions > .btn,
  .new-page-grid .kb-simple-card .actions > a.btn,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > a.btn,
  .new-page-grid .series-preview-card .series-card-actions > .btn,
  .new-page-grid .series-preview-card .series-card-actions > a.btn,
  #series-grid .series-catalog-card .series-card-actions > .btn,
  #series-grid .series-catalog-card .series-card-actions > a.btn {
    width: 100% !important;
    margin-inline: 0 !important;
  }
}

@media (max-width: 560px) {
  body[data-route-home="1"] .home14-tail-action,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions,
  .new-page-grid .kb-simple-card .actions {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

/* ===== Pass 32: final responsive hardening, CTA parity, infra stabilization ===== */
:where(
  .btn,
  nav a,
  .chip,
  .tag,
  .home14-hero-title,
  .home14-section-title,
  .home14-section-title-small,
  .discover-title,
  .series-shell-title,
  .infra-shell-title,
  .section-heading,
  .home14-start-card h3,
  .home14-preview-grid .card h3,
  .new-page-grid .card h3,
  #series-grid .card h3,
  .kb-grid .card h3,
  .infra-service-name,
  footer#footer a
) {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
}

:where(
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .card,
  .new-page-grid .card,
  #series-grid .series-catalog-card,
  .kb-grid .kb-entry-card,
  .infra-service-card
) {
  backface-visibility: visible !important;
  contain: none !important;
  will-change: auto !important;
}

@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  .btn.btn-primary::after {
    display: none !important;
  }

  .card,
  .btn,
  nav a {
    transition: none !important;
  }

  .card:hover,
  .card:focus-within,
  .card:focus-visible,
  .btn:hover,
  .btn:focus-visible,
  nav a:hover,
  nav a:focus-visible {
    transform: none !important;
  }

  canvas#aurora,
  .noise {
    display: none !important;
  }

  .glow {
    opacity: .22 !important;
    filter: blur(56px) !important;
  }
}

@media (min-width: 2560px) {
  .container,
  body[data-route-home="1"] #root.container,
  .hdr-row {
    max-width: 1680px !important;
  }
}

body[data-route-home="1"] .home14-route-toolbar {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 4px 0 22px !important;
}

body[data-route-home="1"] .home14-route-toolbar .home14-refresh-route {
  display: inline-flex !important;
  width: auto !important;
  min-width: clamp(208px, 22vw, 252px) !important;
  max-width: 100% !important;
  min-height: 46px !important;
  padding-inline: 16px !important;
  justify-content: center !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

body[data-route-home="1"] .home14-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  gap: 12px !important;
}

body[data-route-home="1"] .home14-hero-actions > .btn,
body[data-route-home="1"] .home14-hero-actions > a.btn {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  min-height: 46px !important;
  padding-inline: 16px !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  text-align: center !important;
}

body[data-route-home="1"] .home14-start-actions .btn,
body[data-route-home="1"] .home14-start-actions > a.btn {
  width: min(100%, 280px) !important;
}

body[data-route-home="1"] .home14-tail-action {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

body[data-route-home="1"] .home14-tail-action .btn {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: min(100%, 216px) !important;
  min-height: 46px !important;
  padding-inline: 16px !important;
  justify-content: center !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  text-wrap: balance !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
.new-page-grid .kb-simple-card {
  display: grid !important;
  grid-template-rows: auto auto auto auto auto !important;
  row-gap: 12px !important;
  min-height: 0 !important;
  padding: clamp(18px, 2vw, 22px) !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions,
.new-page-grid .kb-simple-card .actions {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: auto !important;
  padding-top: 10px !important;
}

body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > .btn,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > a.btn,
.new-page-grid .kb-simple-card .actions > .btn,
.new-page-grid .kb-simple-card .actions > a.btn {
  display: inline-flex !important;
  width: min(100%, 220px) !important;
  max-width: 220px !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  justify-content: center !important;
  white-space: normal !important;
  line-height: 1.2 !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card,
.new-page-grid .series-preview-card,
#series-grid .series-catalog-card {
  min-width: 0 !important;
  overflow: visible !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions,
.new-page-grid .series-preview-card .series-card-actions,
#series-grid .series-catalog-card .series-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  align-items: stretch !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions > a.btn,
.new-page-grid .series-preview-card .series-card-actions > .btn,
.new-page-grid .series-preview-card .series-card-actions > a.btn,
#series-grid .series-catalog-card .series-card-actions > .btn,
#series-grid .series-catalog-card .series-card-actions > a.btn {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  padding-inline: 12px !important;
  justify-content: center !important;
  align-items: center !important;
  white-space: normal !important;
  line-height: 1.2 !important;
  text-wrap: balance !important;
  box-sizing: border-box !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single,
.new-page-grid .series-preview-card .series-card-actions-single,
#series-grid .series-catalog-card .series-card-actions-single {
  grid-template-columns: minmax(0, 1fr) !important;
}

body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single > .btn,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions-single > a.btn,
.new-page-grid .series-preview-card .series-card-actions-single > .btn,
.new-page-grid .series-preview-card .series-card-actions-single > a.btn,
#series-grid .series-catalog-card .series-card-actions-single > .btn,
#series-grid .series-catalog-card .series-card-actions-single > a.btn {
  width: min(100%, 240px) !important;
  margin-inline: auto !important;
}

.infra-shell-title {
  max-width: none !important;
  font-size: clamp(28px, 4.4vw, 52px) !important;
  line-height: 1.08 !important;
  text-wrap: balance !important;
}

.infra-service-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  gap: 18px !important;
  align-items: stretch !important;
}

.infra-service-grid > .card {
  min-width: 0 !important;
}

.infra-service-card,
.infra-service-card-host {
  display: grid !important;
  grid-template-rows: auto auto 1fr auto !important;
  row-gap: 12px !important;
  min-height: clamp(220px, 22vw, 280px) !important;
  padding: 22px !important;
  border-radius: 20px !important;
}

.infra-service-card .infra-service-name,
.infra-service-card-host .infra-service-name {
  min-height: 0 !important;
  margin: 0 !important;
  font-size: clamp(18px, 1.6vw, 22px) !important;
  line-height: 1.22 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  text-wrap: pretty !important;
}

.infra-service-card .infra-service-copy,
.infra-service-card-host .infra-service-copy {
  min-height: 0 !important;
  display: grid !important;
  gap: 6px !important;
  line-height: 1.55 !important;
}

.infra-service-card .infra-service-status {
  align-self: flex-start !important;
  margin-top: auto !important;
}

@media (max-width: 1200px) {
  #series-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)) !important;
  }

  #series-grid .series-catalog-card {
    min-height: auto !important;
    padding: 20px !important;
    row-gap: 10px !important;
  }
}

@media (max-width: 1080px) {
  body[data-route-home="1"] .home14-hero-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body[data-route-home="1"] .home14-hero-actions > .btn,
  body[data-route-home="1"] .home14-hero-actions > a.btn {
    width: 100% !important;
  }
}

@media (max-width: 1024px) {
  body[data-route-home="1"] .home14-route-toolbar {
    margin: 2px 0 18px !important;
  }

  body[data-route-home="1"] .home14-route-toolbar .home14-refresh-route {
    min-width: 0 !important;
    width: min(100%, 320px) !important;
  }

  .infra-shell-title {
    font-size: clamp(26px, 6.5vw, 38px) !important;
  }

  .infra-service-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)) !important;
  }

  .infra-service-card,
  .infra-service-card-host {
    min-height: auto !important;
    padding: 20px !important;
  }
}

@media (max-width: 900px) {
  #series-grid .series-catalog-card .series-card-actions,
  .new-page-grid .series-preview-card .series-card-actions,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card .series-card-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card .actions > a.btn,
  .new-page-grid .kb-simple-card .actions > .btn,
  .new-page-grid .kb-simple-card .actions > a.btn,
  body[data-route-home="1"] .home14-tail-action .btn,
  body[data-route-home="1"] .home14-start-actions .btn,
  body[data-route-home="1"] .home14-start-actions > a.btn {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (max-width: 700px) {
  body[data-route-home="1"] .home14-route-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
  }

  body[data-route-home="1"] .home14-route-toolbar .home14-refresh-route,
  body[data-route-home="1"] .home14-tail-action .btn {
    width: 100% !important;
    max-width: none !important;
  }

  body[data-route-home="1"] .home14-hero-actions {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .infra-service-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}

@media (max-width: 560px) {
  .infra-service-card,
  .infra-service-card-host,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  #series-grid .series-catalog-card {
    padding: 18px !important;
    border-radius: 18px !important;
  }
}


/* ===== Pass 33: cross-device hardening for header/nav, home/new/kb/series, terminal and wide screens ===== */
@media (max-width: 1180px) and (min-width: 901px) {
  .hdr-row {
    gap: 12px !important;
    padding-inline: 18px !important;
  }

  nav {
    gap: 6px !important;
  }

  nav a {
    padding: 9px 12px !important;
    font-size: 14px !important;
  }

  .hdr .btn,
  .cta .btn,
  #theme-toggle {
    min-width: 0 !important;
    padding: 9px 13px !important;
    font-size: 14px !important;
  }

  .hdr .btn-primary {
    min-width: 0 !important;
  }
}

@media (max-width: 900px) {
  .hdr {
    backdrop-filter: none !important;
  }

  .hdr-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto !important;
    align-items: center !important;
    gap: 10px !important;
  }

  .logo {
    min-width: 0 !important;
  }

  .brand {
    min-width: 0 !important;
    gap: 4px !important;
  }

  .brand b,
  .brand small {
    text-wrap: balance !important;
  }

  #theme-toggle {
    order: initial !important;
    justify-self: end !important;
  }

  .menu-toggle {
    order: initial !important;
    margin-left: 0 !important;
  }

  nav {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    gap: 8px !important;
  }

  nav[data-open="true"] {
    max-height: min(72vh, 520px) !important;
    padding: 10px !important;
    margin-top: 2px !important;
  }

  .cta {
    grid-column: 1 / -1 !important;
    order: initial !important;
    width: 100% !important;
    justify-content: stretch !important;
  }

  .cta .btn {
    width: 100% !important;
    max-width: none !important;
  }
}

@media (min-width: 680px) and (max-width: 1024px) {
  body[data-route-home="1"] .home14-nav-grid,
  body[data-route-home="1"] .home14-start-grid,
  body[data-route-home="1"] .home14-preview-grid,
  .new-articles-grid,
  .new-series-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .kb-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (min-width: 760px) and (max-width: 1200px) {
  #series-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1100px) {
  .kb-container {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }

  .kb-sidebar {
    position: static !important;
    top: auto !important;
    order: -1 !important;
  }

  .kb-sidebar ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
    scrollbar-width: thin;
  }

  .kb-sidebar li {
    flex: 0 0 auto !important;
  }
}

.controls,
.controls.series-controls,
.controls.kb-controls {
  align-items: center !important;
  gap: 12px !important;
}

.controls select,
.controls .search,
#kb-search,
#series-sort {
  min-width: 0 !important;
  max-width: 100% !important;
}

.kb-suggestions {
  max-width: min(100%, 560px) !important;
}

@media (max-width: 760px) {
  .controls,
  .controls.series-controls,
  .controls.kb-controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
  }

  .controls .chip,
  .controls select,
  .controls .search,
  #kb-count,
  #series-sort,
  #kb-search {
    width: 100% !important;
  }

  .kb-suggestions {
    position: static !important;
    width: 100% !important;
    margin-top: 8px !important;
  }
}

body[data-route-home="1"] .home14-start-card,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
body[data-route-home="1"] .home14-preview-grid .series-preview-card,
.new-page-grid .kb-simple-card,
.new-page-grid .series-preview-card,
#series-grid .series-catalog-card,
.kb-grid .kb-entry-card,
.infra-service-card,
.infra-service-card-host {
  box-sizing: border-box !important;
}

body[data-route-home="1"] .home14-start-card .actions,
body[data-route-home="1"] .home14-preview-grid .actions,
body[data-route-home="1"] .home14-preview-grid .series-card-actions,
.new-page-grid .actions,
.new-page-grid .series-card-actions,
#series-grid .series-card-actions,
.kb-grid .actions {
  align-self: stretch !important;
}

@media (max-width: 560px) {
  body[data-route-home="1"] .home14-hero,
  body[data-route-home="1"] .home14-nav-card,
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  #series-grid .series-catalog-card,
  .kb-grid .kb-entry-card,
  .infra-service-card,
  .infra-service-card-host {
    padding: 16px !important;
    border-radius: 16px !important;
    gap: 9px !important;
  }

  body[data-route-home="1"] .home14-start-card h3,
  body[data-route-home="1"] .home14-preview-grid .card h3,
  .new-page-grid .card h3,
  #series-grid .series-catalog-card h3,
  .kb-grid .kb-entry-card h3,
  .infra-service-name {
    font-size: 17px !important;
    line-height: 1.24 !important;
    -webkit-line-clamp: 2 !important;
    min-height: 0 !important;
  }

  body[data-route-home="1"] .home14-start-card p,
  body[data-route-home="1"] .home14-start-card .muted,
  body[data-route-home="1"] .home14-preview-grid .card p,
  body[data-route-home="1"] .home14-preview-grid .card .muted,
  .new-page-grid .card p,
  .new-page-grid .card .muted,
  #series-grid .series-catalog-card p,
  #series-grid .series-catalog-card .muted,
  .kb-grid .kb-entry-card p,
  .kb-grid .kb-entry-card .muted,
  .infra-service-copy {
    font-size: 14px !important;
    line-height: 1.55 !important;
    -webkit-line-clamp: 3 !important;
    min-height: 0 !important;
  }

  body[data-route-home="1"] .home14-preview-grid .actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .actions > a.btn,
  body[data-route-home="1"] .home14-preview-grid .series-card-actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .series-card-actions > a.btn,
  .new-page-grid .actions > .btn,
  .new-page-grid .actions > a.btn,
  .new-page-grid .series-card-actions > .btn,
  .new-page-grid .series-card-actions > a.btn,
  #series-grid .series-card-actions > .btn,
  #series-grid .series-card-actions > a.btn,
  .kb-grid .actions > .btn,
  .kb-grid .actions > a.btn,
  body[data-route-home="1"] .home14-start-actions > .btn,
  body[data-route-home="1"] .home14-start-actions > a.btn,
  body[data-route-home="1"] .home14-tail-action .btn,
  body[data-route-home="1"] .home14-route-toolbar .home14-refresh-route {
    min-height: 42px !important;
    padding: 11px 13px !important;
    font-size: 14px !important;
  }

  .infra-shell-title {
    font-size: clamp(24px, 8vw, 32px) !important;
  }
}

.term,
.term .inner,
#term-out,
.term input,
.term table,
.term-help-panel {
  min-width: 0 !important;
}

.term {
  overscroll-behavior: contain;
}

#term-out {
  overflow-wrap: anywhere;
  word-break: break-word;
}

.term table {
  display: block !important;
  width: 100% !important;
  overflow-x: auto !important;
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .term {
    height: min(68vh, 460px) !important;
  }

  .term .inner {
    padding: 30px 12px 14px !important;
  }

  .term .bar {
    height: 34px !important;
  }
}

@media (hover: none), (pointer: coarse), (max-width: 1024px) {
  .hdr,
  .card,
  .panel,
  footer#footer,
  .controls.series-controls,
  .controls.kb-controls {
    backdrop-filter: none !important;
  }

  .card,
  .panel,
  .hdr,
  footer#footer {
    box-shadow: var(--shadow-soft) !important;
  }
}

@media (min-width: 2560px) {
  .container,
  body[data-route-home="1"] #root.container,
  .hdr-row {
    max-width: 1760px !important;
  }

  body[data-route-home="1"] .home14-hero-copy,
  .section-copy.compact,
  .kb-main .title-xxl,
  .series-shell .section-intro,
  .discover-shell .section-intro {
    max-width: 72ch !important;
  }
}

@media (min-width: 3440px) {
  .container,
  body[data-route-home="1"] #root.container,
  .hdr-row {
    max-width: 1840px !important;
  }
}

/* ===== Pass 34: authoritative article-card CTA stabilization for phone/tablet ===== */
:root {
  --nph-article-cta-max: 248px;
  --nph-tail-cta-max: 208px;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions,
.kb-container .kb-grid > .kb-card-article .article-card-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  padding-top: 10px !important;
  margin-top: auto !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > :only-child,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > :only-child,
.kb-container .kb-grid > .kb-card-article .article-card-actions > :only-child {
  max-width: none !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-read,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > a.btn,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-read,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > .btn,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > a.btn,
.kb-container .kb-grid > .kb-card-article .article-card-read,
.kb-container .kb-grid > .kb-card-article .article-card-actions > .btn,
.kb-container .kb-grid > .kb-card-article .article-card-actions > a.btn {
  flex: 0 0 auto !important;
  width: min(100%, var(--nph-article-cta-max)) !important;
  max-width: var(--nph-article-cta-max) !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

body[data-route-home="1"] .home14-tail-action {
  display: flex !important;
  justify-content: flex-start !important;
  align-items: center !important;
}

body[data-route-home="1"] .home14-tail-action .btn,
body[data-route-home="1"] .home14-tail-action > a.btn {
  flex: 0 0 auto !important;
  width: min(100%, var(--nph-tail-cta-max)) !important;
  max-width: var(--nph-tail-cta-max) !important;
  min-width: 0 !important;
  margin: 0 !important;
  justify-content: center !important;
}

@media (max-width: 900px) {
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article,
  .kb-container .kb-grid > .kb-card-article {
    min-height: auto !important;
    height: auto !important;
    padding: 18px !important;
    gap: 10px !important;
    border-radius: 18px !important;
  }

  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article h3,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article h3,
  .kb-container .kb-grid > .kb-card-article h3 {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    -webkit-line-clamp: 2 !important;
    line-height: 1.24 !important;
  }

  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article p,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .muted,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article p,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .muted,
  .kb-container .kb-grid > .kb-card-article p,
  .kb-container .kb-grid > .kb-card-article .muted {
    min-height: 0 !important;
    margin-bottom: 0 !important;
    -webkit-line-clamp: 2 !important;
    line-height: 1.55 !important;
  }

  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .tags,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .tags,
  .kb-container .kb-grid > .kb-card-article .tags {
    min-height: 0 !important;
    margin: 0 !important;
  }

  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions,
  .kb-container .kb-grid > .kb-card-article .article-card-actions {
    margin-top: 8px !important;
    padding-top: 0 !important;
  }

  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-read,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > .btn,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > a.btn,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-read,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > .btn,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > a.btn,
  .kb-container .kb-grid > .kb-card-article .article-card-read,
  .kb-container .kb-grid > .kb-card-article .article-card-actions > .btn,
  .kb-container .kb-grid > .kb-card-article .article-card-actions > a.btn {
    width: min(100%, 232px) !important;
    max-width: 232px !important;
    min-height: 42px !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
  }

  body[data-route-home="1"] .home14-tail-action .btn,
  body[data-route-home="1"] .home14-tail-action > a.btn {
    width: min(100%, 200px) !important;
    max-width: 200px !important;
    min-height: 42px !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
  }
}

@media (max-width: 560px) {
  :root {
    --nph-article-cta-max: 224px;
    --nph-tail-cta-max: 192px;
  }

  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article,
  .kb-container .kb-grid > .kb-card-article {
    padding: 16px !important;
    gap: 9px !important;
    border-radius: 16px !important;
  }
}


/* ===== Pass 35: route polish, perceptual stability, and infra/title hardening ===== */
:root {
  --nph-cta-height: 46px;
  --nph-cta-height-compact: 42px;
}

.skeleton::after,
[data-ready="0"]::after {
  animation: none !important;
  background-image: none !important;
  content: none !important;
}

.lazy-hidden > *:not(.scroll-skeleton),
.lazy-hidden-card > *:not(.card-skeleton) {
  visibility: visible !important;
}

.scroll-skeleton,
.card-skeleton {
  display: none !important;
}

.btn,
a.btn,
button.btn,
nav a {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: balance !important;
}

body[data-route-home="1"] .home14-section-title,
body[data-route-home="1"] .home14-hero-title,
.series-shell-title,
.discover-title,
.infra-shell-title,
.infra-service-name,
body[data-route-home="1"] .home14-start-card h3,
body[data-route-home="1"] .home14-preview-grid .card h3,
.new-page-grid .card h3,
#series-grid .series-catalog-card h3,
.kb-grid .kb-entry-card h3 {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: balance !important;
}

body[data-route-home="1"] .home14-start-grid + .home14-route-toolbar {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 14px 0 0 !important;
  padding-top: 4px !important;
}

body[data-route-home="1"] .home14-start-grid + .home14-route-toolbar .home14-refresh-route {
  min-height: var(--nph-cta-height) !important;
}

body[data-route-home="1"] .home14-route-toolbar .home14-refresh-route,
body[data-route-home="1"] .home14-tail-action .btn,
body[data-route-home="1"] .home14-tail-action > a.btn,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-read,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > a.btn,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-read,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > .btn,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > a.btn,
.kb-container .kb-grid > .kb-card-article .article-card-read,
.kb-container .kb-grid > .kb-card-article .article-card-actions > .btn,
.kb-container .kb-grid > .kb-card-article .article-card-actions > a.btn,
body[data-route-home="1"] .home14-preview-grid .series-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid .series-card-actions > a.btn,
.new-page-grid .series-card-actions > .btn,
.new-page-grid .series-card-actions > a.btn,
#series-grid .series-card-actions > .btn,
#series-grid .series-card-actions > a.btn {
  min-height: var(--nph-cta-height) !important;
}

.infra-service-card,
.infra-service-card-host {
  grid-template-rows: auto auto minmax(0, 1fr) auto !important;
  row-gap: 10px !important;
}

.infra-service-card .infra-service-copy,
.infra-service-card-host .infra-service-copy {
  gap: 4px !important;
}

.infra-topology-panel {
  min-height: 0 !important;
}

@media (max-width: 1024px) {
  body[data-route-home="1"] .home14-start-grid + .home14-route-toolbar {
    margin-top: 12px !important;
  }
}

@media (max-width: 640px) {
  body[data-route-home="1"] .home14-start-grid + .home14-route-toolbar {
    justify-content: flex-start !important;
  }

  body[data-route-home="1"] .home14-route-toolbar .home14-refresh-route {
    width: min(100%, 236px) !important;
    min-height: var(--nph-cta-height-compact) !important;
    padding: 11px 14px !important;
    font-size: 14px !important;
  }

  body[data-route-home="1"] .home14-tail-action .btn,
  body[data-route-home="1"] .home14-tail-action > a.btn,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-read,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > .btn,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > a.btn,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-read,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > .btn,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > a.btn,
  .kb-container .kb-grid > .kb-card-article .article-card-read,
  .kb-container .kb-grid > .kb-card-article .article-card-actions > .btn,
  .kb-container .kb-grid > .kb-card-article .article-card-actions > a.btn,
  body[data-route-home="1"] .home14-preview-grid .series-card-actions > .btn,
  body[data-route-home="1"] .home14-preview-grid .series-card-actions > a.btn,
  .new-page-grid .series-card-actions > .btn,
  .new-page-grid .series-card-actions > a.btn,
  #series-grid .series-card-actions > .btn,
  #series-grid .series-card-actions > a.btn {
    min-height: var(--nph-cta-height-compact) !important;
  }
}


/* ===== Pass 36: lock article CTA centering across resize states ===== */
:root {
  --nph-article-cta-lock-max: 248px;
  --nph-article-cta-lock-max-compact: 232px;
  --nph-article-preview-surface: linear-gradient(135deg, rgba(42, 63, 101, .76), rgba(64, 44, 87, .74));
  --nph-article-preview-line: rgba(255,255,255,.07);
  --nph-article-preview-shadow: 0 12px 40px rgba(5, 10, 18, .12), inset 0 1px 0 rgba(255,255,255,.04);
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions,
.kb-container .kb-grid > .kb-card-article .article-card-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  min-width: 0 !important;
  gap: 0 !important;
  padding-top: 10px !important;
  margin-top: auto !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > :only-child,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > :only-child,
.kb-container .kb-grid > .kb-card-article .article-card-actions > :only-child {
  margin-inline: auto !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-read,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > .btn,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > a.btn,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-read,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > .btn,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > a.btn,
.kb-container .kb-grid > .kb-card-article .article-card-read,
.kb-container .kb-grid > .kb-card-article .article-card-actions > .btn,
.kb-container .kb-grid > .kb-card-article .article-card-actions > a.btn {
  flex: 0 1 auto !important;
  width: min(100%, var(--nph-article-cta-lock-max)) !important;
  max-width: var(--nph-article-cta-lock-max) !important;
  min-width: 0 !important;
  margin-inline: auto !important;
  justify-content: center !important;
  text-align: center !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article {
  background: var(--nph-article-preview-surface) !important;
  border: 1px solid var(--nph-article-preview-line) !important;
  box-shadow: var(--nph-article-preview-shadow) !important;
}

@media (max-width: 900px) {
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-read,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > .btn,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions > a.btn,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-read,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > .btn,
  .discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions > a.btn,
  .kb-container .kb-grid > .kb-card-article .article-card-read,
  .kb-container .kb-grid > .kb-card-article .article-card-actions > .btn,
  .kb-container .kb-grid > .kb-card-article .article-card-actions > a.btn {
    width: min(100%, var(--nph-article-cta-lock-max-compact)) !important;
    max-width: var(--nph-article-cta-lock-max-compact) !important;
  }
}


/* ===== Pass 37: force full-width grid track for Home/New article preview cards ===== */
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-columns: minmax(0, 1fr) !important;
  justify-items: stretch !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article h3,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article p,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .muted,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .tags,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .article-card-actions,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article h3,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article p,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .muted,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .tags,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .article-card-actions {
  width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb > .kb-card-article .ic,
.discover-shell ~ .new-section.new-section-articles .new-page-grid.new-articles-grid > .kb-card-article .ic {
  justify-self: start !important;
}


/* ===== Pass 38: visible top refresh control, route-safe preboot shell, calmer series titles ===== */
#root[data-preboot-shell="1"] {
  min-height: min(78vh, 1180px);
}

#root[data-preboot-shell="1"] > .page:first-child {
  padding-top: clamp(28px, 4vw, 42px);
}

body[data-route-home="1"] .home14-copy-split .home14-route-toolbar {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

body[data-route-home="1"] .home14-copy-split .home14-route-toolbar .home14-refresh-route {
  width: auto !important;
  min-width: clamp(216px, 22vw, 268px) !important;
  max-width: 100% !important;
  min-height: var(--nph-cta-height) !important;
  justify-content: center !important;
  margin: 0 !important;
}

@media (max-width: 1024px) {
  body[data-route-home="1"] .home14-copy-split .home14-route-toolbar {
    width: 100% !important;
    justify-content: flex-start !important;
    align-items: center !important;
  }

  body[data-route-home="1"] .home14-copy-split .home14-route-toolbar .home14-refresh-route {
    width: min(100%, 280px) !important;
  }
}

@media (max-width: 640px) {
  body[data-route-home="1"] .home14-copy-split .home14-route-toolbar .home14-refresh-route {
    width: 100% !important;
    min-width: 0 !important;
    min-height: var(--nph-cta-height-compact) !important;
  }
}

@media (min-width: 1025px) {
  #series-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
  }

  #series-grid .series-catalog-card {
    min-height: 500px !important;
  }

  #series-grid .series-catalog-card h3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    min-height: calc(1.16em * 3) !important;
    font-size: clamp(19px, 1.55vw, 24px) !important;
    line-height: 1.16 !important;
    text-wrap: balance !important;
  }

  #series-grid .series-catalog-card p,
  #series-grid .series-catalog-card .muted {
    -webkit-line-clamp: 4 !important;
  }
}


/* ===== Pass 39: startup hardening, title integrity, and zero-truncation cards ===== */
#root {
  min-height: 0 !important;
}

body[data-route-home="1"] .home14-hero-lead,
body[data-route-home="1"] .home14-section-lead,
body[data-route-home="1"] .home14-section-lead-compact,
.series-shell .section-intro,
.discover-shell .section-intro,
.infra-shell .section-intro,
.kb-main .muted,
.page .subtitle {
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: pretty !important;
}

body[data-route-home="1"] .home14-start-card,
body[data-route-home="1"] .home14-preview-grid .series-preview-card,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
.new-page-grid .series-preview-card,
.new-page-grid .kb-simple-card,
#series-grid .series-catalog-card,
.kb-grid .kb-entry-card,
.infra-service-card,
.infra-service-card-host {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  min-height: 0 !important;
  height: auto !important;
}

body[data-route-home="1"] .home14-start-card .ic,
body[data-route-home="1"] .home14-preview-grid .card .ic,
.new-page-grid .card .ic,
#series-grid .series-catalog-card .ic,
.kb-grid .kb-entry-card .ic,
.infra-service-card .ic,
.infra-service-card-host .ic {
  margin-bottom: 0 !important;
}

body[data-route-home="1"] .home14-start-card h3,
body[data-route-home="1"] .home14-preview-grid .series-preview-card h3,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card h3,
.new-page-grid .series-preview-card h3,
.new-page-grid .kb-simple-card h3,
#series-grid .series-catalog-card h3,
.kb-grid .kb-entry-card h3,
.infra-service-name {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-bottom: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: balance !important;
}

body[data-route-home="1"] .home14-start-card p,
body[data-route-home="1"] .home14-start-card .muted,
body[data-route-home="1"] .home14-preview-grid .series-preview-card p,
body[data-route-home="1"] .home14-preview-grid .series-preview-card .muted,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card p,
body[data-route-home="1"] .home14-preview-grid .kb-simple-card .muted,
.new-page-grid .series-preview-card p,
.new-page-grid .series-preview-card .muted,
.new-page-grid .kb-simple-card p,
.new-page-grid .kb-simple-card .muted,
#series-grid .series-catalog-card p,
#series-grid .series-catalog-card .muted,
.kb-grid .kb-entry-card p,
.kb-grid .kb-entry-card .muted,
.infra-service-copy {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  text-overflow: clip !important;
  min-height: 0 !important;
  max-height: none !important;
  margin-bottom: 0 !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
  text-wrap: pretty !important;
}

body[data-route-home="1"] .home14-start-actions,
body[data-route-home="1"] .home14-preview-grid .article-card-actions,
body[data-route-home="1"] .home14-preview-grid .series-card-actions,
.new-page-grid .article-card-actions,
.new-page-grid .series-card-actions,
#series-grid .series-card-actions,
.kb-grid .article-card-actions,
.infra-service-card .infra-service-status,
.infra-service-card-host .infra-service-status {
  margin-top: auto !important;
}

#series-grid .series-card-meta,
body[data-route-home="1"] .home14-preview-grid .series-card-meta,
.new-page-grid .series-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 0 !important;
}

#series-grid .series-card-status,
body[data-route-home="1"] .home14-preview-grid .series-card-status,
.new-page-grid .series-card-status {
  white-space: normal !important;
  text-align: left !important;
}

#series-grid,
body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-series,
.new-page-grid.new-series-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 344px), 1fr)) !important;
}

body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-kb,
.new-page-grid.new-articles-grid,
.kb-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)) !important;
}

@media (max-width: 980px) {
  #series-grid,
  body[data-route-home="1"] .home14-preview-grid.home14-preview-grid-series,
  .new-page-grid.new-series-grid {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)) !important;
  }
}

@media (max-width: 760px) {
  body[data-route-home="1"] .home14-start-card,
  body[data-route-home="1"] .home14-preview-grid .series-preview-card,
  body[data-route-home="1"] .home14-preview-grid .kb-simple-card,
  .new-page-grid .series-preview-card,
  .new-page-grid .kb-simple-card,
  #series-grid .series-catalog-card,
  .kb-grid .kb-entry-card,
  .infra-service-card,
  .infra-service-card-host {
    gap: 12px !important;
  }
}

/* ===== Pass 40: warm-start boot, live hero copy, and clamp-free lead text ===== */
body[data-route-home="1"] .home14-hero,
body[data-route-home="1"] .home14-nav-card,
body[data-route-home="1"] .home14-start-card,
body[data-route-home="1"] .home14-preview-grid .card {
  overflow: visible !important;
}

body[data-route-home="1"] .home14-hero-copy {
  max-width: min(100%, 860px) !important;
}

body[data-route-home="1"] .home14-hero-title,
body[data-route-home="1"] .home14-hero-lead,
body[data-route-home="1"] .home14-section-lead,
body[data-route-home="1"] .home14-section-lead-compact,
body[data-route-home="1"] .home14-nav-card p,
body[data-route-home="1"] .home14-nav-card .muted,
.series-shell .section-intro,
.discover-shell .section-intro,
.infra-shell .section-intro,
.kb-main .muted,
.page .subtitle {
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  text-overflow: clip !important;
  max-height: none !important;
}

body[data-route-home="1"] .home14-hero-title {
  max-width: min(100%, 19ch) !important;
  text-wrap: pretty !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual !important;
}

body[data-route-home="1"] .home14-hero-title-em {
  display: inline !important;
  margin-right: .08em !important;
  padding: .06em .22em .12em !important;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

body[data-route-home="1"] .home14-hero-lead {
  max-width: 68ch !important;
  line-height: 1.74 !important;
  text-wrap: pretty !important;
}

body[data-route-home="1"] .home14-hero-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
}

body[data-route-home="1"] .home14-hero-stats span {
  min-width: 0 !important;
  white-space: normal !important;
}

body[data-route-home="1"] .home14-hero-stats strong {
  flex: 0 0 auto;
}

@media (max-width: 760px) {
  body[data-route-home="1"] .home14-hero-title {
    max-width: none !important;
  }

  body[data-route-home="1"] .home14-hero-title-em {
    margin-right: .04em !important;
  }
}

/* ===== Pass 41: course architecture for series catalog ===== */
.series-shell-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  margin: 22px 0 28px;
}

.series-view-switch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px;
  border-radius: 18px;
  border: 1px solid rgba(156, 171, 207, 0.18);
  background: rgba(11, 16, 29, 0.7);
  backdrop-filter: blur(12px);
}

.series-view-tab {
  appearance: none;
  border: 0;
  background: transparent;
  color: rgba(231, 236, 244, 0.82);
  padding: 10px 18px;
  border-radius: 14px;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
  transition: transform .18s ease, background .18s ease, color .18s ease, box-shadow .18s ease;
}

.series-view-tab:hover {
  transform: translateY(-1px);
}

.series-view-tab.is-active,
.series-view-tab[aria-selected="true"] {
  color: #111627;
  background: linear-gradient(135deg, rgba(214, 179, 255, 0.98), rgba(255, 110, 199, 0.94));
  box-shadow: 0 12px 28px rgba(214, 179, 255, 0.2);
}

.series-shell-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.series-shell-metrics .chip {
  min-width: 0;
}

.series-view-panel[hidden] {
  display: none !important;
}

.series-course-overview {
  display: grid;
  gap: 18px;
}

.series-course-copy .section-intro {
  max-width: 74ch;
}

.series-course-grid {
  align-items: stretch !important;
}

.series-course-card {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start;
  text-align: left;
  gap: 14px;
  min-height: 100%;
  padding: clamp(22px, 2.4vw, 28px) !important;
  border-radius: 28px !important;
  border: 1px solid rgba(156, 171, 207, 0.16);
  background: linear-gradient(180deg, rgba(16, 24, 42, 0.92), rgba(12, 17, 30, 0.96));
  cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.series-course-card:hover,
.series-course-card.is-active {
  transform: translateY(-1px);
  border-color: rgba(214, 179, 255, 0.32);
  box-shadow: 0 18px 40px rgba(8, 11, 20, 0.28);
}

.series-course-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

.series-course-card-kpi {
  flex: 0 0 auto;
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1;
  font-weight: 800;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.96);
}

.series-course-card h3 {
  margin: 0;
  font-size: clamp(22px, 2.3vw, 30px);
  line-height: 1.14;
  text-wrap: pretty;
  overflow-wrap: normal;
  word-break: normal;
}

.series-course-card p,
.series-course-card .muted {
  margin: 0;
  display: block !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.65;
}

.series-course-chiprow {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.series-course-card-link {
  margin-top: auto;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.88);
}

.series-course-stack {
  display: grid;
  gap: 18px;
  margin-top: 28px;
}

.series-course-panel {
  border: 1px solid rgba(156, 171, 207, 0.16);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(16, 24, 42, 0.92), rgba(12, 17, 30, 0.97));
  overflow: hidden;
}

.series-course-panel.is-active {
  border-color: rgba(214, 179, 255, 0.32);
  box-shadow: 0 18px 42px rgba(8, 11, 20, 0.26);
}

.series-course-summary {
  list-style: none;
  cursor: pointer;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: flex-start;
  gap: 18px;
  padding: clamp(22px, 2.5vw, 30px);
}

.series-course-summary::-webkit-details-marker {
  display: none;
}

.series-course-summary-copy,
.series-course-summary-side {
  min-width: 0;
}

.series-course-summary h3 {
  margin: 6px 0 10px;
  font-size: clamp(24px, 2.4vw, 34px);
  line-height: 1.14;
  text-wrap: pretty;
}

.series-course-summary p {
  margin: 0;
  color: rgba(231, 236, 244, 0.86);
  line-height: 1.65;
}

.series-course-summary-side {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}

.series-course-summary-chevron {
  font-size: 28px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.72);
  transition: transform .18s ease;
}

.series-course-panel[open] .series-course-summary-chevron {
  transform: rotate(180deg);
}

.series-course-body {
  display: grid;
  gap: 16px;
  padding: 0 clamp(22px, 2.5vw, 30px) clamp(22px, 2.6vw, 32px);
}

.series-course-list {
  align-items: stretch !important;
}

.series-course-list .series-catalog-card {
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: 100% !important;
  padding: clamp(20px, 2vw, 26px) !important;
  border-radius: 24px !important;
  gap: 12px !important;
  overflow: visible !important;
}

.series-course-list .series-catalog-card .ic {
  width: 64px !important;
  height: 64px !important;
  margin-bottom: 6px !important;
}

.series-course-list .series-catalog-card h3 {
  margin: 0 !important;
  font-size: clamp(22px, 1.8vw, 30px) !important;
  line-height: 1.18 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  text-wrap: pretty !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.series-course-list .series-catalog-card p,
.series-course-list .series-catalog-card .muted {
  margin: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.65 !important;
}

.series-course-list .series-card-meta,
.series-course-list .actions,
.series-course-list .series-card-actions {
  width: 100% !important;
  min-width: 0 !important;
  margin-top: auto !important;
}

.series-course-list .series-card-actions {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px !important;
}

.series-course-list .series-card-actions > .btn,
.series-course-list .series-card-actions > a.btn,
.series-course-list .series-card-actions > .series-card-placeholder {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.series-course-list .series-card-actions-single {
  grid-template-columns: minmax(0, 1fr) !important;
}

.series-course-list .series-card-actions-single > :only-child {
  width: min(100%, 320px) !important;
  justify-self: start !important;
}

.series-course-step {
  align-self: flex-start;
}

@media (max-width: 1100px) {
  .series-course-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .series-course-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .series-shell-toolbar {
    align-items: stretch;
  }

  .series-view-switch {
    width: 100%;
    justify-content: stretch;
  }

  .series-view-tab {
    flex: 1 1 0;
    text-align: center;
  }

  .series-shell-metrics {
    width: 100%;
  }

  .series-course-grid {
    grid-template-columns: 1fr !important;
  }

  .series-course-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .series-course-summary-side {
    align-items: flex-start;
  }

  .series-course-list .series-card-actions {
    grid-template-columns: 1fr !important;
  }

  .series-course-list .series-card-actions-single > :only-child {
    width: 100% !important;
  }
}

/* ===== Pass 42: series catalog premium card stability ===== */
.series-course-overview,
.series-course-grid,
.series-course-stack,
.series-course-list,
.series-course-list .series-catalog-card,
.series-course-list .series-card-actions {
  min-width: 0;
}

.series-course-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: clamp(18px, 2vw, 24px) !important;
}

.series-course-card {
  position: relative;
  isolation: isolate;
  min-width: 0;
  gap: 16px !important;
  border-radius: 30px !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at top right, rgba(214, 179, 255, 0.16), transparent 44%),
    linear-gradient(180deg, rgba(17, 26, 45, 0.96), rgba(8, 12, 22, 0.99)) !important;
  box-shadow: 0 18px 42px rgba(5, 8, 18, 0.28) !important;
}

.series-course-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 1px solid rgba(198, 171, 255, 0.12);
  pointer-events: none;
  z-index: -1;
}

.series-course-card:hover,
.series-course-card.is-active {
  transform: translateY(-1px);
  border-color: rgba(226, 194, 255, 0.34);
  box-shadow: 0 22px 48px rgba(5, 8, 18, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.series-course-card-head {
  width: 100%;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px;
}

.series-course-card-total {
  flex: 0 0 auto;
  white-space: nowrap;
}

.series-course-card h3 {
  margin: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: clamp(28px, 2.35vw, 38px) !important;
  line-height: 1.08 !important;
  letter-spacing: -0.035em;
  text-wrap: balance;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual;
}

.series-course-card p,
.series-course-card .muted {
  margin: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  color: rgba(232, 236, 246, 0.88);
  line-height: 1.7 !important;
}

.series-course-card-preview {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 10px;
}

.series-course-card-preview li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  color: rgba(232, 236, 246, 0.9);
  line-height: 1.56;
}

.series-course-card-preview-more {
  grid-template-columns: 1fr !important;
  color: rgba(223, 223, 255, 0.74) !important;
  font-weight: 700;
}

.series-course-chiprow {
  width: 100%;
  gap: 10px;
}

.series-course-card-foot {
  width: 100%;
  margin-top: auto;
  padding-top: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.series-course-card-status {
  color: rgba(223, 223, 255, 0.78);
  font-size: 14px;
  font-weight: 700;
}

.series-course-card-link {
  color: rgba(255, 225, 246, 0.96);
  white-space: nowrap;
}

.series-course-panel {
  border-radius: 32px;
  border-color: rgba(156, 171, 207, 0.14);
  background:
    radial-gradient(circle at top right, rgba(214, 179, 255, 0.08), transparent 34%),
    linear-gradient(180deg, rgba(16, 24, 42, 0.94), rgba(9, 14, 25, 0.99));
  box-shadow: 0 18px 40px rgba(5, 8, 18, 0.22);
}

.series-course-summary h3,
.series-course-summary p {
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
}

.series-course-summary h3 {
  letter-spacing: -0.03em;
}

.series-course-list {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(18px, 1.8vw, 24px) !important;
}

.series-course-list .series-catalog-card {
  container-type: inline-size;
  container-name: series-lesson-card;
  min-width: 0 !important;
  padding: clamp(22px, 2vw, 28px) !important;
  border-radius: 26px !important;
  gap: 14px !important;
  overflow: visible !important;
  background:
    radial-gradient(circle at top right, rgba(214, 179, 255, 0.1), transparent 38%),
    linear-gradient(180deg, rgba(8, 13, 24, 0.98), rgba(4, 7, 14, 1)) !important;
  box-shadow: 0 14px 32px rgba(2, 5, 12, 0.32) !important;
}

.series-course-list .series-catalog-card .ic {
  margin-bottom: 4px !important;
}

.series-course-list .series-catalog-card h3 {
  margin: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  min-height: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  font-size: clamp(23px, 1.7vw, 31px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.03em;
  text-wrap: balance !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: manual;
}

.series-course-list .series-catalog-card p,
.series-course-list .series-catalog-card .muted {
  margin: 0 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  max-height: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.7 !important;
}

.series-course-list .series-card-meta {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: auto !important;
  padding-top: 8px;
}

.series-course-list .series-card-meta > * {
  min-width: 0;
}

.series-course-list .series-card-actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
  gap: 12px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin-top: 10px !important;
  padding-top: 0 !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.series-course-list .series-card-actions > .btn,
.series-course-list .series-card-actions > a.btn,
.series-course-list .series-card-actions > .series-card-placeholder {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  min-inline-size: 0 !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
  padding-inline: 16px !important;
  min-height: 56px !important;
  box-sizing: border-box !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 1.24 !important;
  white-space: normal !important;
  text-wrap: balance;
}

.series-course-list .series-card-actions-single {
  grid-template-columns: minmax(0, 1fr) !important;
}

.series-course-list .series-card-actions-single > :only-child {
  width: 100% !important;
  justify-self: stretch !important;
}

@container series-lesson-card (max-width: 430px) {
  .series-course-list .series-card-actions {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1720px) {
  .series-course-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .series-course-list {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1320px) {
  .series-course-list {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 980px) {
  .series-course-grid {
    grid-template-columns: 1fr !important;
  }

  .series-course-card-foot,
  .series-course-summary-side {
    align-items: flex-start !important;
    flex-direction: column;
  }
}

@media (max-width: 760px) {
  .series-course-card {
    padding: 20px !important;
    border-radius: 24px !important;
  }

  .series-course-card h3 {
    font-size: clamp(24px, 8vw, 34px) !important;
  }

  .series-course-card-preview li {
    grid-template-columns: 1fr;
  }

  .series-course-list .series-catalog-card {
    padding: 20px !important;
    border-radius: 22px !important;
  }

  .series-course-list .series-card-actions {
    grid-template-columns: 1fr !important;
  }

  .series-course-list .series-card-actions > .btn,
  .series-course-list .series-card-actions > a.btn {
    min-height: 52px !important;
  }
}