.iwc-main { width: min(1240px, calc(100vw - 32px)); }
.iwc-main .item-return { flex-wrap: wrap; gap: 8px; }
.current-top h1, .iwc-query { overflow-wrap: anywhere; }
.iwc-summary-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-bottom: 18px; }
.iwc-results-grid { display: grid; grid-template-columns: 1fr; gap: 14px; margin-bottom: 18px; }
.iwc-summary-card, .iwc-item-card, .iwc-model-result { min-width: 0; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); }
.iwc-summary-card span, .iwc-summary-card small { display: block; color: var(--muted); }
.iwc-summary-card strong { display: block; margin: 8px 0 4px; font: 800 1.8rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.iwc-item-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.iwc-item-card { display: grid; gap: 14px; background: var(--surface-2); }
.iwc-item-card h2 { min-height: 2.7em; }
.iwc-item-card p { margin: 0; color: var(--muted); }
.iwc-item-card table, .iwc-model-result table { min-width: 0; font-size: .82rem; }
.iwc-item-card th, .iwc-item-card td, .iwc-model-result th, .iwc-model-result td { padding: 8px; }
.iwc-item-title { display: flex; gap: 18px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.iwc-item-title h2 { margin-right: auto; }
.iwc-item-links { display: flex; flex-wrap: wrap; gap: 8px; }
.iwc-query { margin-top: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
.iwc-query p { margin: 0 0 1em; max-width: 88ch; }
.iwc-query p:last-child { margin-bottom: 0; }
.iwc-evaluator { display: grid; gap: 12px; margin: 18px 0 0; }
.iwc-evaluator > div { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding-top: 12px; border-top: 1px solid var(--line); }
.iwc-evaluator dt { color: var(--muted); font-weight: 750; }
.iwc-evaluator dd, .iwc-evaluator p { margin: 0; }
.iwc-formula-list { display: grid; gap: 10px; }
.iwc-formula-line { display: grid; gap: 5px; padding: 12px 14px; border: 1px solid var(--line); border-radius: 9px; background: var(--surface-2); }
.iwc-formula-line strong { font-size: .82rem; }
.iwc-formula-line code { white-space: normal; overflow-wrap: anywhere; font-size: .88rem; color: var(--text); }
.iwc-formula-line p { color: var(--muted); font-size: .8rem; }
.iwc-steps { display: grid; gap: 16px; margin: 18px 0 0; padding-left: 24px; }
.iwc-steps > li { padding-left: 6px; }
.iwc-steps strong, .iwc-steps span { display: block; }
.iwc-steps span { margin: 2px 0 6px; }
.iwc-steps ul { margin: 0; padding-left: 22px; color: var(--muted); }
.iwc-model-result h3 { margin-bottom: 16px; }
.iwc-condition-results + .iwc-condition-results { margin-top: 20px; padding-top: 18px; border-top: 1px solid var(--line); }
.iwc-condition-results h4 { margin: 0 0 10px; }
.iwc-run-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.iwc-run-card { display: flex; flex-direction: column; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface-2); }
.iwc-run-head { display: flex; gap: 10px; align-items: flex-start; justify-content: space-between; }
.iwc-run-head strong, .iwc-run-head small { display: block; }
.iwc-run-head small { margin-top: 3px; color: var(--muted); font-size: .72rem; }
.iwc-run-head b { color: var(--green); font: 800 1.05rem/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.iwc-run-card.pending .iwc-run-head b { color: var(--muted); }
.iwc-run-card .condition-cause span + span { margin-top: 6px; }
.iwc-run-workflow { align-items: flex-start; }
.iwc-run-steps { margin: 0 0 10px; font-size: .78rem; }
.iwc-run-steps summary { color: var(--link); cursor: pointer; font-weight: 700; }
.iwc-run-steps ol { margin: 9px 0 0; padding-left: 22px; color: var(--muted); }
.iwc-run-steps li + li { margin-top: 5px; }
.iwc-no-workflow { min-height: 2.9em; }
.history-link { width: fit-content; font-size: .68rem; }
.iwc-run-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: auto; }
.iwc-workflow-line { margin-top: 10px; }
.workflow-stage { display: inline-flex; flex-wrap: wrap; gap: 5px; align-items: center; }
.parallel-mark { color: var(--muted); font-weight: 800; }
@media (max-width: 800px) {
  .iwc-summary-grid, .iwc-item-grid, .iwc-run-grid { grid-template-columns: 1fr; }
  .iwc-evaluator > div { grid-template-columns: 1fr; gap: 4px; }
  .iwc-item-card h2 { min-height: 0; }
}