:root{--red:#b81820;--red-dark:#961219;--ink:#20252c;--muted:#626b76;--line:#d9dee4;--soft:#f3f5f7;--yellow:#ffdc20;--radius:10px;--max:1280px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.55}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:hover{color:var(--red)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2364c6;outline-offset:4px}button{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.5vw,49px);line-height:1.13;letter-spacing:-1.5px;margin-bottom:22px}h2{font-size:clamp(24px,2.4vw,34px);line-height:1.22;letter-spacing:-.7px;margin-bottom:24px}h3{font-size:20px;line-height:1.3;margin-bottom:10px}p{color:var(--muted)}.container{width:min(var(--max),calc(100% - 64px));margin:auto}.utility{background:#eef1f4;font-size:13px;color:#505964}.utility .container{display:flex;justify-content:space-between;padding:8px 0;gap:20px}header{background:white;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.header-inner{display:flex;align-items:center;gap:40px;min-height:88px}.logo{position:relative;display:block;width:232px;height:43px;overflow:hidden;flex-shrink:0}.logo img{position:absolute;width:232px;height:145px;max-width:none;top:-52px;left:0}nav{display:flex;gap:28px;align-items:center;flex:1;font-size:15px;font-weight:600}nav a[aria-current=page]{color:var(--red)}.vehicle-button{background:white;border:1px solid #aab2bb;border-radius:6px;padding:11px 16px;font-size:14px;max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.12fr .9fr;gap:48px;align-items:center;padding:48px 0 30px}.hero p{font-size:19px;max-width:560px;line-height:1.6;margin-bottom:0}.hero figure{margin:0}.hero img{width:100%;height:auto;aspect-ratio:1.65;object-fit:contain;background:#eff1f2;border-radius:4px;display:block}.hero figcaption{font-size:11px;color:#747b85;margin-top:5px;text-align:right}.mode-tabs{display:flex;gap:30px;margin-top:12px;margin-bottom:0}.mode-tabs button{background:none;border:0;border-bottom:3px solid transparent;padding:14px 6px;font-weight:600}.mode-tabs button.active{border-color:var(--red);color:var(--ink)}.vehicle-form{border:1px solid #b9c1ca;border-radius:var(--radius);padding:24px;display:grid;grid-template-columns:1fr 1fr 1.3fr .65fr auto;gap:18px;align-items:end;background:#fff}.field{min-width:0}.field label{display:block;margin-bottom:8px;font-size:14px;font-weight:600}.field select,.field input,.search{width:100%;height:47px;border:1px solid #c2c9d1;border-radius:6px;background:#fff;color:var(--ink);padding:0 12px;min-width:0}.field select:disabled{background:#f5f6f7;color:#737b84}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:47px;border-radius:6px;padding:11px 21px;font-weight:600;font-size:15px;border:1px solid transparent;text-align:center}.primary{background:var(--red);color:white}.primary:hover{background:var(--red-dark);color:white}.secondary{background:#fff;border-color:#bbc3cc}.secondary:hover{border-color:var(--red);color:var(--red)}.form-note{grid-column:1/-1;font-size:13px;color:var(--muted);margin:0}.form-error{grid-column:1/-1;color:var(--red);font-size:14px;margin:0}.section{padding:34px 0 44px}.category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.category-tile{background:white;border:1px solid #c6cdd6;border-radius:9px;padding:25px 15px 21px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-width:0;transition:transform .15s,border-color .15s}.category-tile:hover{transform:translateY(-3px);border-color:var(--red)}.category-tile h3{font-size:18px;margin:0}.category-tile p{font-size:12px;margin:0;color:var(--muted)}.category-tile svg{width:67px;height:67px;stroke-width:1.7;color:#2c333b}.category-tile small{color:var(--muted);font-size:12px}.section-head{display:flex;justify-content:space-between;gap:25px;align-items:baseline}.text-link{color:var(--red);text-decoration:underline;text-underline-offset:3px}.muted{color:var(--muted)}.subtle-note{font-size:13px;margin:16px 0 0}.saved-vehicle{background:#faf7ee;border-bottom:1px solid #e7e0cd}.saved-vehicle .container{display:flex;align-items:center;justify-content:space-between;padding:11px 0;gap:18px;font-size:14px}.saved-vehicle .actions{display:flex;gap:18px;flex-shrink:0}.plain-button{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;font-size:14px}.breadcrumb{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin:27px 0}.page-intro{margin:35px 0 25px;max-width:850px}.page-intro h1{font-size:36px;letter-spacing:-.8px;margin-bottom:14px}.notice{background:var(--soft);border-left:3px solid #a5afba;padding:16px 20px;font-size:14px;color:#515c69;margin:20px 0}.notice p{margin:0}.notice strong{color:var(--ink)}.notice.warning{background:#fff8e9;border-color:#b48b25}.toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:27px 0}.toolbar .search{max-width:460px}.toolbar label{font-size:14px}.toolbar select{padding:10px;border:1px solid var(--line);background:#fff;border-radius:6px}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;background:#fff}.product-image{height:212px;background:#fff;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #edf0f2;padding:16px}.product-image img{width:100%;height:100%;object-fit:contain}.no-image{background:var(--soft);color:#697583;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.no-image svg{width:60px;height:60px}.no-image span{font-size:12px}.product-body{padding:20px;display:flex;flex-direction:column;flex:1}.product-body h2{font-size:18px;line-height:1.45;letter-spacing:0;margin:8px 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.source-label{font-size:12px;color:#626d79}.compatibility{font-size:12px;color:#545d68;margin:4px 0 15px}.product-bottom{margin-top:auto;padding-top:13px;display:flex;gap:12px;align-items:center;justify-content:space-between}.price{font-size:14px;font-weight:600}.price small{display:block;font-size:12px;color:var(--muted);font-weight:400}.product-bottom .secondary{min-height:40px;padding:8px 13px;font-size:13px}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:30px 0}.empty{padding:42px 25px;background:var(--soft);text-align:center;border-radius:8px}.empty p{max-width:650px;margin:0 auto 22px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin:32px 0 45px}.product-detail .detail-image{height:420px;border:1px solid var(--line);border-radius:var(--radius);padding:25px;display:flex;align-items:center;justify-content:center}.detail-image img{width:100%;height:100%;object-fit:contain}.product-detail h1{font-size:29px;letter-spacing:-.5px;line-height:1.35}.product-detail dl{display:grid;grid-template-columns:145px 1fr;font-size:14px;gap:12px;margin:25px 0}.product-detail dt{color:var(--muted)}.product-detail dd{margin:0;overflow-wrap:anywhere}.detail-source{margin:30px 0;padding:25px;background:var(--soft);border-radius:8px}.detail-source p{font-size:14px}.draft{background:#eef4ed;border-left:3px solid #60775a;padding:20px;margin-top:20px}.draft p:last-child{margin:0}.dictionary-layout{display:grid;grid-template-columns:215px 1fr;gap:30px;margin:30px 0}.brand-list{border:1px solid var(--line);border-radius:8px;max-height:660px;overflow:auto;align-self:start;padding:9px}.brand-list button{display:block;text-align:left;width:100%;padding:10px 13px;border:0;background:white;font-size:14px;border-radius:4px}.brand-list button:hover,.brand-list button.active{background:#f8e9ea;color:var(--red)}.dictionary-items{min-width:0}.model-row{border-bottom:1px solid var(--line);padding:18px 0}.model-row summary{cursor:pointer;list-style-position:inside;display:flex;gap:12px;justify-content:space-between;align-items:center}.model-row summary strong{font-size:18px}.model-row summary span{font-size:13px;color:var(--muted)}.generation-list{list-style:none;margin:15px 0 0;padding:0}.generation-list li{padding:10px 12px;margin:5px 0;background:var(--soft);display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:14px;border-radius:5px}.generation-list small{display:block;color:#6c7580;font-size:12px}.generation-list button{border:1px solid #bfc8d1;background:#fff;border-radius:4px;padding:7px 12px;flex-shrink:0}.stats-line{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#515b68;margin:20px 0}.map-root{display:inline-block;background:var(--red);color:white;border-radius:6px;padding:15px 25px;margin:15px 0 30px}.map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.map-branch{border-top:3px solid var(--line);padding:20px 22px;background:var(--soft);border-radius:0 0 8px 8px}.map-branch ul{padding-left:20px;margin:0}.map-branch li{padding:8px 0;font-size:14px}.map-branch a{text-decoration:underline;text-underline-offset:3px}.planned{color:#707b87;font-size:12px}.flow-band{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 0;font-weight:600}.flow-band span{color:#a1a9b1}.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0}.architecture div{border:1px solid var(--line);border-radius:8px;padding:23px}.architecture p{font-size:14px;margin:0}footer{background:#eef1f4;color:#606975;margin-top:30px;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:25px;padding:22px 0}.loading{padding:80px 0}dialog{width:min(850px,calc(100% - 30px));border:0;border-radius:12px;padding:28px;box-shadow:0 22px 90px #0003}dialog::backdrop{background:#18212b80}.dialog-top{display:flex;gap:20px;align-items:start;justify-content:space-between;margin-bottom:25px}.dialog-top h2{margin:0}.icon-button{border:0;background:var(--soft);width:36px;height:36px;border-radius:50%;font-size:26px;line-height:1}.dialog-top+.vehicle-form,.dialog-top~div .vehicle-form{grid-template-columns:1fr 1fr;border:0;padding:0}.dialog-top~div .vehicle-form .primary{grid-column:1/-1}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-100px;left:15px;z-index:50;background:#fff;padding:12px}.skip:focus{top:10px}[hidden]{display:none!important}@media(max-width:1150px){.header-inner{gap:23px}.logo{width:205px;height:38px}.logo img{width:205px;height:128px;top:-46px}nav{gap:18px;font-size:14px}.vehicle-button{max-width:205px}.vehicle-form{grid-template-columns:1fr 1fr 1.4fr .8fr}.vehicle-form>.primary{grid-column:1/-1}.hero{gap:30px}.hero p{font-size:17px}.category-tile{padding:22px 12px}.category-tile h3{font-size:16px}.category-tile svg{width:58px;height:58px}.product-detail{gap:30px}}@media(max-width:800px){.container{width:calc(100% - 36px)}.header-inner{min-height:76px;gap:16px;flex-wrap:wrap;position:relative}.logo{width:195px;height:36px}.logo img{width:195px;height:122px;top:-44px}.menu-toggle{display:block;margin-left:auto;border:1px solid var(--line);background:white;padding:8px 12px;border-radius:5px}.vehicle-button{display:none}nav{display:none;flex-basis:100%;padding:4px 0 18px;gap:23px}nav.open{display:flex}.hero{padding-top:32px;grid-template-columns:1.1fr .8fr;gap:25px}.hero h1{font-size:34px;letter-spacing:-.9px}.hero p{font-size:15px}.hero img{aspect-ratio:1.1}.hero figcaption{font-size:10px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-tile p{display:none}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail{grid-template-columns:1fr 1fr;gap:24px}.product-detail .detail-image{height:300px}.product-detail h1{font-size:23px}.product-detail dl{grid-template-columns:1fr;gap:4px}.product-detail dd{margin-bottom:9px}.dictionary-layout{grid-template-columns:165px 1fr;gap:20px}.map-grid{grid-template-columns:repeat(2,1fr)}.architecture{grid-template-columns:1fr}.toolbar{align-items:start;flex-direction:column;gap:12px}.footer-inner{flex-direction:column;gap:5px}.utility .container{font-size:11px;gap:15px}.saved-vehicle .container{font-size:12px}.saved-vehicle .actions{gap:12px}.saved-vehicle .plain-button{font-size:12px}}@media(max-width:520px){.hero{grid-template-columns:1fr;padding:28px 0 15px;gap:20px}.hero h1{font-size:35px;max-width:360px}.hero p{font-size:16px}.hero figure{display:none}.mode-tabs{gap:22px}.mode-tabs button{font-size:14px}.vehicle-form{grid-template-columns:1fr;padding:18px;gap:16px}.vehicle-form>.primary{grid-column:auto}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-tile{min-height:150px;padding:20px 10px}.category-tile:last-child{grid-column:1/-1;min-height:110px;flex-direction:row;justify-content:center;text-align:left;padding:20px}.category-tile:last-child h3{max-width:160px}.section{padding:28px 0}.section-head{flex-direction:column;gap:0}.section-head h2{margin-bottom:13px}.products{grid-template-columns:1fr}.product-image{height:225px}.page-intro h1{font-size:29px}.product-detail{grid-template-columns:1fr}.product-detail .detail-image{height:290px}.product-detail h1{font-size:26px}.dictionary-layout{grid-template-columns:1fr}.brand-list{max-height:180px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.model-row summary{align-items:start}.model-row summary span{max-width:90px;text-align:right}.generation-list li{align-items:start;gap:8px}.map-grid{grid-template-columns:1fr}.utility .container span:last-child{max-width:185px;text-align:right}.saved-vehicle .container{align-items:start}.saved-vehicle .actions{flex-direction:column;gap:4px}.stats-line{gap:8px 15px}.notice{padding:14px}.dialog-top~div .vehicle-form{grid-template-columns:1fr}.dialog-top~div .vehicle-form .primary{grid-column:auto}dialog{padding:22px}.product-bottom{gap:15px}.product-body h2{-webkit-line-clamp:4}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

main:focus{outline:none}.detail-image img{max-width:380px}
