.policy-timeline > .policy-match-section .policy-case-detail {
  display: block !important;
  grid-template-columns: none !important;
  grid-column: 1 / -1 !important;
  width: 100% !important;
  max-width: none !important;
}
.policy-timeline > .policy-match-section .policy-case-detail > header { display: flex !important; width: auto !important; }

.official-policy-source {
  grid-column: 1 / -1;
  margin: 0 0 20px;
  padding: 20px 22px;
  border: 1px solid #cfe0ce;
  border-left: 4px solid #167556;
  border-radius: 14px;
  background: linear-gradient(135deg, #f6faf2 0%, #eef6e7 100%);
}
.official-policy-source dt { margin: 0 0 10px; color: #0b694e; font-size: 15px; font-weight: 800; }
.official-policy-source dd { margin: 0; }
.official-policy-source blockquote { margin: 0 0 10px; color: #153b31; font-size: 18px; line-height: 1.7; font-weight: 700; }
.official-policy-source p { margin: 0 0 14px; color: #53665f; line-height: 1.75; }
.official-policy-source a {
  display: inline-flex; align-items: center; min-height: 38px; padding: 0 14px;
  border-radius: 999px; background: #0d7658; color: #fff; text-decoration: none; font-weight: 700;
}
.official-policy-source a:hover { background: #075b44; }
.policy-case-detail [data-close-policy-case] { cursor: pointer; pointer-events: auto; position: relative; z-index: 5; }
.placement-summary { display: grid; gap: 10px; margin: 18px 0; text-align: left; }
.placement-summary p { margin: 0; padding: 12px 15px; border: 1px solid #d9e2d6; border-radius: 12px; background: #f7f9f4; }
.placement-summary p b { display: block; margin-bottom: 5px; color: #0d7053; font-size: 13px; }
.placement-summary small { color: #66766f; line-height: 1.7; }
.emp-transform-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:10px 0 18px; }
.emp-transform-grid button { min-height:48px; border:1px solid #cfd9d2; border-radius:12px; background:#fff; color:#29493f; cursor:pointer; font-weight:700; }
.emp-transform-grid button:hover,.emp-transform-grid button.selected { border-color:#0d7658; background:#eaf4e8; color:#086349; box-shadow:0 0 0 2px rgba(13,118,88,.08); }
.dataset-card,.method-option,.question-recommendations button,.empirical-steps button,.robust-options label,.control-list label { cursor:pointer; pointer-events:auto; position:relative; z-index:1; }
.dataset-card em { display:inline-flex; margin-top:10px; padding:4px 9px; border-radius:999px; background:#edf1ec; color:#68766f; font-size:11px; font-style:normal; }
.dataset-card.selected em { background:#0d7658; color:#fff; }
.variable-preview { display:grid; gap:7px; }
.variable-preview b { color:#0b684e; }
.variable-preview span { display:block; }
.emp-coefficient-plot { margin-top:18px; padding:18px; border:1px solid #d7e0d8; border-radius:14px; background:#f8faf6; }
.coefficient-axis { position:relative; height:46px; margin:12px 0 4px; border-bottom:2px solid #b8c5bd; }
.coefficient-axis i { position:absolute; left:50%; top:3px; bottom:0; width:1px; background:#9aaaa1; }
.coefficient-axis span { position:absolute; top:20px; height:5px; border-radius:5px; background:#65a98e; }
.coefficient-axis em { position:absolute; top:13px; width:18px; height:18px; margin-left:-9px; border:4px solid #fff; border-radius:50%; background:#087658; box-shadow:0 0 0 2px #087658; }
.emp-coefficient-plot { display:none; }
.emp-action-row { display:flex; gap:12px; flex-wrap:wrap; margin:18px 0; }
.emp-chart-empty { padding:40px 24px; border:1px dashed #b9c8bd; border-radius:16px; color:#65756d; text-align:center; background:#f8faf6; }
.emp-chart-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-top:18px; }
.emp-chart-grid section { min-width:0; padding:18px; border:1px solid #d7e0d8; border-radius:16px; background:#fbfcf8; }
.emp-chart-grid h4 { margin:0 0 8px; color:#073f34; }
.emp-data-svg { width:100%; height:auto; display:block; overflow:visible; }
.emp-data-svg line { stroke:#9fb0a6; stroke-width:1.5; }
.emp-data-svg text { fill:#64746c; font-size:13px; }
.emp-data-svg .series-line { fill:none; stroke:#087658; stroke-width:4; stroke-linejoin:round; stroke-linecap:round; }
.emp-data-svg .series-point { fill:#d9ed92; stroke:#087658; stroke-width:2; }
.emp-data-svg .scatter-points circle { fill:#72ad99; opacity:.62; stroke:none; }
.emp-data-svg .fit-line { stroke:#d7772d; stroke-width:4; }
.chart-reading { grid-column:1/-1; display:flex; gap:12px; align-items:flex-start; padding:16px 18px; border-left:4px solid #087658; background:#eef5e8; border-radius:10px; }
.chart-reading b { white-space:nowrap; color:#087658; }
.emp-conclusion { margin-top:20px; padding:22px; border:1px solid #cbdacb; border-radius:18px; background:linear-gradient(135deg,#f6faef,#fff); }
.emp-conclusion h4 { margin:8px 0 16px; font-size:22px; color:#073f34; }
.conclusion-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }
.conclusion-metrics div { padding:16px; border-radius:12px; background:#fff; border:1px solid #dde7dc; }
.conclusion-metrics b,.conclusion-metrics small { display:block; }
.conclusion-metrics b { color:#087658; font-size:20px; }
@media(max-width:900px){.emp-chart-grid{grid-template-columns:1fr}.conclusion-metrics{grid-template-columns:1fr}.chart-reading{grid-column:auto}}
.quiz-answer-nav { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:28px; }
.quiz-answer-nav .quiz-prev,.quiz-answer-nav .quiz-next { position:static; margin:0; }
.question-card:has(.quiz-complete:not(.hidden)) .quiz-answer-nav,.question-card:has(.quiz-complete:not(.hidden)) .quiz-question-visual { display:none; }
.quiz-question-visual { margin:18px 0 22px; padding:16px 18px 12px; border:1px solid #d6dfd7; border-radius:16px; background:#f7faf5; }
.quiz-question-visual svg { display:block; width:100%; max-height:250px; }
.quiz-question-visual .axis { stroke:#66796f; stroke-width:2; }
.quiz-question-visual .grid { stroke:#dce4dd; stroke-width:1; }
.quiz-question-visual .series-a { fill:none; stroke:#087658; stroke-width:4; }
.quiz-question-visual .series-b { fill:none; stroke:#d2762d; stroke-width:4; }
.quiz-question-visual .bar-a { fill:#78ad9b; }
.quiz-question-visual .bar-b { fill:#e3a266; }
.quiz-question-visual text { fill:#45584e; font-size:13px; }
.quiz-visual-legend { display:flex; gap:18px; margin-top:8px; color:#4f6158; font-size:14px; }
.quiz-visual-legend i { display:inline-block; width:18px; height:4px; margin-right:6px; vertical-align:middle; border-radius:4px; background:#087658; }
.quiz-visual-legend span+span i { background:#d2762d; }
@media(max-width:700px){.quiz-answer-nav{align-items:stretch;flex-direction:column-reverse}.quiz-answer-nav button{width:100%}}
@media(max-width:760px){.emp-transform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.policy-case-detail-grid { align-items: start; }
.policy-case-detail-grid > section,.policy-case-detail-grid > aside { min-width: 0; min-height: 0; }
.policy-case-detail-grid > .case-background-rich { grid-column: 1 / -1; }
.policy-case-detail-grid > .policy-detail-facts {
  grid-column: 1 / -1;
  display: grid !important;
  grid-template-columns: repeat(3,minmax(0,1fr)) !important;
  gap: 14px;
}
.policy-case-detail .policy-detail-facts > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 112px;
  padding: 18px 20px;
  overflow-wrap: anywhere;
}
.policy-case-detail .policy-detail-facts small {
  order: -1;
  margin-bottom: 9px;
  padding: 0;
  background: transparent;
  color: #668077;
  font-size: 12px;
  letter-spacing: .06em;
}
.policy-case-detail .policy-detail-facts b {
  font-size: 17px !important;
  line-height: 1.55;
  color: #123f35;
}
.policy-detail-timeline p { line-height: 1.8; }
.stakeholder-detail-list li { line-height: 1.8; margin-bottom: 9px; }

.assessment-main { position: relative; transform: translateY(-24px); }
.assessment-main > .assessment-back-choice {
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 5;
  margin: 0 !important;
  padding: 7px 10px;
  min-height: 32px;
  border-radius: 9px;
  font-size: 10px;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .assessment-main { transform: translateY(-10px); }
  .assessment-main > .assessment-back-choice { position: relative; top: auto; left: auto; }
  .policy-case-detail-grid > .policy-detail-facts { grid-template-columns: 1fr !important; }
}
