[data-theme=dark]{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-tertiary: #0f3460;--bg-hover: #1a2744;--bg-overlay: rgba(0, 0, 0, .2);--bg-step: rgba(15, 52, 96, .5);--text-primary: #eee;--text-secondary: #ccc;--text-muted: #aaa;--text-dim: #9a9a9a;--text-faint: #8b95a0;--text-disabled: #8b8b8b;--text-strong: #f0f0f0;--text-placeholder: #999;--accent: #f39c12;--accent-hover: #e67e22;--accent-light: #ffa726;--accent-on: #1a1a2e;--border-primary: #2a3a5a;--border-secondary: #0f3460;--border-muted: #4a5a6a;--border-btn: #8b8b8b;--link-color: #3498db;--link-hover: #5dade2;--info-color: #4dabf7;--info-hover: #74c0fc;--success: #2ecc71;--success-alt: #27ae60;--error: #e74c3c;--error-alt: #ef5350;--warning: #e67e22;--purple: #9b59b6;--score-excellent: #22c55e;--score-excellent-bg: rgba(34, 197, 94, .2);--score-excellent-border: rgba(34, 197, 94, .4);--score-good: #60a5fa;--score-good-bg: rgba(59, 130, 246, .2);--score-good-border: rgba(59, 130, 246, .4);--score-average: #eab308;--score-average-bg: rgba(234, 179, 8, .2);--score-average-border: rgba(234, 179, 8, .4);--score-below: #a3a3a3;--score-default: #ef5350;--score-default-bg: rgba(239, 68, 68, .2);--score-default-border: rgba(239, 68, 68, .4);--skeleton-base: #16213e;--skeleton-shine: #1a2744;--skeleton-cell-base: #0f3460;--skeleton-cell-shine: #16213e;--shadow-color: rgba(0, 0, 0, .3);--accent-overlay: rgba(243, 156, 18, .15);--accent-subtle: rgba(243, 156, 18, .06);--accent-border-subtle: rgba(243, 156, 18, .3);--badge-bg: rgba(0, 0, 0, .2);--onboarding-bg: linear-gradient(135deg, #16213e 0%, #1a2744 100%);--banner-bg: linear-gradient(135deg, #1a2744 0%, #16213e 100%);--how-it-works-bg: linear-gradient(135deg, #1a1f35 0%, #16213e 100%);--high-value-card-bg: linear-gradient(90deg, rgba(243, 156, 18, .1) 0%, transparent 30%);--table-scroll-fade: #16213e;--table-scroll-indicator: rgba(243, 156, 18, .3);--star-inactive: #9e9e9e;--compare-winner-bg: rgba(46, 204, 113, .08);color-scheme:dark}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-tertiary: #e8ecf1;--bg-hover: #eef1f5;--bg-overlay: rgba(0, 0, 0, .04);--bg-step: rgba(232, 236, 241, .7);--text-primary: #1a1a2e;--text-secondary: #333;--text-muted: #555;--text-dim: #666;--text-faint: #6b6b6b;--text-disabled: #767676;--text-strong: #222;--text-placeholder: #999;--accent: #a86200;--accent-hover: #8f5300;--accent-light: #c07008;--accent-on: #fff;--border-primary: #d0d5dd;--border-secondary: #c4cad4;--border-muted: #b0b8c4;--border-btn: #999;--link-color: #2874a6;--link-hover: #3498db;--info-color: #2874a6;--info-hover: #3498db;--success: #1e8449;--success-alt: #1a7040;--error: #c0392b;--error-alt: #d44836;--warning: #c07008;--purple: #7d3c98;--score-excellent: #16a34a;--score-excellent-bg: rgba(22, 163, 74, .15);--score-excellent-border: rgba(22, 163, 74, .35);--score-good: #2563eb;--score-good-bg: rgba(37, 99, 235, .15);--score-good-border: rgba(37, 99, 235, .35);--score-average: #9c6800;--score-average-bg: rgba(156, 104, 0, .15);--score-average-border: rgba(156, 104, 0, .35);--score-below: #666666;--score-default: #d44836;--score-default-bg: rgba(212, 72, 54, .15);--score-default-border: rgba(212, 72, 54, .35);--skeleton-base: #e8ecf1;--skeleton-shine: #f0f2f5;--skeleton-cell-base: #dde2e8;--skeleton-cell-shine: #e8ecf1;--shadow-color: rgba(0, 0, 0, .1);--accent-overlay: rgba(168, 98, 0, .08);--accent-subtle: rgba(168, 98, 0, .04);--accent-border-subtle: rgba(168, 98, 0, .25);--badge-bg: rgba(0, 0, 0, .08);--onboarding-bg: linear-gradient(135deg, #ffffff 0%, #f0f2f5 100%);--banner-bg: linear-gradient(135deg, #f0f2f5 0%, #ffffff 100%);--how-it-works-bg: linear-gradient(135deg, #f8f9fb 0%, #ffffff 100%);--high-value-card-bg: linear-gradient(90deg, rgba(168, 98, 0, .06) 0%, transparent 30%);--table-scroll-fade: #ffffff;--table-scroll-indicator: rgba(168, 98, 0, .2);--star-inactive: #767676;--compare-winner-bg: rgba(30, 132, 73, .1);color-scheme:light}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;max-width:100vw}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent);color:var(--accent-on);padding:.5rem 1rem;z-index:1000;font-weight:700;text-decoration:none;border-radius:0 0 4px}.skip-link:focus{top:0}.container{max-width:1400px;margin:0 auto;padding:2rem}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}h1{color:var(--accent)}.header-title{display:flex;flex-direction:column;gap:.25rem}.subtitle{color:var(--text-dim);font-size:.95rem;font-weight:400}h2{color:var(--accent);font-size:1.1rem;margin-bottom:.5rem}h3{color:var(--accent);font-size:1rem;margin-bottom:.5rem}nav{display:flex;gap:1rem}nav a{color:var(--text-muted);text-decoration:none;padding:.5rem 1rem;min-height:44px;display:inline-flex;align-items:center;border-radius:4px;transition:all .2s}nav a:hover,nav a.active{color:var(--accent);background:var(--bg-secondary)}nav a:focus{outline:2px solid var(--accent);outline-offset:2px}.theme-toggle{background:transparent;border:1px solid var(--border-btn);color:var(--text-dim);cursor:pointer;padding:.4rem .6rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;font-size:1.1rem;transition:all .2s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}nav{position:relative;flex-wrap:wrap;align-items:center}.dlc-actions button{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:.75rem;padding:.15rem .4rem}.dlc-actions button:hover{color:var(--accent)}.dlc-row{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;min-height:44px;cursor:pointer;font-size:.85rem;border-radius:3px}.dlc-row:hover{background:var(--bg-hover)}.dlc-row input[type=checkbox]{accent-color:var(--accent)}.dlc-page-columns{display:flex;gap:2rem}.dlc-page-column{flex:1;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:6px;padding:.75rem}.dlc-page-header{display:flex;justify-content:space-between;align-items:center;padding:.25rem .5rem .5rem;border-bottom:1px solid var(--border-primary);margin-bottom:.25rem;font-weight:600;font-size:.95rem;color:var(--accent)}.dlc-count{font-weight:400;font-size:.8rem;color:var(--text-faint)}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:2rem;margin-bottom:.5rem}.section-header h2{margin:0;min-width:0}.calc-btn{background:var(--accent);color:var(--accent-on);border:none;padding:.5rem 1.25rem;min-height:44px;border-radius:4px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.calc-btn:hover{background:var(--accent-hover)}.calc-btn:disabled{opacity:.6;cursor:not-allowed}.dlc-value-hint{color:var(--text-faint);font-size:.85rem;margin-bottom:1rem}#dlc-value-progress{color:var(--accent);font-size:.9rem;padding:.5rem 0}.dlc-value-list{display:flex;flex-direction:column;gap:.5rem}.dlc-value-summary{color:var(--text-faint);font-size:.85rem;margin-bottom:.5rem}.dlc-value-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:4px;padding:.6rem 1rem}.dlc-value-info{display:flex;align-items:center;gap:.75rem}.dlc-value-name{font-weight:500}.dlc-value-type{font-size:.75rem;color:var(--text-faint);background:var(--bg-hover);padding:.1rem .5rem;border-radius:3px}.dlc-value-delta{font-weight:600;font-size:.95rem}.dlc-value-delta.positive{color:var(--success)}.dlc-value-delta.negative{color:var(--error)}.dlc-value-detail{width:100%;font-size:.8rem;color:var(--text-faint);margin-top:.3rem;padding-top:.3rem;border-top:1px solid var(--border-primary)}.dlc-banner{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;margin-bottom:1.5rem;background:var(--banner-bg);border:1px solid var(--accent);border-radius:6px}.dlc-banner-text{flex:1;color:var(--text-secondary);font-size:.95rem}.dlc-banner-link{color:var(--accent-on);background:var(--accent);padding:.4rem 1rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.9rem;white-space:nowrap;transition:background .2s}.dlc-banner-link:hover{background:var(--accent-hover)}.dlc-banner-dismiss{background:none;border:none;color:var(--text-dim);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.dlc-banner-dismiss:hover{color:var(--accent)}.onboarding{background:var(--onboarding-bg);border-radius:8px;padding:2rem;margin-bottom:2rem;border-left:4px solid var(--accent)}.onboarding-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.onboarding.collapsed .onboarding-header{margin-bottom:0}.onboarding-toggle{background:transparent;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0;min-height:44px;font-size:1rem}.onboarding-toggle:hover{color:var(--accent-light)}.onboarding-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.onboarding-toggle h2{margin:0;font-size:1.1rem}.onboarding-content{overflow:hidden;max-height:800px;transition:max-height .3s ease,opacity .3s ease;opacity:1}.onboarding.collapsed .onboarding-content{max-height:0;opacity:0}.onboarding h2{margin-bottom:1rem}.onboarding-intro{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.quick-steps{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.step{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:var(--bg-step);border-radius:6px}.step-number{background:var(--accent);color:var(--accent-on);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:.25rem}.step-content strong{color:var(--accent);font-size:1rem}.step-content span{color:var(--text-muted);font-size:.9rem}.terminology{padding-top:1.5rem;border-top:1px solid var(--border-secondary)}.terminology h3{margin-bottom:1rem}.term-list{display:grid;grid-template-columns:auto 1fr;gap:.75rem 1.5rem;align-items:baseline}.term-list dt{color:var(--accent);font-weight:600;cursor:help}.term-list dd{color:var(--text-muted);font-size:.9rem}.how-it-works{background:var(--how-it-works-bg);border:1px solid var(--border-primary);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.how-it-works.collapsed .how-it-works-content{display:none}.how-it-works-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.how-it-works.collapsed .how-it-works-header{margin-bottom:0}.how-it-works-toggle{background:transparent;border:none;color:var(--info-color);cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0;min-height:44px;width:100%;font-size:1rem}.how-it-works-toggle:hover{color:var(--info-hover)}.how-it-works-toggle:focus{outline:2px solid var(--info-color);outline-offset:2px}.how-it-works-toggle h2{margin:0;font-size:1.1rem}.how-it-works-content{display:flex;flex-direction:column;gap:1.5rem}.explanation-section{padding:1rem;background:var(--bg-overlay);border-radius:6px}.explanation-section h3{color:var(--info-color);font-size:1rem;margin:0 0 .75rem}.explanation-section p{color:var(--text-secondary);line-height:1.6;margin:0 0 .75rem}.algorithm-steps{margin:0;padding-left:1.25rem;color:var(--text-muted)}.algorithm-steps li{margin-bottom:.75rem;line-height:1.5}.algorithm-steps li:last-child{margin-bottom:0}.algorithm-steps strong{color:var(--text-strong)}.score-guide{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.score-guide li{display:flex;align-items:center;gap:.75rem;color:var(--text-muted)}.score-badge{font-family:monospace;font-size:.85rem;padding:.25rem .5rem;border-radius:4px;min-width:70px;text-align:center}.score-badge.excellent{background:var(--score-excellent-bg);color:var(--score-excellent);border:1px solid var(--score-excellent-border)}.score-badge.good{background:var(--score-good-bg);color:var(--score-good);border:1px solid var(--score-good-border)}.score-badge.moderate{background:var(--score-average-bg);color:var(--score-average);border:1px solid var(--score-average-border)}.score-badge.low{background:var(--score-default-bg);color:var(--error);border:1px solid var(--score-default-border)}.coverage-explanation{margin:0;padding-left:1.25rem;color:var(--text-muted)}.coverage-explanation li{margin-bottom:.5rem;line-height:1.5}.coverage-explanation li:last-child{margin-bottom:0}.coverage-explanation strong{color:var(--text-strong)}.controls{background:var(--bg-secondary);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.controls.collapsed .controls-grid{display:none}.controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.controls.collapsed .controls-header{margin-bottom:0}.settings-toggle{background:transparent;border:none;color:var(--accent);cursor:pointer;display:flex;align-items:center;gap:.5rem;padding:0;min-height:44px;width:100%;font-size:1rem}.settings-toggle:hover{color:var(--accent-light)}.settings-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.settings-toggle h2{margin:0;font-size:1.1rem}.toggle-icon{font-size:.8rem;transition:transform .2s}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-label{display:flex;justify-content:space-between;align-items:center}.slider-description{color:var(--text-dim);font-size:.85rem;margin:-.25rem 0 .25rem;line-height:1.4}.control-label span{color:var(--text-muted);font-size:.9rem}.control-value{color:var(--accent);font-weight:700}.slider-container{display:flex;align-items:center;gap:.5rem}.slider-label{font-size:.75rem;color:var(--text-placeholder);min-width:60px}.slider-label.right{text-align:right}input[type=range]{flex:1;height:44px;-webkit-appearance:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--bg-tertiary);border-radius:3px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:44px;height:44px;background:var(--accent);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px var(--shadow-color);margin-top:-19px}input[type=range]::-moz-range-track{height:6px;background:var(--bg-tertiary);border-radius:3px}input[type=range]::-moz-range-thumb{width:44px;height:44px;background:var(--accent);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px var(--shadow-color)}.reset-btn,.btn{background:transparent;border:1px solid var(--border-btn);color:var(--text-dim);padding:.4rem .8rem;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;font-size:.8rem}.reset-btn:hover,.btn:hover{border-color:var(--accent);color:var(--accent)}.reset-btn:focus,.btn:focus{outline:2px solid var(--accent);outline-offset:2px}.copy-btn.copied,.copy-success{border-color:var(--success)!important;color:var(--success)!important;transition:border-color .2s,color .2s}.copy-fail{border-color:var(--error)!important;color:var(--error)!important;transition:border-color .2s,color .2s}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem}.section-header h2{margin-bottom:0;min-width:0}.export-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.export-btn{background:transparent;border:1px solid var(--link-color);color:var(--link-color)}.export-btn:hover{background:#3498db1a;border-color:var(--link-hover);color:var(--link-hover)}.stats{display:flex;gap:2rem;margin-bottom:1.5rem;flex-wrap:wrap}.stat{background:var(--bg-secondary);padding:1rem 1.5rem;border-radius:8px;border-left:3px solid var(--accent)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.confidence-high{color:var(--success-alt)}.confidence-med{color:var(--accent)}.confidence-low{color:var(--error)}.stat-label{font-size:.8rem;color:var(--text-dim);margin-top:.25rem}.table-hint{color:var(--text-dim);font-size:.85rem;margin-bottom:.75rem}.table-section{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:2rem;overflow-x:auto;background:linear-gradient(to right,var(--table-scroll-fade) 30%,transparent),linear-gradient(to left,var(--table-scroll-fade) 30%,transparent),linear-gradient(to right,var(--table-scroll-indicator),transparent),linear-gradient(to left,var(--table-scroll-indicator),transparent);background-position:left center,right center,left center,right center;background-size:20px 100%,20px 100%,10px 100%,10px 100%;background-repeat:no-repeat;background-attachment:local,local,scroll,scroll}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-secondary)}th{background:var(--bg-tertiary);color:var(--accent);font-weight:600;text-transform:uppercase;font-size:.7rem;letter-spacing:.05em;position:sticky;top:0}tr:last-child td{border-bottom:none}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable.tooltip{cursor:pointer}th.sortable:hover{background:var(--accent-overlay);color:var(--accent)}th.sortable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}th.sort-active{color:var(--accent)}tr.clickable{cursor:pointer;transition:background-color .15s ease}tr.clickable:hover td{background:var(--accent-overlay)}tr.clickable:focus{outline:2px solid var(--accent);outline-offset:-2px}tr.clickable:focus td{background:var(--accent-overlay)}tr.clickable:hover td:first-child,tr.clickable:focus td:first-child{border-left:3px solid var(--accent);padding-left:calc(.75rem - 3px)}.amount{font-weight:700;color:var(--accent)}.coverage{color:var(--success)}.value{color:var(--link-color)}.trailer-spec{font-size:.75rem;color:var(--text-faint);margin-top:.15rem}a.body-type-link{color:var(--accent);text-decoration:none;font-weight:600}a.body-type-link:hover{text-decoration:underline}tr.owned-row td{background:var(--accent-subtle)}tr.dominated-row td{opacity:.5}tr.best-row td{font-weight:600}tr.scs-fallback-row td{opacity:.65;font-size:.9rem;border-top:none;padding-top:0}.dominated-label{font-size:.75rem;color:var(--warning);margin-left:.5em}.fleet-actions{white-space:nowrap;text-align:right}.btn-fleet{background:none;border:1px solid var(--border-muted);color:var(--text-dim);border-radius:4px;cursor:pointer;width:28px;height:28px;font-size:1rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.btn-fleet+.btn-fleet{margin-left:.25rem}.btn-fleet-plus{color:var(--success-alt);border-color:var(--success-alt)}.btn-fleet-plus:hover{background:var(--success-alt);color:var(--accent-on)}.btn-fleet-minus:hover{border-color:var(--error);color:var(--error)}.score{color:var(--score-default);font-weight:700}.score-tier-excellent{color:var(--score-excellent)}.score-tier-good{color:var(--score-good)}.score-tier-average{color:var(--score-average)}.score-tier-below{color:var(--score-below)}.score-tier-label{display:block;font-size:.7rem;font-weight:400}.rank-display{white-space:nowrap}.rank-display .rank{color:var(--error);font-weight:700}.score .rank-display.top-tier .rank,.stat-value .rank-display.top-tier .rank{color:var(--success)}.country-name,.country{color:var(--text-dim)}.native-name{color:var(--text-dim);font-weight:400;font-size:.85em}.trailer-name{font-weight:600}.trailer-cargoes{font-size:.8rem;color:var(--text-dim);margin-top:.25rem}.city-header{margin-bottom:1rem}.city-header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.city-header h2{font-size:1.5rem;margin-bottom:.25rem}.city-header .country{font-size:1rem}a.link{color:var(--link-color);text-decoration:none}a.link:hover{text-decoration:underline}.country-section{background:var(--bg-secondary);border-radius:8px;padding:1rem;margin-bottom:1rem}.country-header{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:.5rem 0;min-height:44px}.country-header h3{margin:0}.country-header h3:before{content:"▼";display:inline-block;margin-right:.5rem;font-size:.7rem;transition:transform .2s}.country-section.collapsed .country-header h3:before{transform:rotate(-90deg)}.country-section.collapsed .country-content{display:none}.country-count{color:var(--text-dim);font-size:.9rem}.country-content{margin-top:1rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.card{background:var(--bg-tertiary);border-radius:6px;padding:1rem;transition:all .2s;border:1px solid transparent}.card.high-value{border-left:3px solid var(--accent);background:var(--high-value-card-bg)}.card.fragile{border-left:3px solid var(--purple)}.card:hover{background:var(--bg-hover);transform:translateY(-3px);box-shadow:0 4px 12px var(--shadow-color);border:1px solid var(--accent-border-subtle)}.card:focus-within{outline:2px solid var(--accent);outline-offset:2px}.card-title{color:var(--accent);font-weight:600;margin-bottom:.5rem}.card-subtitle{color:var(--text-dim);font-size:.85rem}.card-link{color:inherit;text-decoration:none;display:block}.back-link{color:var(--accent);cursor:pointer;margin-bottom:1rem;display:inline-block;text-decoration:none;min-height:44px}.back-link:hover{text-decoration:underline}.back-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.detail-header{margin-bottom:1.5rem}.detail-header h2{font-size:1.5rem;margin-bottom:.25rem}.detail-header .subtitle{color:var(--text-dim);font-size:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{background:var(--bg-tertiary);color:var(--text-muted);padding:.25rem .5rem;border-radius:4px;font-size:.8rem}.tag.highlight{background:var(--accent);color:var(--accent-on)}.search-box{margin-bottom:1.5rem}.search-box input{width:100%;max-width:400px;padding:.75rem 1rem;font-size:1rem;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-secondary);border-radius:4px}.search-box input:focus{outline:none;border-color:var(--accent)}.search-box input::placeholder{color:var(--text-placeholder)}.results-count{display:block;color:var(--text-dim);font-size:.85rem;margin-top:.5rem;min-height:1.25em}.empty-state,.loading{text-align:center;padding:3rem;color:var(--error-alt)}.loading{color:var(--text-dim)}.error-detail{color:var(--text-dim);font-size:.9rem;margin-top:.5rem}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 25%,var(--skeleton-shine) 50%,var(--skeleton-base) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-row{display:flex;gap:1rem;padding:.75rem;border-bottom:1px solid var(--border-secondary)}.skeleton-cell{height:1rem;background:linear-gradient(90deg,var(--skeleton-cell-base) 25%,var(--skeleton-cell-shine) 50%,var(--skeleton-cell-base) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-cell.narrow{width:40px}.skeleton-cell.medium{width:120px}.skeleton-cell.wide{flex:1}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tooltip{position:relative;cursor:help}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:.5rem .75rem;background:var(--bg-tertiary);color:var(--text-primary);font-size:.75rem;font-weight:400;text-transform:none;letter-spacing:normal;white-space:normal;max-width:250px;text-align:center;border-radius:4px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100;box-shadow:0 2px 8px var(--shadow-color)}.tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-tertiary);margin-bottom:-12px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:100}.tooltip:hover:after,.tooltip:hover:before,.tooltip:focus:after,.tooltip:focus:before{opacity:1;visibility:visible}.tooltip:focus{outline:2px solid var(--accent);outline-offset:2px}th.tooltip:after{bottom:auto;top:100%;margin-top:6px}th.tooltip:before{bottom:auto;top:100%;margin-top:-6px;border-top-color:transparent;border-bottom-color:var(--bg-tertiary)}.control-label .tooltip:after{bottom:auto;top:100%;margin-top:6px}.control-label .tooltip:before{bottom:auto;top:100%;margin-top:-6px;border-top-color:transparent;border-bottom-color:var(--bg-tertiary)}.filter-toggle{display:flex;gap:0;margin-bottom:1.5rem}.filter-btn{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-muted);padding:.5rem 1rem;min-height:44px;display:inline-flex;align-items:center;cursor:pointer;font-size:.9rem;transition:all .2s}.filter-btn:first-child{border-radius:4px 0 0 4px}.filter-btn:last-child{border-radius:0 4px 4px 0;border-left:none}.filter-btn.active{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.filter-btn:hover:not(.active){border-color:var(--accent);color:var(--accent)}.filter-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.filter-btn .badge{background:var(--badge-bg);padding:.1rem .4rem;border-radius:8px;font-size:.75rem;margin-left:.5rem}.country-filter{position:relative;margin-bottom:1.5rem;display:inline-block;min-width:220px}.country-filter-btn{width:100%;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary);font-size:1rem;cursor:pointer;border-radius:4px;display:flex;align-items:center;gap:.5rem;transition:all .2s}.country-filter-btn:hover{border-color:var(--accent);color:var(--accent)}.country-filter-btn:focus{outline:2px solid var(--accent);outline-offset:2px}.country-filter-btn .filter-icon{font-size:1.2rem}.country-filter-btn .filter-text{flex:1;text-align:left}.country-filter-btn .dropdown-arrow{font-size:.7rem;transition:transform .2s}.country-filter-btn[aria-expanded=true] .dropdown-arrow{transform:rotate(180deg)}.country-dropdown{position:absolute;top:100%;left:0;width:100%;margin-top:.5rem;background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:4px;max-height:400px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px var(--shadow-color)}.country-options{padding:.5rem 0}.country-option{display:flex;align-items:center;padding:.75rem 1rem;cursor:pointer;transition:background-color .2s;gap:.75rem}.country-option:hover{background:var(--accent-overlay)}.country-option:focus-within{background:var(--accent-overlay);outline:2px solid var(--accent);outline-offset:-2px}.country-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.country-option span{color:var(--text-primary);font-size:.95rem}.country-option.all-countries{font-weight:600;border-bottom:1px solid var(--border-secondary);margin-bottom:.25rem}.country-option.all-countries span{color:var(--accent)}.garage-toggle{background:transparent;border:none;font-size:1.5rem;color:var(--text-disabled);cursor:pointer;padding:.25rem;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:color .2s}.garage-toggle:hover,.garage-toggle[aria-pressed=true]{color:var(--accent)}.garage-toggle:focus{outline:2px solid var(--accent);outline-offset:2px}.city-header-actions{display:flex;align-items:center;gap:.5rem}.compare-toggle{font-size:.8rem;padding:.3rem .7rem;min-height:44px}.compare-toggle[aria-pressed=true]{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.garage-star{cursor:pointer;font-size:1.2rem;min-width:44px;min-height:44px;text-align:center;color:var(--star-inactive);-webkit-user-select:none;user-select:none}.garage-star:hover,.garage-star:focus{color:var(--accent)}.garage-star:focus-visible{outline:2px solid var(--accent);outline-offset:2px}tr.owned-garage .garage-star{color:var(--accent)}tr.owned-garage{background:var(--accent-subtle)}.no-results{text-align:center;padding:2rem;color:var(--text-dim);font-size:.95rem}.empty-garages{text-align:center;padding:3rem;color:var(--text-dim)}.empty-garages p{margin-bottom:.5rem}.empty-garages .hint{color:var(--text-disabled);font-size:.9rem}.card{position:relative}.card-garage-badge{position:absolute;top:.5rem;right:.5rem;color:var(--accent);font-size:1rem}.compare-col{width:3rem;text-align:center}.compare-check{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.compare-bar{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);background:var(--bg-secondary);border:2px solid var(--accent);border-radius:8px;padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:1000;box-shadow:0 4px 20px var(--shadow-color);color:var(--text-primary);font-size:.95rem}.compare-bar-go{background:var(--accent);color:var(--accent-on);border:none;padding:.4rem 1rem;border-radius:4px;font-weight:600;cursor:pointer;font-size:.9rem;min-height:44px}.compare-bar-go:hover{background:var(--accent-hover)}.compare-bar-clear{background:none;border:none;color:var(--text-dim);font-size:1.25rem;cursor:pointer;padding:.25rem;line-height:1;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.compare-bar-clear:hover{color:var(--error)}.compare-bar-go:focus-visible,.compare-bar-clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.compare-grid{display:grid;grid-template-columns:repeat(var(--compare-cols, 2),1fr);gap:1.5rem;margin-top:1rem}.compare-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.compare-card-header h3{color:var(--accent);font-size:1.15rem;margin-bottom:.25rem}.compare-card-header .country{font-size:.9rem}.compare-stats{display:flex;flex-direction:column;gap:.5rem}.compare-stat{background:var(--bg-overlay);border-radius:6px;padding:.6rem .8rem;border-left:3px solid transparent}.compare-stat.compare-winner{border-left-color:var(--success);background:var(--compare-winner-bg)}.compare-stat-value{font-size:1.25rem;font-weight:700;color:var(--accent)}.compare-stat-label{font-size:.75rem;color:var(--text-dim);margin-top:.15rem}.compare-fleet{border-top:1px solid var(--border-primary);padding-top:.75rem}.compare-fleet h4{color:var(--accent);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.compare-fleet-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.9rem;border-bottom:1px solid var(--border-primary)}.compare-fleet-row:last-child{border-bottom:none}.compare-trailer-name{color:var(--text-secondary)}.compare-trailer-ev{color:var(--accent);font-weight:600}.compare-no-data{color:var(--text-dim);font-size:.85rem}@media(max-width:600px){.container{padding:1rem}header{flex-direction:column;align-items:flex-start}nav{width:100%;gap:.5rem}nav a{padding:.75rem 1rem;font-size:.9rem}.onboarding{padding:1.5rem}.term-list{grid-template-columns:1fr;gap:.5rem}.term-list dd{margin-bottom:1rem}.table-rankings th:nth-child(1),.table-rankings td:nth-child(1),.table-rankings th:nth-child(2),.table-rankings td:nth-child(2),.table-rankings th:nth-child(4),.table-rankings td:nth-child(4),.table-rankings th:nth-child(5),.table-rankings td:nth-child(5),.table-rankings th:nth-child(6),.table-rankings td:nth-child(6),.table-rankings th:nth-child(9),.table-rankings td:nth-child(9){display:none}.compare-grid{grid-template-columns:1fr!important}.stats{gap:1rem}.stat{flex:1;min-width:140px}.dlc-banner{flex-direction:column;align-items:stretch;text-align:center}.dlc-banner-dismiss{position:absolute;top:.5rem;right:.5rem}.dlc-banner{position:relative}.cards-grid{grid-template-columns:1fr}.country-header{min-height:44px;padding:.75rem 0}.dlc-page-columns{flex-direction:column}.dlc-row{min-height:44px;padding:.5rem .75rem}.section-header{flex-direction:column;align-items:flex-start}.section-header .calc-btn,.section-header .export-buttons{width:100%}.section-header .calc-btn{text-align:center}.city-header-row{gap:.5rem}}