/* V15.8 Feature Layer */
.feature-stack { display: grid; gap: 24px; margin-top: 24px; }
.feature-shell { padding: 28px; }
.mission-brief-banner {
  background: linear-gradient(135deg, rgba(28,92,145,0.95), rgba(48,134,204,0.88));
  color: #fff;
  border: 1px solid rgba(255,255,255,0.18);
}
.mission-brief-banner .eyebrow,
.mission-brief-banner h3,
.mission-brief-banner p,
.mission-brief-banner #mission-brief { color: #fff; }
.mission-brief-banner .btn-secondary { border-color: rgba(255,255,255,0.35); }
.quick-nav-grid, .insight-grid, .academy-progress-grid { display: grid; gap: 18px; }
.quick-nav-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.quick-nav-grid a {
  display: grid; gap: 8px; text-decoration: none; color: var(--ink);
  background: rgba(255,255,255,0.9); padding: 18px; border-radius: 20px;
  border: 1px solid rgba(37,95,137,0.12); box-shadow: 0 10px 20px rgba(25,74,120,0.06);
}
.quick-nav-grid a span { font-weight: 700; color: #255f89; }
.quick-nav-grid a strong { font-size: 1.02rem; }
.insight-grid { grid-template-columns: 1.15fr 0.85fr; align-items: start; }
.fact-panel, .spotlight-panel, .quiz-panel, .progress-panel {
  background: rgba(255,255,255,0.9); border-radius: 22px; padding: 22px;
  border: 1px solid rgba(37,95,137,0.12); box-shadow: 0 10px 22px rgba(25,74,120,0.06);
}
.fact-rotator { font-size: 1.12rem; font-weight: 700; color: var(--ink); min-height: 86px; }
.fact-actions, .quiz-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.spotlight-cloud-name { margin-top: 8px; color: #1d5c89; }
.spotlight-cloud-copy { margin-top: 10px; }
.quiz-question { font-size: 1.08rem; font-weight: 700; color: var(--ink); }
.quiz-options { display: grid; gap: 12px; margin-top: 16px; }
.quiz-option {
  width: 100%; text-align: left; border: 1px solid rgba(37,95,137,0.14); background: #fff;
  color: var(--ink); border-radius: 16px; padding: 14px 16px; font: inherit; font-weight: 700; cursor: pointer;
}
.quiz-option:hover { transform: translateY(-1px); box-shadow: 0 10px 18px rgba(25,74,120,0.08); }
.quiz-option.is-correct { border-color: rgba(27,140,74,0.45); background: rgba(50,170,91,0.08); }
.quiz-option.is-wrong { border-color: rgba(194,71,71,0.45); background: rgba(210,85,85,0.08); }
.quiz-feedback { margin-top: 14px; font-weight: 700; min-height: 24px; color: #255f89; }
.progress-list { display: grid; gap: 12px; margin-top: 16px; }
.progress-item {
  display: flex; justify-content: space-between; gap: 12px; align-items: center;
  background: rgba(255,255,255,0.92); border: 1px solid rgba(37,95,137,0.12); border-radius: 16px; padding: 12px 14px;
}
.progress-item.is-complete { background: rgba(50,170,91,0.09); }
.progress-state { font-weight: 700; color: #255f89; }
.progress-item.is-complete .progress-state { color: #1f7a4b; }
.progress-summary {
  margin-top: 16px; display: inline-flex; align-items: center; gap: 10px;
  padding: 10px 14px; border-radius: 999px; background: rgba(37,95,137,0.09); font-weight: 700;
}
.share-row { margin-top: 18px; display: flex; flex-wrap: wrap; gap: 12px; }
.share-pill { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; border-radius: 999px; padding: 10px 16px; background: #fff; border: 1px solid rgba(37,95,137,0.12); color: var(--ink); font-weight: 700; }
.share-status { font-weight: 700; color: #255f89; min-height: 20px; }
@media (max-width: 1000px) {
  .quick-nav-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .insight-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .feature-shell { padding: 18px; }
  .quick-nav-grid { grid-template-columns: 1fr; }
}