.setup-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-4); }
@media (max-width: 900px) { .setup-grid { grid-template-columns: 1fr; } }
#config-text { display: block; width: calc(100% - 2 * var(--sp-3)); margin: var(--sp-3); min-height: 240px; }
.expect-list { list-style: none; margin: 0; padding: var(--sp-3); display: flex; flex-direction: column; gap: var(--sp-2); }
.expect-row { display: grid; grid-template-columns: 1.2fr 1.4fr 0.7fr auto; gap: var(--sp-2); align-items: center; }
.expect-row input { background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: var(--r-sm); padding: 0.42rem 0.55rem; font-family: var(--font-mono); font-size: var(--t-sm); min-width: 0; }
.expect-row input:focus { outline: none; border-color: var(--accent); }
.run-row { padding: var(--sp-5) 0; text-align: center; }
.run-row .btn { padding: 0.7rem 1.6rem; font-size: var(--t-md); }
.verdict-banner { padding: var(--sp-5); border-radius: var(--r-lg); font-family: var(--font-mono); font-size: var(--t-xl); font-weight: 600; text-align: center; border: 1px solid var(--border); box-shadow: var(--sh-md); }
.verdict-banner.pass { color: var(--code-200); background: var(--code-200-wash); border-color: var(--code-200-edge); box-shadow: var(--glow-200); }
.verdict-banner.fail { color: var(--code-404); background: var(--code-404-wash); border-color: var(--code-404-edge); box-shadow: var(--glow-danger); }
.verdict-sub { display: block; margin-top: var(--sp-2); font-size: var(--t-sm); color: var(--muted); font-family: var(--font-sans); font-weight: 400; }
.report-block, .ship-block { margin-top: var(--sp-5); }
.report-block h3, .ship-block h3 { margin-bottom: var(--sp-3); }
.check-row { display: flex; flex-direction: column; gap: 2px; padding: var(--sp-2) var(--sp-3); border-radius: var(--r-sm); border: 1px solid var(--border); background: var(--surfaceAlt); font-family: var(--font-mono); font-size: var(--t-sm); margin-top: var(--sp-2); }
.check-row.ok { border-left: 3px solid var(--code-200); }
.check-row.bad { border-left: 3px solid var(--code-404); }
.check-row .why { color: var(--code-404); font-size: var(--t-xs); }
.ship-block pre { background: var(--bg); border: 1px solid var(--border); border-radius: var(--r-sm); padding: var(--sp-3); font-family: var(--font-mono); font-size: var(--t-sm); overflow: auto; margin: var(--sp-2) 0 0; }
.ship-tabs { display: flex; gap: var(--sp-2); flex-wrap: wrap; }
