.nhue-changelog-wrap {
  --nhue-bg: #0B0B0D;
  --nhue-panel: #17171B;
  --nhue-panel2: #202026;
  --nhue-border: #34343A;
  --nhue-orange: #FF7A1A;
  --nhue-orange2: #FF9A3D;
  --nhue-text: #F2F2F2;
  --nhue-muted: #A8A8A8;
  --nhue-soft: #D7D7D7;
  color: var(--nhue-text);
  font-family: Inter, Arial, sans-serif;
  margin: 0 auto;
}
.nhue-changelog-wrap, .nhue-changelog-wrap * { box-sizing: border-box; }
.nhue-changelog-wrap a { color: inherit; text-decoration: none; }
.nhue-changelog-kicker { color: var(--nhue-orange2); text-transform: uppercase; letter-spacing: .14em; font-size: .8rem; font-weight: 900; margin-bottom: 12px; }
.nhue-changelog-hero, .nhue-changelog-snapshot, .nhue-current-update, .nhue-module-summary, .nhue-single-hero {
  border: 1px solid rgba(255,122,26,.42);
  border-radius: 30px;
  padding: clamp(24px,4vw,46px);
  margin: 0 0 28px;
  background: radial-gradient(circle at top left, rgba(255,122,26,.22), transparent 34rem), linear-gradient(180deg,#17171B,#0D0D10);
  box-shadow: 0 26px 86px rgba(0,0,0,.30);
}
.nhue-changelog-hero h2, .nhue-changelog-snapshot h2, .nhue-single-hero h2 { color: #fff; font-size: clamp(2rem,5vw,4.5rem); line-height: .98; letter-spacing: -.05em; margin: 0 0 16px; }
.nhue-changelog-hero p, .nhue-changelog-snapshot p { color: var(--nhue-soft); font-size: clamp(1.02rem,2vw,1.18rem); line-height: 1.68; max-width: 980px; margin: 0; }
.nhue-layout-pills, .nhue-changelog-meta-line, .nhue-changelog-pills { display:flex; flex-wrap:wrap; gap:8px; margin: 14px 0 0; }
.nhue-layout-pills span, .nhue-changelog-meta-line span, .nhue-changelog-pills span {
  border: 1px solid rgba(255,255,255,.12); background: rgba(255,255,255,.05); border-radius:999px; padding:6px 9px; color: var(--nhue-soft); font-size:.78rem; font-weight:800;
}
.nhue-changelog-pills span { color: var(--nhue-orange2); border-color: rgba(255,122,26,.28); }
.nhue-snapshot-head { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:space-between; gap:16px; margin-bottom:24px; }
.nhue-snapshot-head h2 { margin-bottom:0; max-width:900px; }
.nhue-snapshot-head span { color: var(--nhue-muted); border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); border-radius:999px; padding:8px 12px; font-weight:800; }
.nhue-snapshot-grid, .nhue-module-summary-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.nhue-snapshot-grid article, .nhue-module-summary-grid article { border:1px solid var(--nhue-border); border-radius:22px; padding:20px; background:rgba(255,255,255,.04); }
.nhue-snapshot-grid h3, .nhue-module-summary-grid h3 { color:#fff; margin:0 0 10px; font-size:1.18rem; }
.nhue-snapshot-grid ul { margin:0; padding-left:18px; color:var(--nhue-muted); line-height:1.65; }
.nhue-module-summary-grid p { color:var(--nhue-muted); margin:0 0 12px; }
.nhue-module-summary-grid a { color:var(--nhue-orange2); font-weight:900; }
.nhue-changelog-filters { display:flex; flex-wrap:wrap; align-items:end; gap:14px; border:1px solid var(--nhue-border); border-radius:22px; padding:18px; margin:0 0 24px; background:radial-gradient(circle at 0% 0%, rgba(255,122,26,.13), transparent 38%), rgba(18,18,21,.88); }
.nhue-changelog-filters label { display:grid; gap:6px; min-width:210px; color:var(--nhue-muted); font-weight:800; font-size:.84rem; text-transform:uppercase; letter-spacing:.06em; }
.nhue-changelog-filters select { min-height:44px; border:1px solid var(--nhue-border); border-radius:14px; padding:0 12px; color:var(--nhue-text); background:#0d0d10; }
.nhue-changelog-filters button, .nhue-changelog-clear, .nhue-changelog-readmore { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border-radius:999px; padding:0 17px; font-weight:900; cursor:pointer; }
.nhue-changelog-filters button, .nhue-changelog-readmore { border:0; color:#160A02!important; background:linear-gradient(135deg,var(--nhue-orange),var(--nhue-orange2)); box-shadow:0 12px 34px rgba(255,122,26,.18); }
.nhue-changelog-clear { color:var(--nhue-text)!important; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.055); }
.nhue-changelog-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.nhue-changelog-grid.is-timeline { grid-template-columns:1fr; position:relative; }
.nhue-changelog-card, .nhue-changelog-empty { position:relative; overflow:hidden; border:1px solid var(--nhue-border); border-radius:24px; background:radial-gradient(circle at 0% 0%, rgba(255,122,26,.10), transparent 38%), linear-gradient(180deg,var(--nhue-panel),#101013); box-shadow:0 20px 60px rgba(0,0,0,.25); }
.nhue-changelog-card-body, .nhue-changelog-empty { padding:22px; }
.nhue-changelog-card.is-featured, .nhue-changelog-card.is-current { border-color:rgba(255,122,26,.62); box-shadow:0 20px 70px rgba(255,122,26,.10),0 20px 60px rgba(0,0,0,.30); }
.nhue-changelog-thumb { display:block; border-bottom:1px solid var(--nhue-border); background:#09090A; }
.nhue-changelog-thumb img { display:block; width:100%; aspect-ratio:16/8.5; object-fit:contain; object-position:center; background:#09090A; }
.nhue-changelog-card-top { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:14px; }
.nhue-changelog-status, .nhue-changelog-date { display:inline-flex; align-items:center; min-height:28px; border-radius:999px; padding:0 10px; font-size:.75rem; font-weight:900; letter-spacing:.06em; text-transform:uppercase; }
.nhue-changelog-status { color:var(--nhue-orange2); border:1px solid rgba(255,122,26,.42); background:rgba(255,122,26,.09); }
.nhue-changelog-date { color:var(--nhue-muted); border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.045); }
.nhue-changelog-card h3, .nhue-changelog-empty h3 { color:#fff; font-size:clamp(1.3rem,2vw,2rem); line-height:1.12; letter-spacing:-.03em; margin:0 0 12px; }
.nhue-changelog-card p, .nhue-changelog-empty p { color:var(--nhue-muted); line-height:1.66; margin:0 0 18px; }
.nhue-changelog-note { border-left:2px solid var(--nhue-orange); background:rgba(255,255,255,.04); border-radius:0 12px 12px 0; color:var(--nhue-muted); line-height:1.55; padding:12px 14px; margin:0 0 12px; }
.nhue-changelog-note strong { color:#fff; }
.nhue-changelog-card.is-compact h3 { font-size:1.25rem; }
.nhue-single-update { max-width:1120px; }
.nhue-single-thumb { border:1px solid var(--nhue-border); border-radius:24px; overflow:hidden; margin:0 0 24px; background:#09090A; }
.nhue-single-thumb img { display:block; width:100%; height:auto; }
.nhue-single-content { border:1px solid var(--nhue-border); border-radius:24px; padding:clamp(22px,4vw,38px); background:linear-gradient(180deg,var(--nhue-panel),#101013); color:var(--nhue-soft); line-height:1.72; }
.nhue-single-content h2, .nhue-single-content h3 { color:#fff; }
.nhue-single-notes { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:22px; }
.nhue-single-notes article { border:1px solid var(--nhue-border); border-radius:22px; padding:22px; background:rgba(255,255,255,.04); }
.nhue-single-notes h3 { margin:0 0 10px; color:#fff; }
.nhue-single-notes p { margin:0; color:var(--nhue-muted); line-height:1.65; }
@media(max-width:900px){ .nhue-changelog-grid,.nhue-snapshot-grid,.nhue-module-summary-grid,.nhue-single-notes{grid-template-columns:1fr}.nhue-changelog-filters label{min-width:min(100%,260px)} }
@media(max-width:640px){ .nhue-changelog-card-top{align-items:flex-start;flex-direction:column}.nhue-changelog-filters{display:grid}.nhue-changelog-filters label{min-width:0}.nhue-snapshot-head{display:block}.nhue-snapshot-head span{display:inline-flex;margin-top:12px} }

/* NHUE Roadmap Board */
.nhue-roadmap-wrap {
  --nhue-bg: #0B0B0D;
  --nhue-panel: #17171B;
  --nhue-panel2: #202026;
  --nhue-border: #34343A;
  --nhue-orange: #FF7A1A;
  --nhue-orange2: #FF9A3D;
  --nhue-text: #F2F2F2;
  --nhue-muted: #A8A8A8;
  --nhue-soft: #D7D7D7;
  color: var(--nhue-text);
  font-family: Inter, Arial, sans-serif;
}

.nhue-roadmap-wrap,
.nhue-roadmap-wrap * {
  box-sizing: border-box;
}

.nhue-roadmap-wrap a {
  color: inherit;
  text-decoration: none;
}

.nhue-roadmap-hero,
.nhue-roadmap-single-hero {
  border: 1px solid rgba(255,122,26,0.42);
  border-radius: 30px;
  padding: clamp(24px, 4vw, 46px);
  margin: 0 0 28px;
  background:
    radial-gradient(circle at top left, rgba(255,122,26,0.22), transparent 34rem),
    linear-gradient(180deg, #17171B, #0D0D10);
  box-shadow: 0 26px 86px rgba(0,0,0,0.30);
}

.nhue-roadmap-hero h2,
.nhue-roadmap-single-hero h2 {
  color: #fff;
  font-size: clamp(2rem, 5vw, 4.5rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
  margin: 0 0 16px;
}

.nhue-roadmap-hero p,
.nhue-roadmap-single-hero p {
  color: var(--nhue-soft);
  font-size: clamp(1.02rem, 2vw, 1.18rem);
  line-height: 1.68;
  max-width: 960px;
  margin: 0;
}

.nhue-roadmap-filters {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 14px;
  border: 1px solid var(--nhue-border);
  border-radius: 22px;
  padding: 18px;
  margin: 0 0 24px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,122,26,0.13), transparent 38%),
    rgba(18,18,21,0.88);
}

.nhue-roadmap-filters label {
  display: grid;
  gap: 6px;
  min-width: 220px;
  color: var(--nhue-muted);
  font-weight: 800;
  font-size: 0.84rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.nhue-roadmap-filters select {
  min-height: 44px;
  border: 1px solid var(--nhue-border);
  border-radius: 14px;
  padding: 0 12px;
  color: var(--nhue-text);
  background: #0d0d10;
}

.nhue-roadmap-filters button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  border: 0;
  border-radius: 999px;
  padding: 0 17px;
  font-weight: 900;
  cursor: pointer;
  color: #160A02 !important;
  background: linear-gradient(135deg, var(--nhue-orange), var(--nhue-orange2));
  box-shadow: 0 12px 34px rgba(255,122,26,0.18);
}

.nhue-roadmap-board {
  display: grid;
  grid-template-columns: repeat(4, minmax(260px, 1fr));
  gap: 16px;
  align-items: start;
}

.nhue-roadmap-column {
  min-width: 0;
  border: 1px solid var(--nhue-border);
  border-radius: 24px;
  padding: 14px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,122,26,0.10), transparent 30%),
    rgba(14,14,17,0.94);
  box-shadow: 0 20px 64px rgba(0,0,0,0.25);
}

.nhue-roadmap-column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 12px;
  padding: 6px 4px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.nhue-roadmap-column-head h3 {
  margin: 0;
  color: #fff;
  font-size: 1.05rem;
  letter-spacing: -0.02em;
}

.nhue-roadmap-column-head span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  color: var(--nhue-orange2);
  border: 1px solid rgba(255,122,26,0.35);
  background: rgba(255,122,26,0.08);
  font-weight: 900;
}

.nhue-roadmap-column-cards {
  display: grid;
  gap: 12px;
}

.nhue-roadmap-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.nhue-roadmap-card {
  overflow: hidden;
  position: relative;
  border: 1px solid var(--nhue-border);
  border-left: 4px solid var(--nhue-orange);
  border-radius: 20px;
  background: linear-gradient(180deg, var(--nhue-panel), #101013);
  box-shadow: 0 18px 52px rgba(0,0,0,0.25);
}

.nhue-roadmap-card.is-highlighted {
  border-color: rgba(255,122,26,0.62);
  border-left-color: var(--nhue-orange2);
  box-shadow: 0 18px 62px rgba(255,122,26,0.10), 0 18px 52px rgba(0,0,0,0.28);
}

.nhue-roadmap-card.color-red { border-left-color: #ff4c4c; }
.nhue-roadmap-card.color-yellow { border-left-color: #ffd35a; }
.nhue-roadmap-card.color-green { border-left-color: #74db88; }
.nhue-roadmap-card.color-blue { border-left-color: #69a7ff; }
.nhue-roadmap-card.color-purple { border-left-color: #b887ff; }
.nhue-roadmap-card.color-gray { border-left-color: #8a8a8f; }
.nhue-roadmap-card.color-orange { border-left-color: var(--nhue-orange); }

.nhue-roadmap-thumb {
  display: block;
  overflow: hidden;
  background: #09090A;
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.nhue-roadmap-thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #09090A;
}

.nhue-roadmap-card-body {
  padding: 16px;
}

.nhue-roadmap-label-row,
.nhue-roadmap-meta-line {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  margin-bottom: 10px;
}

.nhue-roadmap-status-label,
.nhue-roadmap-priority,
.nhue-roadmap-meta-line span,
.nhue-roadmap-linked {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 0.72rem;
  font-weight: 900;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.nhue-roadmap-status-label {
  color: var(--nhue-orange2);
  border: 1px solid rgba(255,122,26,0.38);
  background: rgba(255,122,26,0.09);
}

.nhue-roadmap-priority,
.nhue-roadmap-meta-line span {
  color: var(--nhue-soft);
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.045);
}

.nhue-roadmap-card h4 {
  color: #fff;
  font-size: 1.12rem;
  line-height: 1.18;
  letter-spacing: -0.02em;
  margin: 0 0 10px;
}

.nhue-roadmap-card p {
  color: var(--nhue-muted);
  line-height: 1.58;
  margin: 0 0 12px;
  font-size: 0.94rem;
}

.nhue-roadmap-linked {
  color: #160A02 !important;
  background: linear-gradient(135deg, var(--nhue-orange), var(--nhue-orange2));
}

.nhue-roadmap-empty {
  padding: 14px;
  border: 1px dashed rgba(255,255,255,0.14);
  border-radius: 16px;
  color: var(--nhue-muted);
  background: rgba(255,255,255,0.035);
  text-align: center;
}

.nhue-single-roadmap .nhue-single-content {
  border: 1px solid var(--nhue-border);
  border-radius: 24px;
  padding: clamp(22px, 3vw, 34px);
  margin-top: 22px;
  background: linear-gradient(180deg, var(--nhue-panel), #101013);
}

@media (max-width: 1320px) {
  .nhue-roadmap-board {
    grid-template-columns: repeat(3, minmax(260px, 1fr));
  }
}

@media (max-width: 1020px) {
  .nhue-roadmap-board,
  .nhue-roadmap-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .nhue-roadmap-board,
  .nhue-roadmap-card-grid {
    grid-template-columns: 1fr;
  }

  .nhue-roadmap-filters {
    display: grid;
  }

  .nhue-roadmap-filters label {
    min-width: 0;
  }
}


/* NHUE Changelog v0.5 QOL */
.nhue-changelog-filters input[type="search"],
.nhue-roadmap-filters input[type="search"] {
  min-height: 44px;
  border: 1px solid var(--nhue-border);
  border-radius: 14px;
  padding: 0 12px;
  color: var(--nhue-text);
  background: #0d0d10;
}

.nhue-filter-search {
  min-width: min(100%, 320px);
  flex: 1 1 280px;
}

.nhue-filter-check {
  display: inline-flex !important;
  align-items: center;
  grid-template-columns: none !important;
  gap: 8px !important;
  min-height: 44px;
  padding: 0 12px;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 14px;
  background: rgba(255,255,255,0.045);
  color: var(--nhue-soft) !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.nhue-filter-check input {
  margin: 0;
}

.nhue-roadmap-stats {
  display: grid;
  grid-template-columns: minmax(220px, 0.65fr) minmax(0, 1.35fr);
  gap: 14px;
  margin: 0 0 22px;
}

.nhue-roadmap-stat-main,
.nhue-roadmap-stat-grid span {
  border: 1px solid var(--nhue-border);
  border-radius: 22px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,122,26,0.14), transparent 38%),
    rgba(18,18,21,0.88);
  box-shadow: 0 16px 50px rgba(0,0,0,0.20);
}

.nhue-roadmap-stat-main {
  padding: 20px;
}

.nhue-roadmap-stat-main strong {
  display: block;
  color: #fff;
  font-size: clamp(2rem, 4vw, 4rem);
  line-height: 1;
  letter-spacing: -0.05em;
}

.nhue-roadmap-stat-main span,
.nhue-roadmap-stat-grid span {
  color: var(--nhue-muted);
}

.nhue-roadmap-progress {
  height: 10px;
  border-radius: 999px;
  overflow: hidden;
  margin-top: 14px;
  background: rgba(255,255,255,0.08);
}

.nhue-roadmap-progress i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--nhue-orange), var(--nhue-orange2));
  box-shadow: 0 0 18px rgba(255,122,26,0.55);
}

.nhue-roadmap-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.nhue-roadmap-stat-grid span {
  padding: 18px;
  line-height: 1.45;
}

.nhue-roadmap-stat-grid b {
  display: block;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1.05;
  margin-bottom: 6px;
}

.nhue-archive-group {
  margin: 0 0 28px;
}

.nhue-archive-group > h3 {
  color: #fff;
  font-size: clamp(1.6rem, 3vw, 2.6rem);
  line-height: 1;
  letter-spacing: -0.04em;
  margin: 0 0 14px;
}

.nhue-archive-list {
  display: grid;
  gap: 12px;
}

.nhue-archive-item {
  border: 1px solid var(--nhue-border);
  border-radius: 20px;
  padding: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,122,26,0.10), transparent 38%),
    linear-gradient(180deg, var(--nhue-panel), #101013);
  box-shadow: 0 16px 46px rgba(0,0,0,0.18);
}

.nhue-archive-item div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
}

.nhue-archive-item div span {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  border-radius: 999px;
  padding: 5px 8px;
  color: var(--nhue-soft);
  font-size: 0.76rem;
  font-weight: 800;
}

.nhue-archive-item h4 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 1.18rem;
}

.nhue-archive-item p {
  margin: 0;
  color: var(--nhue-muted);
  line-height: 1.58;
}

.nhue-dashboard-split {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: 22px;
  margin-top: 24px;
}

@media (max-width: 980px) {
  .nhue-roadmap-stats,
  .nhue-dashboard-split {
    grid-template-columns: 1fr;
  }

  .nhue-roadmap-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .nhue-roadmap-stat-grid {
    grid-template-columns: 1fr;
  }
}


/* NHUE Changelog v0.6 setup/badges */
.nhue-snapshot-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 10px 0 0;
}

.nhue-snapshot-badges span,
.nhue-current-version-badge,
.nhue-status-badge div span,
.nhue-update-counts span {
  border: 1px solid rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.05);
  border-radius: 999px;
  padding: 7px 10px;
  color: var(--nhue-soft);
  font-weight: 900;
  font-size: 0.82rem;
}

.nhue-current-version-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border-color: rgba(255,122,26,0.38);
  background: rgba(255,122,26,0.09);
}

.nhue-current-version-badge b {
  color: var(--nhue-orange2);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}

.nhue-status-badge {
  display: inline-block;
  border: 1px solid rgba(255,122,26,0.42);
  border-radius: 22px;
  padding: 16px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,122,26,0.16), transparent 38%),
    rgba(18,18,21,0.90);
  box-shadow: 0 16px 46px rgba(0,0,0,0.22);
}

.nhue-status-badge strong,
.nhue-status-badge em {
  display: block;
}

.nhue-status-badge strong {
  color: #fff;
  font-size: 1.1rem;
  margin-bottom: 4px;
}

.nhue-status-badge em {
  color: var(--nhue-orange2);
  font-style: normal;
  font-weight: 900;
  margin-bottom: 10px;
}

.nhue-status-badge div,
.nhue-update-counts {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.nhue-update-counts {
  margin: 16px 0;
}

.nhue-update-counts span {
  border-radius: 18px;
  padding: 14px 16px;
}

.nhue-update-counts b {
  display: block;
  color: #fff;
  font-size: 1.55rem;
  line-height: 1.05;
}


/* NHUE Changelog v1.0 final polish */
.nhue-latest-banner {
  display: grid;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr);
  gap: 0;
  overflow: hidden;
  border: 1px solid rgba(255,122,26,0.42);
  border-radius: 28px;
  margin: 0 0 28px;
  background:
    radial-gradient(circle at 0% 0%, rgba(255,122,26,0.16), transparent 38%),
    linear-gradient(180deg, var(--nhue-panel), #101013);
  box-shadow: 0 24px 80px rgba(0,0,0,0.28);
}

.nhue-latest-banner-image {
  background: #09090A;
  border-right: 1px solid var(--nhue-border);
}

.nhue-latest-banner-image img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 280px;
  object-fit: contain;
  object-position: center center;
  background: #09090A;
}

.nhue-latest-banner > div:not(.nhue-latest-banner-image) {
  padding: clamp(22px, 4vw, 38px);
  align-self: center;
}

.nhue-latest-banner h2,
.nhue-module-progress h2 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(1.8rem, 4vw, 3.6rem);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.nhue-latest-banner > div > span {
  display: inline-flex;
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  padding: 6px 10px;
  color: var(--nhue-soft);
  background: rgba(255,255,255,0.05);
  font-weight: 900;
  margin-bottom: 14px;
}

.nhue-latest-banner p {
  color: var(--nhue-muted);
  line-height: 1.66;
}

.nhue-module-progress {
  margin: 0 0 28px;
}

@media (max-width: 900px) {
  .nhue-latest-banner {
    grid-template-columns: 1fr;
  }

  .nhue-latest-banner-image {
    border-right: 0;
    border-bottom: 1px solid var(--nhue-border);
  }
}