/* Civic Data Engine embedded in Hall of Shame mode */
body.mode-hall-of-shame-active #main-content-k1 {
  max-width: none !important;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

body.cbb-workbook-view #main-content-k1 {
  max-width: none !important;
  width: 100%;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

body.mode-hall-of-shame-active #site-journey-hero {
  margin-bottom: 1rem;
  width: 100%;
  max-width: none;
}

body.mode-hall-of-shame-active #journey-path-picker {
  width: 100%;
}

body.mode-hall-of-shame-active .journey-hero-hos {
  padding: 1rem 0.75rem;
  width: 100%;
  max-width: none;
}

body.mode-hall-of-shame-active .journey-hero-hos .journey-path-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  width: 100%;
}

body.mode-hall-of-shame-active .journey-hero-hos .journey-path-btn {
  padding: 0.65rem 0.55rem;
  min-width: 0;
  align-items: center;
  text-align: center;
}

body.mode-hall-of-shame-active .journey-hero-hos .journey-path-btn strong {
  font-size: 0.78rem;
  line-height: 1.25;
}

body.mode-hall-of-shame-active .journey-hero-hos .journey-path-btn small {
  font-size: 0.62rem;
  line-height: 1.3;
}

@media (max-width: 720px) {
  body.mode-hall-of-shame-active .journey-hero-hos .journey-path-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  body.mode-hall-of-shame-active .journey-hero-hos .journey-path-grid-4 {
    grid-template-columns: 1fr;
  }
}

.civic-engine-root .hos-toolbar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--border);
  border-radius: 14px;
  background: var(--surface);
}

.civic-engine-root .hos-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.civic-engine-root .hos-toolbar-pills {
  margin: 0;
}

.civic-mode-panel.active .civic-engine-root {
  max-width: 100%;
}

.civic-engine-root .page {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

.civic-engine-root .page-header h1 {
  font-size: 1.35rem;
}

.civic-engine-root .composer-overlay {
  z-index: 120;
}

.civic-engine-root .composer-fab {
  z-index: 110;
}

.civic-engine-root .modal-overlay {
  z-index: 115;
}

.civic-engine-root .forum-help.ok {
  color: var(--success, #059669);
}

.civic-engine-root .forum-help.err {
  color: var(--danger, #dc2626);
}

/* Moderator / engine tools — not shown on the public Hall of Shame tab */
.civic-engine-root .civic-staff-only {
  display: none !important;
}

/* Readability — brighter text on dark backgrounds */
html[data-theme="dark"] .civic-engine-root .forum-card-subtitle,
body.dark .civic-engine-root .forum-card-subtitle {
  color: #cbd5e1;
}

html[data-theme="dark"] .civic-engine-root .shame-meta,
body.dark .civic-engine-root .shame-meta {
  color: #94a3b8;
}

html[data-theme="dark"] .civic-engine-root .live-widget-head h2,
body.dark .civic-engine-root .live-widget-head h2 {
  color: #e2e8f0;
}

html[data-theme="dark"] .civic-engine-root .readiness-label,
body.dark .civic-engine-root .readiness-label {
  color: #cbd5e1;
}

html[data-theme="dark"] .civic-engine-root .readiness-blockers,
body.dark .civic-engine-root .readiness-blockers {
  color: #94a3b8;
}