/*
 * MCT unified brand theme — website companion to the approved Android app.
 * Visual only: content, navigation, reader accounts, surveys, and publishing
 * behavior remain unchanged.
 */
:root {
  --mct-midnight: #061334;
  --mct-deep-blue: #0a1d4b;
  --mct-indigo: #0d2b66;
  --mct-light-blue: #123d82;
  --mct-glass: rgba(12, 34, 82, .88);
  --mct-glass-strong: rgba(8, 21, 56, .94);
  --mct-glass-soft: rgba(18, 48, 105, .68);
  --mct-glass-border: rgba(91, 140, 255, .60);
  --mct-gold: #e0a33a;
  --mct-text: #f8f7ff;
  --mct-text-soft: #c7cbe0;
  --mct-bright-blue: #6ca1ff;

  --cream: #f8f7ff;
  --teal: var(--mct-bright-blue);
  --teal-deep: #a9c6ff;
  --blue: var(--mct-bright-blue);
  --purple: var(--mct-indigo);
  --navy: var(--mct-text);
  --ink: var(--mct-text);
  --muted: var(--mct-text-soft);
  --line: rgba(126, 165, 255, .34);
  --glass: var(--mct-glass);
  --shadow: 0 24px 70px rgba(0, 5, 28, .34);
  --soft-shadow: 0 12px 32px rgba(0, 5, 28, .25);
}

html { background: var(--mct-midnight); }

body {
  color: var(--mct-text);
  background:
    linear-gradient(142deg,
      var(--mct-midnight) 0%,
      var(--mct-deep-blue) 30%,
      var(--mct-indigo) 64%,
      var(--mct-light-blue) 88%,
      #0a183d 100%);
  background-attachment: fixed;
}

body::before {
  opacity: .9;
  background:
    radial-gradient(circle at 12% 7%, rgba(108, 161, 255, .28), transparent 27%),
    radial-gradient(circle at 88% 22%, rgba(46, 112, 225, .22), transparent 32%),
    radial-gradient(circle at 72% 78%, rgba(27, 77, 156, .26), transparent 34%),
    radial-gradient(circle at 12% 88%, rgba(8, 31, 83, .68), transparent 38%);
}

.ambient { opacity: .22; filter: blur(120px); }
.ambient-one { background: #2878df; }
.ambient-two { background: #6ca1ff; }

::selection { background: rgba(224, 163, 58, .38); color: #fff; }

:focus-visible {
  outline-color: var(--mct-gold) !important;
  outline-offset: 3px;
}

.site-header {
  background: rgba(6, 19, 52, .84);
  border-bottom-color: rgba(126, 165, 255, .28);
  box-shadow: 0 12px 36px rgba(0, 4, 24, .22);
}

.masthead-separator { background: rgba(126, 165, 255, .40); }
.site-header nav a,
.daily-identity,
.daily-name { color: var(--mct-text); }
.site-header nav a:hover,
.site-header nav a.active,
.daily-tagline { color: #bcd1ff; }
.site-header nav a.active::after { background: var(--mct-gold); }

.menu-button,
.date-pill,
.archive-pill,
.back-button,
.survey-back,
.article-back {
  border-color: rgba(126, 165, 255, .38);
  background: rgba(18, 48, 105, .74);
  color: var(--mct-text);
}

.lead-panel,
.story-card,
.bottom-line,
.full-blogs-card,
.support-card,
.glass-section,
.featured-brief,
.latest-card,
.reading-header,
.article-header,
.share-panel,
.commentary-article-header,
.commentary-result-card,
.survey-archive-hero,
.survey-archive-card,
.info-card,
.contact-header,
.contact-card,
.post-sources,
.standalone-share {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(12, 34, 82, .94), rgba(6, 18, 49, .90));
  box-shadow: var(--shadow);
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
}

.lead-panel:hover,
.latest-card:hover,
.full-blogs-card:hover,
.archive-item:hover,
.commentary-result-card:hover {
  background: linear-gradient(145deg, rgba(16, 48, 105, .96), rgba(7, 22, 59, .92));
}

.home-hero h1,
.commentary-hero h1,
.survey-archive-hero h1,
.commentary-article-header h1,
.reading-header h1,
.article-header h1,
.lead-panel h1,
.featured-brief h2,
.section-heading h2,
.latest-card h3,
.story-card h2,
.archive-section h2,
.about-section h2,
.support-copy h2,
.reader-pulse h2,
.reader-pulse-panel h3,
.commentary-article-body h2,
.commentary-article-body h3,
.commentary-article-body h4,
.info-card h1,
.info-card h2,
.contact-header h1 {
  color: var(--mct-text);
}

.kicker,
.product-promise,
.hero-tagline,
.article-dek,
.commentary-dek,
.text-action,
.pulse-link,
.pulse-archive-link,
.survey-page-links a,
.survey-back,
.article-back,
.archive-item b,
.commentary-result-read,
.article-share-options a,
.article-share-options button,
.article-survey-link a {
  color: #bcd1ff;
}

.content-label,
.survey-status {
  color: #d8e4ff;
  background: rgba(108, 161, 255, .18);
  border: 1px solid rgba(126, 165, 255, .25);
}

.story-number,
.story-card:nth-child(even) .story-number,
.cta-icon,
.primary-action,
.article-share-button,
.comment-button,
.contact-submit {
  color: #fff;
  background: linear-gradient(145deg, #2e70d8, #1b4d9c);
  box-shadow: 0 10px 26px rgba(0, 8, 42, .28);
}

.primary-action:hover,
.article-share-button:hover,
.comment-button:hover,
.contact-submit:hover { filter: brightness(1.12); }

.watch,
.research-note,
.article-note,
.article-tracker-summary,
.comment-login,
.comment-code,
.comment-form,
.reader-comment.reader-reply,
.pulse-complete {
  border-color: rgba(126, 165, 255, .28);
  background: rgba(27, 77, 156, .22);
}

.article-note,
.article-tracker-summary,
.commentary-article-body h3 { border-left-color: var(--mct-gold); }

.archive-item,
.support-option,
.share-row button,
.share-url,
.share-copy,
.social-share-row a,
.social-share-row button,
.listen-panel,
.listen-controls button,
.listen-controls select,
.compact-audio-play,
.compact-audio-speed,
.language-toggle,
.reader-comment,
.pulse-choice,
.pulse-profile,
.pulse-results,
.survey-result-group,
.article-share-options a,
.article-share-options button,
.standalone-share a,
.standalone-share button {
  border-color: rgba(126, 165, 255, .26);
  background: rgba(17, 46, 101, .72);
  color: var(--mct-text);
}

.support-tier {
  border-color: rgba(224, 163, 58, .54);
  background: rgba(8, 21, 56, .82);
  color: #ffd88e;
}

.primary-support {
  border-color: rgba(224, 163, 58, .46);
  background: linear-gradient(145deg, rgba(183, 119, 29, .94), rgba(111, 66, 11, .92));
}

.reader-pulse {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(12, 34, 82, .96), rgba(6, 18, 49, .94));
  box-shadow: var(--shadow);
}

/* Keep the mailing-list block inside the same approved blue-glass system. */
.newsletter-card {
  border-color: var(--line);
  background: linear-gradient(145deg, rgba(12, 34, 82, .96), rgba(6, 18, 49, .94));
  box-shadow: var(--shadow);
  backdrop-filter: blur(24px) saturate(130%);
  -webkit-backdrop-filter: blur(24px) saturate(130%);
}

.newsletter-privacy { color: var(--mct-text-soft); }
.newsletter-privacy a { color: #dbe6ff; }

.article-bottom-home {
  display: table;
  margin: 2.5rem auto 0;
  text-decoration: none;
}

.reader-pulse-panel,
.article-comments {
  border-color: rgba(126, 165, 255, .30);
  background: rgba(8, 21, 56, .74);
  box-shadow: var(--shadow);
}

.reader-pulse-panel input,
.reader-pulse-panel select,
.article-comments input,
.article-comments textarea,
.contact-field input,
.contact-field select,
.contact-field textarea {
  border-color: rgba(126, 165, 255, .35);
  background: rgba(4, 15, 43, .82);
  color: var(--mct-text);
}

input::placeholder,
textarea::placeholder { color: rgba(199, 203, 224, .66); }

.pulse-choice input { accent-color: var(--mct-gold); }
.pulse-result-track { background: rgba(199, 203, 224, .18); }
.pulse-result-bar { background: linear-gradient(90deg, var(--mct-gold), #ffd88e); }

.home-dek,
.latest-card > p,
.support-copy p:last-child,
.about-grid > p,
.reader-pulse-intro > p:not(.kicker),
.survey-archive-hero > p:last-child,
.reader-comment p,
.pulse-demographic-lead,
.info-card p,
.info-card li,
.contact-header p,
.contact-help,
.contact-privacy,
footer { color: var(--mct-text-soft); }

.commentary-article-body,
.article-intro,
.brief-preview,
.story-card,
.bottom-line,
.info-card { color: #edf1ff; }

.article-sources,
.pulse-demographics { border-color: rgba(126, 165, 255, .24); }

.article-featured-image,
.article-cover,
.home-commentary-image {
  border-color: rgba(126, 165, 255, .28);
  background: rgba(5, 17, 47, .74);
}

footer a { color: #dbe6ff; }

@media (max-width: 820px) {
  .site-header nav,
  .site-header nav.open {
    border-color: rgba(126, 165, 255, .28);
    background: rgba(6, 19, 52, .97);
  }

  .site-header nav a.active,
  .site-header nav.open a:hover,
  .site-header nav.open a.active { background: rgba(108, 161, 255, .16); }

  .featured-brief,
  .latest-card,
  .reading-header,
  .article-header,
  .share-panel { box-shadow: 0 10px 28px rgba(0, 5, 28, .28); }
}

@media (max-width: 520px) {
  body { background-attachment: scroll; }
  .lead-panel,
  .story-card,
  .featured-brief,
  .latest-card,
  .commentary-article-header,
  .reader-pulse,
  .article-comments { backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); }
}

@media (prefers-reduced-transparency: reduce) {
  .lead-panel,
  .story-card,
  .bottom-line,
  .full-blogs-card,
  .support-card,
  .glass-section,
  .featured-brief,
  .latest-card,
  .reading-header,
  .article-header,
  .commentary-article-header,
  .reader-pulse,
  .article-comments { background: var(--mct-glass-strong); backdrop-filter: none; -webkit-backdrop-filter: none; }
}

/* Header utility row and commentary ticker. */
.commentary-spotlight,
.header-utility-strip {
  border-color: rgba(126, 165, 255, .24);
  background: rgba(8, 21, 56, .88);
}

.commentary-spotlight-link,
.commentary-spotlight-title { color: var(--mct-text); }
.commentary-spotlight-label,
.commentary-spotlight-read { color: #bcd1ff; }
.commentary-spotlight-meta { color: var(--mct-text-soft); }

.site-search-button,
.spotlight-tools .site-search-button {
  border-color: rgba(126, 165, 255, .34);
  background: rgba(18, 48, 105, .76);
  color: var(--mct-text);
  box-shadow: 0 8px 22px rgba(0, 5, 28, .24);
}

.site-search-button:hover {
  background: rgba(27, 77, 156, .94);
  color: #fff;
}

/* Archive search, filters, and bilingual survey copy. */
.commentary-search-field input,
.commentary-filter-controls select {
  border-color: rgba(126, 165, 255, .32);
  background: rgba(8, 21, 56, .76);
  color: var(--mct-text);
  box-shadow: 0 8px 24px rgba(0, 5, 28, .20);
}

.commentary-filter-bar,
.commentary-result { border-color: rgba(126, 165, 255, .22); }
.commentary-result-link:hover { background: rgba(27, 77, 156, .24); }
.commentary-result-title { color: var(--mct-text); }
.commentary-result-description { color: var(--mct-text-soft); }

.reader-pulse-question small,
.reader-pulse-panel legend small,
.pulse-choice small { color: #aebce0; }