/* Compact decision support; same type scale as the Orders-sized fitting UI. */
.fitting-method-insight,.fitting-comparison-dialog{--fit-ink:#20372c;--fit-muted:#526356;--fit-green:#274233;--fit-line:#d8dfd4;--fit-soft:#f1f4ed;--fit-paper:#fff;color:var(--fit-ink);font-family:var(--sans)}
body.fitting-compact .fitting-method-insight{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px;min-height:48px;margin:0;padding:0 4px}
.fitting-method-insight p{display:grid;gap:3px;margin:0;font-size:11px;line-height:1.4}
.fitting-method-insight p strong{font-size:12px;font-weight:500}
.fitting-method-insight p span{color:var(--fit-muted)}
.fitting-method-insight button{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;min-height:44px;padding:8px 12px;border:1px solid var(--fit-line);border-radius:11px;background:var(--fit-paper);color:var(--fit-green);font:600 11px/1.3 var(--sans);cursor:pointer}
.fitting-method-insight svg,.fitting-comparison-header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.fitting-comparison-dialog{width:min(680px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 28px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:16px;border:1px solid var(--fit-line);border-radius:18px;background:var(--fit-paper);overflow:hidden;box-shadow:0 20px 80px #10251a40}
.fitting-comparison-dialog[open]{display:flex;flex-direction:column;gap:12px;animation:fitting-comparison-in .18s ease-out}
.fitting-comparison-dialog::backdrop{background:#11221a80}
.fitting-comparison-header{display:flex;align-items:center;justify-content:space-between;flex:none;gap:12px}
.fitting-comparison-header h2{margin:0;font:600 14px/1.4 var(--sans);letter-spacing:-.01em}
.fitting-comparison-header button{display:grid;place-items:center;flex:none;width:44px;height:44px;border:1px solid var(--fit-line);border-radius:11px;background:var(--fit-soft);color:var(--fit-ink);cursor:pointer}
.fitting-comparison-body{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b9c7ba transparent;font:400 12px/1.5 var(--sans)}
.fitting-comparison-body>p{margin:0 0 14px;font-size:12px;line-height:1.5}
.fitting-comparison-table{display:table;width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;margin:0;overflow:visible;font:400 12px/1.5 var(--sans);text-align:left}
.fitting-comparison-table caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.fitting-comparison-table col.comparison-topic{width:24%}
.fitting-comparison-table th,.fitting-comparison-table td{padding:11px 10px;vertical-align:top;border-bottom:1px solid var(--fit-line);overflow-wrap:break-word;hyphens:auto}
.fitting-comparison-table thead th{position:sticky;top:0;z-index:1;background:var(--fit-soft);color:var(--fit-ink);font-size:12px;font-weight:600}
.fitting-comparison-table thead th:nth-child(2){background:#e5ede3}
.fitting-comparison-table thead th:first-child{border-top-left-radius:10px}
.fitting-comparison-table thead th:last-child{border-top-right-radius:10px}
.fitting-comparison-table thead span{display:block;margin-top:4px;font-size:11px;font-weight:400;color:var(--fit-muted)}
.fitting-comparison-table tbody th{font-size:11px;font-weight:600;color:var(--fit-muted)}
.fitting-comparison-table tbody td:nth-child(2){background:#f7faf4}
.fitting-comparison-table tbody tr:last-child th,.fitting-comparison-table tbody tr:last-child td{border-bottom:0}
.fitting-comparison-body .fitting-comparison-note{margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--fit-soft);font-size:11px;color:var(--fit-muted);line-height:1.5}
.fitting-comparison-insights h3{margin:16px 0 6px;font:600 12px/1.4 var(--sans)}
.fitting-comparison-insights details{margin:0;border:0;border-bottom:1px solid var(--fit-line);padding:0;background:none}
.fitting-comparison-insights summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 0;list-style:none;cursor:pointer;font-size:12px;font-weight:500;line-height:1.5}
.fitting-comparison-insights summary::-webkit-details-marker{display:none}
.fitting-comparison-insights summary::after{content:'+';flex:none;width:20px;text-align:center;font-size:18px;font-weight:400}
.fitting-comparison-insights details[open] summary::after{content:'−'}
.fitting-comparison-insights details p{margin:0 0 12px;font-size:12px;line-height:1.6;color:var(--fit-muted)}
.fitting-page .fitting-comparison-footer{display:block;flex:none;margin:0;padding:10px 0 0;border-top:1px solid var(--fit-line);background:var(--fit-paper);color:var(--fit-ink)}
.fitting-comparison-footer p{margin:0 0 8px;font:400 11px/1.4 var(--sans);text-align:center;color:var(--fit-muted)}
.fitting-comparison-footer>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fitting-comparison-footer button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 8px;border:1px solid var(--fit-line);border-radius:11px;background:var(--fit-paper);color:var(--fit-green);font:500 11px/1.4 var(--sans);cursor:pointer;transition:background .15s ease,color .15s ease}
.fitting-comparison-footer button[data-fitting-compare-mode=online]{background:var(--fit-green);border-color:var(--fit-green);color:#fff}
.fitting-method-insight button:active,.fitting-comparison-header button:active,.fitting-comparison-footer button:active{opacity:.8}
.fitting-method-insight button:focus-visible,.fitting-comparison-dialog :focus-visible{outline:2px solid #8a673c;outline-offset:3px}
body.fitting-compact-success .fitting-method-insight{display:none}
@keyframes fitting-comparison-in{from{opacity:.75;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:480px){.fitting-comparison-dialog{padding:12px;gap:10px}.fitting-comparison-table th,.fitting-comparison-table td{padding:10px 7px}.fitting-comparison-table col.comparison-topic{width:23%}.fitting-method-insight button{padding:8px 10px}.fitting-method-insight p strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.fitting-comparison-dialog[open]{animation:none}.fitting-comparison-footer button{transition:none}}
