.strategy-page, .strategy-dialog { --strategy-accent: #3159ba; --border: var(--line, #e2e8f0); --text: var(--ink, #15283e); }
.strategy-platforms { display: flex; gap: 5px; padding: 5px; width: fit-content; margin-bottom: 20px; border: 1px solid var(--border); background: #f6f8fb; border-radius: 10px; }
.strategy-platforms button { border: 0; background: transparent; padding: 10px 22px; color: var(--muted); border-radius: 7px; font: inherit; font-weight: 600; cursor: pointer; }
.strategy-platforms button.active { color: #244b9e; background: white; box-shadow: 0 1px 4px #18293a12; }
.strategy-controls { margin-bottom: 20px; }
.strategy-range-form { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; }
.strategy-range-form .field { margin: 0; flex: 0 1 180px; }
.strategy-range-meta { display: flex; justify-content: space-between; gap: 12px; margin-top: 14px; color: var(--muted); font-size: 12px; }
.strategy-range-meta p { margin: 0; }
.strategy-summary { margin-bottom: 24px; }
.strategy-evidence-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 14px; margin-bottom: 16px; }
.strategy-evidence-controls .field { margin: 0; flex: 0 1 260px; }
.strategy-evidence-controls .field:first-child { flex-basis: 190px; }
.strategy-cell-title { display: flex; flex-direction: column; gap: 4px; min-width: 140px; }
.strategy-cell-title strong { font-size: 13px; font-weight: 600; }
.strategy-cell-title span { color: var(--muted); font-size: 11px; overflow-wrap: anywhere; }
.strategy-cell-title .mono { font-size: 10px; }
.strategy-page table td { vertical-align: top; }
.strategy-page .strategy-table-hint { display: none; }
.strategy-native-details { margin-top: 22px; border-top: 1px solid var(--border); padding-top: 16px; }
.strategy-native-details > summary, .strategy-details > summary { font-size: 14px; font-weight: 600; cursor: pointer; }
.strategy-native-details .table-wrap { margin-top: 16px; }
.strategy-details { margin-top: 20px; }
.strategy-details > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.strategy-details > summary::after { content: '+'; font-weight: 400; font-size: 20px; color: var(--muted); }
.strategy-details[open] > summary::after { content: '−'; }
.strategy-action-grid, .strategy-brief-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
.strategy-action, .strategy-brief { border: 1px solid var(--border); border-radius: 10px; padding: 17px 18px; background: #fafbfd; }
.strategy-action h3, .strategy-brief h3 { margin: 0 0 8px; font-size: 14px; }
.strategy-action p, .strategy-brief p { margin: 0 0 10px; font-size: 12px; color: var(--muted); line-height: 1.65; }
.strategy-action .strategy-action-step, .strategy-brief .strategy-action-step { color: #344b6a; }
.strategy-brief .button { margin-top: 4px; }
.strategy-experiments-panel { margin-top: 24px; }
.strategy-experiment { border: 1px solid var(--border); border-radius: 10px; margin-top: 12px; }
.strategy-experiment-summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 17px 18px; cursor: pointer; }
.strategy-experiment-summary > div { display: flex; flex-direction: column; gap: 5px; }
.strategy-experiment-summary strong { font-size: 14px; }
.strategy-experiment-summary .muted { font-size: 12px; }
.strategy-experiment-body { border-top: 1px solid var(--border); padding: 18px; }
.strategy-hypothesis { margin: 0 0 8px; font-size: 14px; }
.strategy-review-groups { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; margin: 20px 0; }
.strategy-review-groups > section { min-width: 0; padding: 14px; background: #f7f9fc; border-radius: 8px; }
.strategy-review-groups h4 { margin: 0 0 12px; font-size: 12px; }
.strategy-review-row { display: flex; align-items: start; justify-content: space-between; gap: 15px; font-size: 12px; border-top: 1px solid var(--border); padding: 8px 0; }
.strategy-review-row span { overflow-wrap: anywhere; }
.strategy-review-row strong { white-space: nowrap; font-weight: 600; }
.strategy-review-notes { margin: 0; padding-left: 18px; font-size: 12px; color: var(--muted); line-height: 1.7; }
.strategy-review-notes li + li { margin-top: 5px; }
.strategy-human-note { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; border-left: 2px solid #99aad0; padding: 10px 14px; background: #f7f9fc; }
.strategy-experiment-actions { display: flex; align-items: center; justify-content: space-between; gap: 15px; margin-top: 18px; }
.strategy-empty { border: 1px dashed var(--border); padding: 27px; color: var(--muted); font-size: 13px; line-height: 1.6; border-radius: 9px; }
.strategy-export-links { display: flex; align-items: center; gap: 13px; }
.strategy-export-links a { font-size: 12px; }
.strategy-export-links a[aria-disabled="true"] { color: var(--muted); cursor: default; text-decoration: none; }
.strategy-method { margin-top: 20px; }
.strategy-method ul { padding-left: 18px; font-size: 12px; color: var(--muted); line-height: 1.7; margin-top: 16px; }
.strategy-dialog { width: min(850px, calc(100vw - 32px)); max-height: calc(100dvh - 40px); padding: 28px; border: 1px solid var(--border); border-radius: 15px; color: var(--text); background: white; overflow-y: auto; }
.strategy-dialog::backdrop { background: #15253888; }
.strategy-dialog .panel-heading { margin-bottom: 17px; }
.strategy-dialog .panel-heading h2 { font-size: 20px; }
.strategy-dialog .privacy-guidance { background: #f7f9fc; padding: 12px 14px; border-radius: 8px; margin-bottom: 18px; font-size: 12px; color: #475b75; line-height: 1.65; }
.strategy-dialog-grid, .strategy-group-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.strategy-group-grid { margin: 18px 0; }
.strategy-group-grid fieldset { min-width: 0; border: 1px solid var(--border); border-radius: 10px; padding: 14px; }
.strategy-group-grid legend { padding: 0 6px; font-weight: 600; font-size: 13px; }
.strategy-group-grid fieldset > p { margin: 0 0 10px; font-size: 11px; color: var(--muted); }
.strategy-choice-list { max-height: 230px; overflow-y: auto; padding-right: 3px; }
.strategy-choice { display: flex; gap: 10px; align-items: start; padding: 10px 5px; border-bottom: 1px solid var(--border); cursor: pointer; }
.strategy-choice input { margin-top: 2px; flex: 0 0 auto; }
.strategy-choice > span { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.strategy-choice strong { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.strategy-choice span span { font-size: 10px; color: var(--muted); }
.strategy-save-row { display: flex; gap: 16px; align-items: center; justify-content: space-between; margin-top: 22px; }
.strategy-save-row .form-message { margin: 0; }
@media (max-width: 760px) {
  .strategy-page .strategy-table-hint { display: block; margin: 9px 0 0; font-size: 11px; color: var(--muted); }
  .strategy-action-grid, .strategy-brief-grid, .strategy-review-groups, .strategy-dialog-grid, .strategy-group-grid { grid-template-columns: 1fr; }
  .strategy-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .strategy-range-meta { flex-direction: column; gap: 7px; }
  .strategy-dialog { padding: 20px; }
  .strategy-platforms { width: 100%; }
  .strategy-platforms button { flex: 1; padding: 10px 12px; }
  .strategy-range-form .field { flex: 1 1 130px; }
  .strategy-evidence-controls .field { flex: 1 1 210px; }
  .strategy-save-row { align-items: stretch; flex-direction: column; }
  .strategy-experiments-panel .panel-heading { flex-wrap: wrap; gap: 14px; }
  .strategy-experiment-summary { padding: 15px; }
  .strategy-experiment-body { padding: 15px; }
}
@media (max-width: 400px) { .strategy-summary .stat-card { padding: 18px 13px; } .strategy-summary .stat-card span { font-size: 10px; } }