.nb-ops-shell {
  width: min(1120px, calc(100% - 28px));
  margin: 0 auto;
  padding: 34px 0 64px;
  color: #10213f;
}

.nb-ops-hero,
.nb-blog-hero,
.nb-release-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(26px, 6vw, 58px);
  border-radius: 32px;
  background: linear-gradient(135deg, #05224a, #0b57d0 62%, #11b8c6);
  color: #fff;
  box-shadow: 0 24px 70px rgba(5, 34, 74, .2);
}

.nb-ops-hero h1,
.nb-blog-hero h1,
.nb-release-hero h1 { margin: 8px 0 12px; color: #fff; font-size: clamp(2rem, 6vw, 4.6rem); line-height: 1; }
.nb-ops-hero p,
.nb-blog-hero p,
.nb-release-hero p { max-width: 760px; margin: 0; color: #e9f5ff; font-size: clamp(1rem, 2.4vw, 1.2rem); line-height: 1.65; }

.nb-ops-kicker,
.nb-blog-kicker,
.nb-release-kicker { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.22); font-weight: 900; letter-spacing: .05em; text-transform: uppercase; font-size: .75rem; }

.nb-health-badge { display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; padding: 10px 14px; border-radius: 999px; background: rgba(255,255,255,.16); font-weight: 900; }
.nb-health-badge::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: #ffd86b; box-shadow: 0 0 0 5px rgba(255,216,107,.16); }
.nb-health-badge[data-state="operational"]::before { background: #5de093; box-shadow: 0 0 0 5px rgba(93,224,147,.16); }
.nb-health-badge[data-state="degraded"]::before { background: #ff8778; box-shadow: 0 0 0 5px rgba(255,135,120,.16); }

.nb-ops-grid,
.nb-blog-grid,
.nb-release-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 22px; }
.nb-ops-card,
.nb-blog-card,
.nb-release-card { padding: 22px; border: 1px solid #dbe6f3; border-radius: 22px; background: #fff; box-shadow: 0 12px 32px rgba(5,34,74,.07); }
.nb-ops-card h2,
.nb-blog-card h2,
.nb-release-card h2 { margin: 5px 0 9px; color: #05224a; font-size: 1.22rem; }
.nb-ops-card p,
.nb-blog-card p,
.nb-release-card p,
.nb-release-card li { color: #52627b; line-height: 1.58; }
.nb-ops-card strong { display: block; color: #0b57d0; font-size: 1.35rem; }

.nb-ops-actions,
.nb-blog-filters,
.nb-release-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 18px; }
.nb-ops-button,
.nb-blog-filter,
.nb-release-button { min-height: 42px; padding: 9px 14px; border: 1px solid #adc3df; border-radius: 12px; background: #fff; color: #05224a; font: inherit; font-weight: 850; cursor: pointer; text-decoration: none; }
.nb-ops-button.is-primary,
.nb-blog-filter[aria-pressed="true"],
.nb-release-button.is-primary { border-color: #0b57d0; background: #0b57d0; color: #fff; }

.nb-ops-note,
.nb-release-note { margin-top: 22px; padding: 18px 20px; border-radius: 18px; background: #edf6ff; color: #243c5a; line-height: 1.6; }

.nb-blog-card { display: flex; flex-direction: column; min-height: 250px; text-decoration: none; }
.nb-blog-card[hidden] { display: none; }
.nb-blog-card .nb-blog-tag { width: max-content; padding: 6px 9px; border-radius: 999px; background: #edf5ff; color: #0b57d0; font-size: .74rem; font-weight: 900; text-transform: uppercase; }
.nb-blog-card strong { margin-top: auto; color: #0b57d0; }

.nb-release-shell { width: min(960px, calc(100% - 28px)); margin: 0 auto; padding: 34px 0 64px; }
.nb-release-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nb-release-card ul { margin: 10px 0 0; padding-left: 20px; }
.nb-release-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.nb-release-meta span { padding: 7px 10px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.18); font-weight: 800; font-size: .82rem; }

.newsletter-frequency { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 13px 0; }
.newsletter-frequency label { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 8px; padding: 10px; border: 1px solid rgba(255,255,255,.25); border-radius: 12px; cursor: pointer; }
.newsletter-frequency input { accent-color: #11c9d3; }
.newsletter-consent { display: grid !important; grid-template-columns: auto 1fr; align-items: start; gap: 9px; margin-top: 10px; }
.newsletter-consent input { margin-top: 4px; }
.newsletter-unsubscribe { margin-top: 10px; border: 0; background: transparent; color: #eaf6ff; text-decoration: underline; cursor: pointer; }
.newsletter-edition-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-top: 15px; }
.newsletter-edition-list a { display: block; padding: 12px 14px; border-radius: 14px; background: #fff; border: 1px solid #dbe6f3; color: #05224a; font-weight: 800; text-decoration: none; }

html[data-nb-theme="dark"] .nb-ops-card,
html[data-nb-theme="dark"] .nb-blog-card,
html[data-nb-theme="dark"] .nb-release-card { background: #0d2442; border-color: #304b70; color: #eef6ff; }
html[data-nb-theme="dark"] .nb-ops-card h2,
html[data-nb-theme="dark"] .nb-blog-card h2,
html[data-nb-theme="dark"] .nb-release-card h2 { color: #fff; }
html[data-nb-theme="dark"] .nb-ops-card p,
html[data-nb-theme="dark"] .nb-blog-card p,
html[data-nb-theme="dark"] .nb-release-card p,
html[data-nb-theme="dark"] .nb-release-card li { color: #bfd0e8; }

@media (max-width: 820px) {
  .nb-ops-grid,
  .nb-blog-grid,
  .nb-release-grid { grid-template-columns: 1fr; }
  .newsletter-edition-list { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
  .nb-ops-shell,
  .nb-release-shell { width: min(100% - 18px, 1120px); padding-top: 14px; }
  .nb-ops-hero,
  .nb-blog-hero,
  .nb-release-hero { border-radius: 23px; padding: 23px; }
  .newsletter-frequency { grid-template-columns: 1fr; }
}