/**
 * @file
 * DECEO module styles.
 *
 * Mirrors the architecture of cocyber_collateral_projects/css/collateral-projects.css:
 *   - Page wrapper extends dark navy edge-to-edge (.deceo-page-wrapper)
 *   - Scoped design tokens on .deceo-page (--dc-*)
 *   - .dc-container replaces Bootstrap .container
 *   - Stats bar, controls, cards all use the surface bg pattern
 */

/* ============================================================
   Design tokens
   ============================================================ */
.deceo-page {
  --dc-bg-deep:      #0A1F44;
  --dc-bg-surface:   #102C5C;
  --dc-bg-raised:    #1B3870;
  --dc-text-primary: #ffffff;
  --dc-text-mid:     rgba(255, 255, 255, 0.85);
  --dc-text-muted:   rgba(255, 255, 255, 0.65);
  --dc-text-dim:     rgba(255, 255, 255, 0.45);
  --dc-accent:       #7ED957;
  --dc-accent-blue:  #1B4A99;
  --dc-border:       rgba(255, 255, 255, 0.12);
  --dc-border-faint: rgba(255, 255, 255, 0.05);

  --dc-c-toolkit:    #5EC85F;
  --dc-c-platform:   #378ADD;
  --dc-c-report:     #AFA9EC;
  --dc-c-policy:     #E24B4A;
  --dc-c-mapping:    #1D9E75;
  --dc-c-event:      #EF9F27;
}

/* ============================================================
   Page wrapper — full-bleed dark theme
   ============================================================ */
div#main { margin-bottom: 0 !important; }

.deceo-page-wrapper .featured-top {
  background-color: #0A1F44;
}

.deceo-page-wrapper .featured-top .breadcrumb {
  background: transparent;
  margin-bottom: 0;
  padding: 0 12px;
}

.deceo-page-wrapper .featured-top .breadcrumb-item a,
.deceo-page-wrapper .featured-top .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.65);
}

.deceo-page-wrapper .featured-top .breadcrumb-item a:hover {
  color: #ffffff;
  text-decoration: none;
}

.deceo-page-wrapper .featured-top .breadcrumb-item + .breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.3);
}

.deceo-page-wrapper .section {
  padding: 0 !important;
}

.deceo-page {
  background-color: var(--dc-bg-deep);
  color: var(--dc-text-primary);
  padding: 20px 20px 60px;
  min-height: 60vh;
}

.dc-container {
  width: 100%;
  margin: 0 auto;
  padding-right: 12px;
  padding-left: 12px;
}

@media (min-width: 576px)  { .dc-container { max-width: 540px; } }
@media (min-width: 768px)  { .dc-container { max-width: 720px; } }
@media (min-width: 992px)  { .dc-container { max-width: 960px; } }
@media (min-width: 1200px) { .dc-container { max-width: 1140px; } }
@media (min-width: 1400px) { .dc-container { max-width: 1320px; } }

/* ============================================================
   Hero
   ============================================================ */
.deceo-page header {
  margin-bottom: 24px;
}

.deceo-page h1 {
  font-size: 2.5em;
  margin-bottom: 10px;
  font-weight: 700;
  color: var(--dc-text-primary);
  line-height: 1.15;
}

.deceo-page .subtitle {
  color: var(--dc-text-muted);
  font-size: 1.1em;
  max-width: 800px;
  margin: 0;
}

.deceo-page .lede {
  max-width: 800px;
  color: var(--dc-text-muted);
  font-size: 0.95em;
  line-height: 1.6;
  margin: 16px 0 24px;
}

.deceo-page .lede a {
  color: var(--dc-c-platform);
}

/* ============================================================
   Stats bar
   ============================================================ */
.deceo-page .stats-bar {
  display: flex;
  gap: 30px;
  margin-bottom: 20px;
  padding: 15px 20px;
  background-color: var(--dc-bg-surface);
  border-radius: 4px;
  flex-wrap: wrap;
}

.deceo-page .stat {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.deceo-page .stat-label {
  font-size: 0.85em;
  color: var(--dc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.deceo-page .stat-value {
  font-size: 1.8em;
  font-weight: 700;
  color: var(--dc-accent);
}

/* ============================================================
   Tabs (view switcher)
   ============================================================ */
.deceo-page .deceo-tabs {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

.deceo-page .deceo-tab {
  padding: 10px 18px;
  background: transparent;
  color: var(--dc-text-muted);
  border: 1px solid var(--dc-border);
  border-radius: 4px;
  cursor: pointer;
  font-size: 0.95em;
  transition: all 0.15s;
}

.deceo-page .deceo-tab:hover {
  border-color: var(--dc-accent);
  color: var(--dc-text-primary);
}

.deceo-page .deceo-tab.active {
  background: var(--dc-bg-surface);
  border-color: var(--dc-accent);
  color: var(--dc-text-primary);
  font-weight: 500;
}

/* ============================================================
   Filters / chips
   ============================================================ */
.deceo-page .deceo-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  padding: 14px 18px;
  margin-bottom: 20px;
  background-color: var(--dc-bg-surface);
  border-radius: 4px;
}

.deceo-page .deceo-filter-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.deceo-page .deceo-filter-label {
  font-size: 0.8em;
  color: var(--dc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-right: 4px;
}

.deceo-page .deceo-chip {
  padding: 5px 12px;
  font-size: 0.85em;
  color: var(--dc-text-muted);
  background: transparent;
  border: 1px solid var(--dc-border);
  border-radius: 14px;
  cursor: pointer;
  transition: all 0.15s;
}

.deceo-page .deceo-chip:hover {
  border-color: rgba(255, 255, 255, 0.4);
  color: var(--dc-text-primary);
}

.deceo-page .deceo-chip.active {
  background: var(--dc-accent);
  color: var(--dc-bg-deep);
  border-color: var(--dc-accent);
  font-weight: 500;
}

/* ============================================================
   Card grid
   ============================================================ */
.deceo-page .deceo-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}

@media (max-width: 768px) {
  .deceo-page .deceo-grid { grid-template-columns: 1fr; }
}

.deceo-page .deceo-card,
.deceo-page .deceo-card:hover,
.deceo-page .deceo-card:focus,
.deceo-page .deceo-card:visited,
.deceo-page .deceo-card * {
  text-decoration: none !important;
}

.deceo-page .deceo-card {
  background: var(--dc-bg-surface);
  border: 1px solid var(--dc-border);
  border-left: 3px solid var(--accent, var(--dc-accent));
  border-radius: 6px;
  padding: 14px 16px;
  cursor: pointer;
  transition: all 0.15s;
  display: block;
  color: var(--dc-text-primary);
}

.deceo-page .deceo-card:hover {
  background: var(--dc-bg-raised);
  border-color: var(--accent, var(--dc-accent));
  color: var(--dc-text-primary);
  transform: translateY(-1px);
}

.deceo-page .deceo-card-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.7em;
  color: var(--dc-text-dim);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

.deceo-page .deceo-card-code {
  font-weight: 600;
  color: var(--dc-text-muted);
}

.deceo-page .deceo-card-title {
  font-size: 1em;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 6px;
  color: var(--dc-text-primary);
}

.deceo-page .deceo-card-subtitle {
  font-size: 0.85em;
  color: var(--dc-text-muted);
  line-height: 1.45;
  margin-bottom: 10px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.deceo-page .deceo-card-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  font-size: 0.75em;
}

.deceo-page .deceo-card-tags {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

/* ============================================================
   Type / lens / source badges
   ============================================================ */
.deceo-page .deceo-type-badge {
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.95em;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: #ffffff;
  background: var(--dc-accent);
  display: inline-block;
}

.deceo-page .deceo-type-toolkit  { background: var(--dc-c-toolkit); }
.deceo-page .deceo-type-platform { background: var(--dc-c-platform); }
.deceo-page .deceo-type-report   { background: var(--dc-c-report); color: #1B3870; }
.deceo-page .deceo-type-policy   { background: var(--dc-c-policy); }
.deceo-page .deceo-type-mapping  { background: var(--dc-c-mapping); }
.deceo-page .deceo-type-event    { background: var(--dc-c-event); color: #1B3870; }

.deceo-page .deceo-card[data-type="toolkit"]  { --accent: var(--dc-c-toolkit); }
.deceo-page .deceo-card[data-type="platform"] { --accent: var(--dc-c-platform); }
.deceo-page .deceo-card[data-type="report"]   { --accent: var(--dc-c-report); }
.deceo-page .deceo-card[data-type="policy"]   { --accent: var(--dc-c-policy); }
.deceo-page .deceo-card[data-type="mapping"]  { --accent: var(--dc-c-mapping); }
.deceo-page .deceo-card[data-type="event"]    { --accent: var(--dc-c-event); }

.deceo-page .deceo-lens-badge,
.deceo-page .deceo-source-badge,
.deceo-page .deceo-org-badge {
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.9em;
  font-weight: 500;
  background: rgba(255, 255, 255, 0.1);
  color: var(--dc-text-mid);
  display: inline-block;
}

/* ============================================================
   Empty state
   ============================================================ */
.deceo-page .deceo-empty {
  padding: 32px;
  text-align: center;
  color: var(--dc-text-dim);
  font-size: 0.95em;
  background: var(--dc-bg-surface);
  border-radius: 6px;
  grid-column: 1 / -1;
}

/* ============================================================
   Radar legend sidebar
   ============================================================ */
.deceo-page .deceo-radar-legend {
  background: var(--dc-bg-surface);
  border: 1px solid var(--dc-border);
  border-radius: 6px;
  padding: 14px;
  font-size: 0.9em;
}

.deceo-page .deceo-radar-legend h3 {
  font-size: 0.7em;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--dc-text-dim);
  margin-bottom: 10px;
  font-weight: 600;
}

.deceo-page .deceo-radar-legend > div {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95em;
  color: var(--dc-text-muted);
  margin-bottom: 6px;
}

.deceo-page .deceo-type-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  display: inline-block;
}

.deceo-page .deceo-divider {
  border: 0;
  border-top: 1px solid var(--dc-border);
  margin: 12px 0;
}

/* ============================================================
   Detail page  (.dd-* — mirrors prototype-detail.html)
   ============================================================ */
.deceo-detail { font-size: 13px; line-height: 1.55; }

/* ----- Hero ----- */
.deceo-detail .dd-hero {
  padding: 22px 0 24px;
  border-bottom: 1px solid var(--dc-border);
  margin-bottom: 24px;
}

.deceo-detail .dd-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}

.deceo-detail .dd-tag {
  padding: 3px 9px;
  border-radius: 3px;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  display: inline-block;
}

.deceo-detail .dd-tag-type { background: var(--dc-c-report); color: #26215C; }
.deceo-detail .dd-tag-type.dd-type-toolkit  { background: var(--dc-c-toolkit);  color: #0A1F44; }
.deceo-detail .dd-tag-type.dd-type-platform { background: var(--dc-c-platform); color: #ffffff; }
.deceo-detail .dd-tag-type.dd-type-report   { background: var(--dc-c-report);   color: #26215C; }
.deceo-detail .dd-tag-type.dd-type-policy   { background: var(--dc-c-policy);   color: #ffffff; }
.deceo-detail .dd-tag-type.dd-type-mapping  { background: var(--dc-c-mapping);  color: #ffffff; }
.deceo-detail .dd-tag-type.dd-type-event    { background: var(--dc-c-event);    color: #1B3870; }

.deceo-detail .dd-tag-lens {
  background: rgba(126, 217, 87, 0.18);
  color: var(--dc-accent);
  border: 1px solid rgba(126, 217, 87, 0.35);
}

.deceo-detail .dd-tag-pu {
  background: rgba(255, 255, 255, 0.1);
  color: var(--dc-text-muted);
  border: 1px solid rgba(255, 255, 255, 0.22);
}

.deceo-detail .dd-tag-coc {
  background: transparent;
  color: var(--dc-accent);
  border: 1px solid var(--dc-accent);
}

.deceo-detail .dd-code {
  font-size: 11px;
  color: var(--dc-text-dim);
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-bottom: 8px;
  text-transform: uppercase;
}

.deceo-detail .dd-title {
  font-size: 28px;
  font-weight: 600;
  margin: 0 0 10px;
  line-height: 1.2;
  letter-spacing: -0.01em;
  max-width: 760px;
  color: var(--dc-text-primary);
}

.deceo-detail .dd-subtitle {
  font-size: 15px;
  color: var(--dc-text-muted);
  margin: 0 0 20px;
  max-width: 720px;
  font-style: italic;
  line-height: 1.5;
}

.deceo-detail .dd-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.deceo-detail .dd-btn {
  padding: 9px 16px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  transition: all 0.15s;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
}

.deceo-detail .dd-btn-p {
  background: var(--dc-accent);
  color: #0A1F44;
  border-color: var(--dc-accent);
}

.deceo-detail .dd-btn-p:hover {
  background: #9ee672;
  border-color: #9ee672;
  color: #0A1F44;
  text-decoration: none;
}

.deceo-detail .dd-btn-s {
  background: transparent;
  color: var(--dc-text-primary);
  border-color: rgba(255, 255, 255, 0.22);
}

.deceo-detail .dd-btn-s:hover {
  border-color: var(--dc-accent);
  color: var(--dc-accent);
}

/* ----- Main two-column layout ----- */
.deceo-detail .dd-main {
  display: grid;
  grid-template-columns: 1fr 280px;
  gap: 28px;
  align-items: flex-start;
  padding-bottom: 40px;
}

@media (max-width: 768px) {
  .deceo-detail .dd-main {
    grid-template-columns: 1fr;
  }
}

.deceo-detail .dd-section { margin-bottom: 28px; }
.deceo-detail .dd-section:last-child { margin-bottom: 0; }

.deceo-detail .dd-h2 {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--dc-text-primary);
}

.deceo-detail .dd-h2::before {
  content: "";
  width: 3px;
  height: 16px;
  background: var(--dc-accent);
  border-radius: 2px;
}

.deceo-detail .dd-p {
  margin: 0 0 10px;
  color: var(--dc-text-muted);
  font-size: 13px;
}

.deceo-detail .dd-p strong {
  color: var(--dc-text-primary);
  font-weight: 500;
}

/* ----- Findings ----- */
.deceo-detail .dd-findings {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.deceo-detail .dd-find {
  display: flex;
  gap: 12px;
  background: var(--dc-bg-surface);
  border: 1px solid var(--dc-border);
  border-left: 3px solid var(--dc-accent);
  border-radius: 4px;
  padding: 12px 14px;
}

.deceo-detail .dd-find-n {
  font-size: 20px;
  font-weight: 600;
  color: var(--dc-accent);
  min-width: 22px;
  line-height: 1.2;
}

.deceo-detail .dd-find-t { flex: 1; }

.deceo-detail .dd-find-h {
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 4px;
  color: var(--dc-text-primary);
}

.deceo-detail .dd-find-d {
  font-size: 12px;
  color: var(--dc-text-muted);
  line-height: 1.55;
}

/* ----- Inside the report (TOC) ----- */
.deceo-detail .dd-toc {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

@media (max-width: 580px) {
  .deceo-detail .dd-toc { grid-template-columns: 1fr; }
}

.deceo-detail .dd-toc-item {
  background: var(--dc-bg-surface);
  border: 1px solid var(--dc-border);
  border-radius: 4px;
  padding: 10px 12px;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
}

.deceo-detail .dd-toc-num {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--dc-bg-raised);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 600;
  color: var(--dc-text-muted);
  flex-shrink: 0;
}

.deceo-detail .dd-toc-t {
  font-size: 12px;
  color: var(--dc-text-primary);
}

.deceo-detail .dd-toc-meta {
  font-size: 10px;
  color: var(--dc-text-dim);
  margin-top: 2px;
}

/* ----- Audiences ----- */
.deceo-detail .dd-aud {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}

@media (max-width: 580px) {
  .deceo-detail .dd-aud { grid-template-columns: 1fr; }
}

.deceo-detail .dd-aud-card {
  background: var(--dc-bg-surface);
  border: 1px solid var(--dc-border);
  border-radius: 4px;
  padding: 10px 14px;
}

.deceo-detail .dd-aud-h {
  font-size: 12px;
  font-weight: 500;
  color: var(--dc-text-primary);
}

/* ----- Linked outcomes ----- */
.deceo-detail .dd-linked {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.deceo-detail .dd-link {
  background: var(--dc-bg-surface);
  border: 1px solid var(--dc-border);
  border-radius: 4px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  gap: 11px;
  cursor: pointer;
  transition: all 0.15s;
  text-decoration: none;
  color: var(--dc-text-primary);
}

.deceo-detail .dd-link:hover {
  border-color: var(--dc-accent);
  background: var(--dc-bg-raised);
  text-decoration: none;
  color: var(--dc-text-primary);
}

.deceo-detail .dd-link-typ {
  width: 6px;
  align-self: stretch;
  border-radius: 2px;
  flex-shrink: 0;
  background: var(--dc-accent);
}

.deceo-detail .dd-type-bar-toolkit  { background: var(--dc-c-toolkit) !important; }
.deceo-detail .dd-type-bar-platform { background: var(--dc-c-platform) !important; }
.deceo-detail .dd-type-bar-report   { background: var(--dc-c-report) !important; }
.deceo-detail .dd-type-bar-policy   { background: var(--dc-c-policy) !important; }
.deceo-detail .dd-type-bar-mapping  { background: var(--dc-c-mapping) !important; }
.deceo-detail .dd-type-bar-event    { background: var(--dc-c-event) !important; }

.deceo-detail .dd-link-t { flex: 1; min-width: 0; }

.deceo-detail .dd-link-c {
  font-size: 10px;
  color: var(--dc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.deceo-detail .dd-link-h {
  font-size: 12px;
  margin-top: 2px;
  color: var(--dc-text-primary);
}

.deceo-detail .dd-link-r {
  font-size: 11px;
  color: var(--dc-accent);
  white-space: nowrap;
}

/* ----- Sidebar ----- */
.deceo-detail .dd-side {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.deceo-detail .dd-card {
  background: var(--dc-bg-surface);
  border: 1px solid var(--dc-border);
  border-radius: 6px;
  padding: 14px;
}

.deceo-detail .dd-card-h {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--dc-text-dim);
  margin-bottom: 10px;
  font-weight: 600;
}

.deceo-detail .dd-meta {
  display: flex;
  flex-direction: column;
}

.deceo-detail .dd-meta-row {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid var(--dc-border);
  font-size: 11px;
  align-items: flex-start;
  gap: 10px;
}

.deceo-detail .dd-meta-row:last-child { border-bottom: 0; }
.deceo-detail .dd-meta-k { color: var(--dc-text-dim); }
.deceo-detail .dd-meta-v {
  color: var(--dc-text-primary);
  text-align: right;
  font-weight: 500;
}

.deceo-detail .dd-meta-link {
  color: var(--dc-accent);
  text-decoration: none;
}
.deceo-detail .dd-meta-link:hover { text-decoration: underline; }

.deceo-detail .dd-cite {
  background: var(--dc-bg-raised);
  border: 1px dashed rgba(255, 255, 255, 0.22);
  padding: 10px 12px;
  border-radius: 4px;
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 10.5px;
  color: var(--dc-text-muted);
  line-height: 1.55;
  word-break: break-word;
}

.deceo-detail .dd-impact {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

.deceo-detail .dd-impact-cell {
  background: var(--dc-bg-raised);
  border-radius: 4px;
  padding: 10px;
  text-align: center;
}

.deceo-detail .dd-impact-v {
  font-size: 18px;
  font-weight: 600;
  color: var(--dc-accent);
}

.deceo-detail .dd-impact-l {
  font-size: 10px;
  color: var(--dc-text-muted);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-top: 2px;
}

.deceo-detail .dd-share {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}

.deceo-detail .dd-share button {
  flex: 1;
  padding: 7px 10px;
  font-size: 11px;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 4px;
  color: var(--dc-text-muted);
  transition: all 0.15s;
  cursor: pointer;
}

.deceo-detail .dd-share button:hover {
  border-color: var(--dc-accent);
  color: var(--dc-accent);
}

/* Asset/download links inside sidebar */
.deceo-detail .dd-asset {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  margin-bottom: 4px;
  background: var(--dc-bg-raised);
  border-radius: 4px;
  text-decoration: none;
  color: var(--dc-text-primary);
  font-size: 11px;
  transition: background 0.15s;
}

.deceo-detail .dd-asset:hover {
  background: rgba(126, 217, 87, 0.12);
  color: var(--dc-accent);
}

.deceo-detail .dd-asset-lang {
  color: var(--dc-text-dim);
  font-size: 10px;
}

@media (max-width: 580px) {
  .deceo-detail .dd-title { font-size: 22px; }
  .deceo-detail .dd-impact { grid-template-columns: 1fr; }
}

/* ============================================================
   Utilities
   ============================================================ */
.deceo-page .deceo-muted-text { color: var(--dc-text-muted); }
.deceo-page .d-none { display: none !important; }