.order-comparison { --order-row-height:68px; padding:18px; border:1px solid var(--border-color,#dce1e6); border-radius:10px; margin:12px 0; background:#fff; }
.order-comparison-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; }
.order-comparison-heading h3 { margin:0; }
.order-comparison-settings { max-width:60%; font-size:14px; }
.order-comparison-settings label { display:block; margin:8px 0; }
.order-comparison-settings select { display:block; width:100%; max-width:100%; font:inherit; }
.order-comparison summary { cursor:pointer; }
.order-recording-meta { margin:6px 0 12px; color:var(--text-secondary,#627180); font-size:14px; }
.order-condition-controls { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:16px; }
.order-condition-controls button { display:grid; grid-template-columns:1fr auto; gap:3px 12px; text-align:left; border:1px solid #c3ceda; border-radius:8px; background:#f8fafc; color:#243343; padding:10px 14px; font:inherit; cursor:pointer; }
.order-condition-controls button[aria-pressed=true] { background:#eef0ff; border-color:#5744bd; box-shadow:inset 3px 0 #5744bd; }
.order-condition-controls button:focus-visible { outline:3px solid #887bea; outline-offset:3px; }
.order-condition-controls button>span { font-size:14px; }
.order-condition-controls button>strong { font-size:18px; }
.order-condition-controls button>small { grid-column:1/-1; font-size:14px; color:#586578; }
.order-comparison-body { display:grid; grid-template-columns:minmax(210px,1fr) minmax(0,4fr); gap:20px; align-items:start; }
.order-context { min-width:0; }
.order-anchor-position { margin:0 0 12px; color:#875515; font-weight:600; }
.order-moving-foci { position:relative; list-style:none; padding:0; margin:0; height:calc(var(--order-length) * var(--order-row-height)); }
.order-moving-foci li { position:absolute; top:0; left:0; right:0; height:calc(var(--order-row-height) - 10px); display:flex; align-items:center; gap:10px; padding:10px 12px; background:#f1f4f7; border:1px solid #d2dbe5; border-radius:8px; transform:translateY(calc(var(--order-slot) * var(--order-row-height))); transition:transform 700ms cubic-bezier(.22,.8,.25,1); z-index:1; font-size:17px; }
.order-moving-foci li[data-pinned=true] { background:#fff0d9; border-color:#c38c37; color:#714409; z-index:2; }
.order-comparison[data-order-fixed=true] .order-moving-foci li[data-pinned=true] { transition:none; }
.order-slot-number { color:#647180; font-size:13px; font-variant-numeric:tabular-nums; }
.order-anchor-text { margin:6px 0 14px; font-size:16px; }
.order-focus-texts { font-size:14px; color:#586578; }
.order-focus-texts p { white-space:pre-wrap; }
.order-observation { margin:0 0 12px; font-weight:600; font-size:17px; }
.order-observation small { display:block; font-weight:400; color:#627180; font-size:12px; }
.order-condition-outputs[hidden] { display:none!important; }
.recorded-output-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; align-items:start; }
.recorded-output-card { min-width:0; border:1px solid #dce1e6; border-radius:8px; background:#fff; }
.recorded-output-card>summary { padding:10px 12px; font-weight:600; font-size:14px; border-bottom:1px solid #e6e9ee; }
.recorded-output-card .recorded-sample-panel { padding:0 12px 12px; }
.recorded-output-card .recorded-output { font-size:18px; line-height:1.45; margin:12px 0; }
.recorded-output-card .recorded-raw,.recorded-judgment-detail { font-size:13px; margin-top:10px; color:#627180; }
.recorded-output-card mark,.order-comparison .recorded-output mark { color:inherit; background:#fff0ba; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.recorded-verdict { display:inline-block; font-size:11px; font-weight:600; color:#9a3030; padding:2px 5px; border-radius:4px; background:#fff0ee; }
.recorded-verdict[data-classification=COMPLIES] { color:#236345; background:#e6f5ed; }
.recorded-verdict[data-classification=""] { color:#627180; background:#f1f4f7; }
.order-comparison-method { font-size:13px; margin-top:14px; color:#627180; }
.focus-order-full { margin:14px 0; padding:12px; border:1px solid var(--border-color,#dce1e6); border-radius:8px; }
.focus-order-full>summary { cursor:pointer; font-weight:600; }
.order-comparison-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1100px) { .order-comparison-body { grid-template-columns:220px minmax(0,1fr); } .recorded-output-grid { grid-template-columns:1fr; } }
@media(max-width:650px) { .order-comparison-body { grid-template-columns:1fr; } .order-comparison-heading { display:block; } .order-comparison-settings { max-width:100%; margin:8px 0; } .order-condition-controls button { display:block; padding:8px; } .order-condition-controls button>* { display:block; } .order-comparison { padding:12px; } }
@media(prefers-reduced-motion:reduce) { .order-moving-foci li { transition:none; } }
.order-condition-controls [data-order-judge][hidden] { display:none; }