.executive-brief { background: #f5f6f2; }
.brief-header { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 12px 0 28px; }
.brief-header h1 { max-width: 900px; margin: 8px 0 0; font-size: clamp(34px, 4vw, 54px); line-height: .98; letter-spacing: -2px; font-weight: 400; }
.brief-header h1 span { color: var(--coral); }
.brief-header-actions { display: flex; align-items: center; gap: 12px; padding-bottom: 3px; }
.brief-insight { display: grid; grid-template-columns: 58px minmax(0, 1fr) minmax(220px, .42fr); gap: 20px; align-items: center; margin: 20px 0; padding: 22px 24px; border: 1px solid #efc7b8; border-left: 5px solid var(--coral); border-radius: 6px; background: #fff8f3; }
.brief-insight.amber { border-color: #ead8b1; border-left-color: #c28a2e; background: #fffaf0; }
.brief-insight.green { border-color: #c8dfcf; border-left-color: #57946b; background: #f4faf5; }
.brief-insight.neutral { border-color: var(--line); border-left-color: #84918c; background: #fff; }
.insight-mark { display: grid; place-items: center; width: 48px; height: 48px; color: #fff; border: 1px solid var(--coral); border-radius: 50%; background: var(--coral); font: 700 24px Arial; }
.amber .insight-mark { border-color: #c28a2e; background: #c28a2e; }
.green .insight-mark { border-color: #57946b; background: #57946b; }
.insight-copy .eyebrow { margin: 0 0 6px; }
.insight-copy p:not(.eyebrow) { margin: 0; color: #35444a; font: 16px/1.45 Arial, sans-serif; }
.insight-copy strong { color: var(--ink); font-size: 18px; }
.insight-next { min-width: 0; padding-left: 20px; border-left: 1px solid #e1c8bd; }
.insight-next span { display: block; margin-bottom: 6px; color: var(--coral); font: 700 10px Arial; letter-spacing: 1px; }
.insight-next strong { display: block; color: var(--ink); font: 700 14px/1.35 Arial; }
.brief-metrics { display: grid; grid-template-columns: repeat(4, 1fr); margin: 24px 0; padding: 8px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.brief-metric { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px 18px; border-right: 1px solid var(--line); }
.brief-metric:last-child { border-right: 0; }
.metric-icon { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%; color: #fff; background: #183652; font: 18px Georgia; }
.metric-icon-1 { background: var(--coral); }
.metric-icon-2 { background: #57946b; }
.metric-icon-3 { background: #183652; }
.brief-metric p { margin: 0 0 5px; color: #62716f; font: 700 10px Arial; letter-spacing: .8px; text-transform: uppercase; }
.brief-metric strong { display: block; overflow-wrap: anywhere; color: var(--ink); font: 400 clamp(18px, 2vw, 27px) Georgia; }
.brief-metric small { display: block; margin-top: 4px; color: #83908d; font: 10px Arial; }
.brief-visuals { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(320px, .85fr); gap: 18px; margin: 24px 0; }
.visual-panel, .attention-panel { min-width: 0; padding: 24px; background: #fff; }
.visual-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 24px; }
.visual-heading .eyebrow { margin: 0 0 7px; }
.visual-heading h2 { margin: 0; color: var(--ink); font: 400 24px Georgia; }
.visual-badge, .attention-count { color: #66806f; font: 700 10px Arial; }
.trend-chart { display: flex; flex-direction: column; gap: 16px; }
.trend-row { display: grid; grid-template-columns: minmax(100px, 1fr) minmax(120px, 3fr) auto; gap: 12px; align-items: center; color: #667572; font: 11px Arial; }
.trend-track { height: 14px; overflow: hidden; border-radius: 99px; background: #e8ede8; }
.trend-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #183652, #57946b); }
.trend-row strong { min-width: 52px; color: var(--ink); font: 700 12px Arial; text-align: right; }
.attention-list { border-top: 1px solid var(--line); }
.attention-row { display: grid; grid-template-columns: 38px minmax(0, 1fr) 6px; gap: 12px; align-items: start; padding: 15px 0; border-bottom: 1px solid var(--line); }
.attention-number { color: var(--coral); font: 700 16px Georgia; }
.attention-row strong { display: block; color: var(--ink); font: 700 13px/1.35 Arial; }
.attention-row small { display: block; margin-top: 5px; color: #71807d; font: 11px/1.4 Arial; }
.attention-row .priority { justify-self: end; margin-top: 2px; }
.empty-copy { color: #7a8783; font: 12px Arial; }
.detail-artifact { margin-top: 24px; }
.detail-artifact .artifact-heading { margin-bottom: 4px; }
@media (max-width: 900px) {
  .brief-insight { grid-template-columns: 48px minmax(0, 1fr); }
  .insight-next { grid-column: 2; padding: 12px 0 0; border-top: 1px solid #e1c8bd; border-left: 0; }
  .brief-metrics { grid-template-columns: repeat(2, 1fr); }
  .brief-metric:nth-child(2) { border-right: 0; }
  .brief-visuals { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .brief-header { align-items: flex-start; flex-direction: column; margin-bottom: 20px; }
  .brief-header h1 { font-size: 36px; letter-spacing: -1.2px; }
  .brief-header-actions { width: 100%; justify-content: space-between; }
  .brief-insight { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; padding: 18px; }
  .insight-mark { width: 38px; height: 38px; font-size: 19px; }
  .insight-copy p:not(.eyebrow) { font-size: 14px; }
  .insight-copy strong { font-size: 16px; }
  .brief-metrics { grid-template-columns: 1fr; }
  .brief-metric, .brief-metric:nth-child(2) { border-right: 0; border-bottom: 1px solid var(--line); }
  .brief-metric:last-child { border-bottom: 0; }
  .visual-panel, .attention-panel { padding: 18px; }
  .trend-row { grid-template-columns: 86px minmax(70px, 1fr) auto; gap: 8px; font-size: 10px; }
}