.ty-shell{--ty-navy:#12314c;--ty-deep:#092e3a;--ty-green:#1095b3;--ty-muted:#687e8e;--ty-yellow:#ffcf70;color:#213a51;margin:0 auto 75px;width:100%;max-width:1480px;font-family:inherit}
.ty-shell *{box-sizing:border-box}.ty-shell [hidden]{display:none!important}.ty-shell a{text-decoration:none}.ty-shell button,.ty-shell input{font:inherit}.ty-shell button{cursor:pointer}.ty-hero{background:linear-gradient(119deg,#122e62 2%,#0c4c78 64%,#1979a5);border-radius:25px;color:white;position:relative;overflow:hidden;padding:26px 32px 0;isolation:isolate}.ty-hero:before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:#55d0bf13;top:-260px;right:-130px}.ty-crumb{display:flex;align-items:center;gap:10px;color:#b1d5dc;font-size:.73rem;position:relative;z-index:2;flex-wrap:wrap}.ty-crumb a{color:#e1fdf5}.ty-crumb a:hover{text-decoration:underline}.ty-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:10px;min-height:358px}.ty-hero-copy{align-self:center;padding:24px 5px 24px 0;position:relative;z-index:2}.ty-topline{font-size:.66rem;letter-spacing:1.4px;font-weight:800;color:#a0f0d8;display:inline-flex;align-items:center;gap:8px}.ty-topline i{width:8px;height:8px;border-radius:50%;background:#69ecb7;box-shadow:0 0 0 5px #47d0a82b}.ty-hero h1{font-size:clamp(2.1rem,4vw,3.7rem);line-height:1.1;letter-spacing:-.052em;margin:22px 0 18px;color:white;font-weight:860}.ty-hero h1 em{font-style:normal;color:#87e8ff}.ty-hero-copy>p{font-size:.93rem;line-height:1.75;color:#d3e5e9;max-width:630px;margin:0}.ty-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.ty-pills span{border:1px solid #c9fff341;background:#ffffff14;color:#e4fff3;padding:7px 11px;font-size:.68rem;border-radius:99px;font-weight:760}.ty-hero-art{min-height:340px;position:relative;display:flex;align-items:center;justify-content:center;align-self:center}.ty-hero-art img{width:min(100%,590px);max-height:375px;object-fit:contain;filter:drop-shadow(0 19px 25px #051c2d2b)}.ty-art-float{position:absolute;right:5%;bottom:10%;border-radius:15px;padding:12px 15px;background:#fff;color:#4c7383;font-weight:790;font-size:.59rem;letter-spacing:1.4px;box-shadow:0 20px 50px #091d283d}.ty-art-float strong{display:block;font-size:1.15rem;letter-spacing:-.03em;color:#125b61}.ty-hero-footer{border-top:1px solid #ffffff32;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0;color:#c6e2e5;font-size:.68rem}.ty-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:22px;margin-top:22px;align-items:start}.ty-main-col{min-width:0}.ty-card,.ty-guide{background:white;border:1px solid #dfe9ed;border-radius:23px;box-shadow:0 13px 42px #18334a0a;padding:30px;margin-bottom:19px}.ty-card-head{display:flex;align-items:center;gap:15px;padding-bottom:22px}.ty-index{display:flex;align-items:center;justify-content:center;flex:0 0 51px;height:51px;border-radius:15px;background:linear-gradient(145deg,#fff3d9,#ffe1a0);color:#926311;font-size:1.1rem;font-weight:900}.ty-result-index{background:#dbfaf0;color:#078f75}.ty-kicker{font-size:.65rem;letter-spacing:1.35px;font-weight:850;color:#187fbb}.ty-card h2{font-size:clamp(1.32rem,2.4vw,1.77rem);color:#17384d;letter-spacing:-.038em;margin:5px 0 5px}.ty-card-head p{color:#7e919d;font-size:.77rem;margin:0;line-height:1.6}.ty-group{border-top:1px solid #e6eef1;padding:24px 0}.ty-group-label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:0 0 17px}.ty-group-label strong{font-size:.69rem;letter-spacing:1.2px;color:#188e87}.ty-group-label>span{font-size:.7rem;color:#8a9daa}.ty-grid{display:grid;gap:13px;min-width:0}.ty-grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.ty-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}.ty-space{margin-top:15px}.ty-field{font-size:.8rem;font-weight:820;color:#29495e;display:flex;flex-direction:column;min-width:0;gap:5px}.ty-field small{font-size:.69rem;font-weight:500;color:#8296a4;line-height:1.5;min-height:30px}.ty-input{background:#f8fbfc;border:1px solid #dae7eb;border-radius:12px;display:flex;align-items:center;height:52px;overflow:hidden;transition:.15s}.ty-input:focus-within{border-color:#248dd8;box-shadow:0 0 0 3px #34ccaa24}.ty-input input{flex:1;min-width:0;border:0;background:transparent;outline:0;padding:0 10px 0 13px;font-size:.95rem;font-weight:800;color:#173951;height:100%;width:100%;appearance:textfield}.ty-input input::-webkit-outer-spin-button,.ty-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ty-input b{color:#698595;background:#edf4f6;padding:0 9px;font-size:.66rem;height:100%;display:flex;align-items:center;white-space:nowrap;border-left:1px solid #e0ebed}.ty-quick{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.ty-quick button{font-size:.68rem;color:#5d7786;border:1px solid #d9e7e9;border-radius:9px;background:#fff;padding:8px 10px;font-weight:730;transition:.15s}.ty-quick button:hover,.ty-quick button.is-active{color:#087e73;border-color:#3bc4ad;background:#e8fbf5}.ty-slider-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:23px 0 9px}.ty-slider-header strong{font-size:.83rem;display:block;color:#27475b}.ty-slider-header small{display:block;color:#8198a5;font-size:.69rem;margin-top:3px}.ty-slider-header>b{background:#e7f9f3;color:#008c73;padding:9px 13px;border-radius:12px;white-space:nowrap}.ty-range{display:block;width:100%;accent-color:#0bb291;cursor:pointer}.ty-info{border:1px solid #cfeee6;background:#f0faf6;border-radius:12px;padding:12px 15px;margin:17px 0 0;color:#496e70;font-size:.72rem;line-height:1.8}.ty-info strong{color:#087d73}.ty-info em{font-style:normal;text-decoration:underline}.ty-error{background:#fff0ec;color:#a63727;padding:13px 15px;border-radius:12px;margin-bottom:18px;font-size:.8rem}.ty-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.ty-primary{border:0;color:white;background:linear-gradient(112deg,#165da9,#187ed3);border-radius:13px;padding:15px 19px;min-height:55px;font-weight:860;font-size:.86rem;display:flex;gap:22px;align-items:center;justify-content:space-between;box-shadow:0 12px 24px #0a99733b}.ty-primary:hover{filter:brightness(1.07)}.ty-primary span{font-size:1.25rem}.ty-secondary{border:1px solid #d9e8e9;color:#3f6f79;border-radius:11px;background:#f8fbfb;font-weight:760;font-size:.75rem;padding:12px 14px}.ty-secondary:hover{border-color:#43c7ac;background:#edfaf6}.ty-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ty-metric{min-height:130px;background:#f5f9fa;border-radius:17px;border:1px solid #dfebed;padding:19px;min-width:0;overflow-wrap:anywhere}.ty-metric small{font-size:.64rem;letter-spacing:.9px;color:#688894;font-weight:850}.ty-metric strong{display:block;font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.25;letter-spacing:-.05em;margin:13px 0 4px;color:#1c4858;font-weight:900}.ty-metric span{font-size:.69rem;color:#869ca7}.ty-metric-special{background:linear-gradient(120deg,#114957,#127768);border-color:#127768}.ty-metric-special small,.ty-metric-special span{color:#b3eadd}.ty-metric-special strong{color:#fff}.ty-chart-box{margin-top:20px;background:#fbfdfd;border:1px solid #d9e7ea;border-radius:17px;padding:20px;overflow:hidden}.ty-chart-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.ty-chart-top span{font-size:.65rem;font-weight:800;color:#0aa08f;letter-spacing:1px}.ty-chart-top h3{font-size:1.05rem;color:#1e4455;margin:5px 0 0}.ty-chart-key{color:#8ca1aa;font-size:.67rem;white-space:nowrap}.ty-chart-key i{display:inline-block;height:4px;width:14px;background:#dfa046;vertical-align:middle}.ty-chart-box svg{display:block;width:100%;height:auto;max-height:310px;margin-top:9px}.ty-chart-box p{font-size:.68rem;color:#8497a2;line-height:1.7;margin:0}.ty-detail-head{color:#119580;font-size:.66rem;font-weight:880;letter-spacing:1px;margin:24px 0 10px}.ty-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ty-detail-grid>div{background:#f4f9f9;border:1px solid #e1eff0;border-radius:12px;padding:13px;min-width:0}.ty-detail-grid span{display:block;color:#7a8e9b;font-size:.66rem;line-height:1.5}.ty-detail-grid b{display:block;color:#224c5c;font-size:.92rem;margin-top:7px;overflow-wrap:anywhere}.ty-equation{margin-top:20px;background:#eaf8f4;border:1px solid #c9eae1;padding:17px;border-radius:14px}.ty-equation>span{color:#0d9381;letter-spacing:1px;font-size:.64rem;font-weight:850}.ty-equation strong{display:block;font-size:.89rem;color:#235560;line-height:1.8;margin:5px 0 7px}.ty-equation p{color:#597880;font-size:.71rem;line-height:1.75;margin:0}.ty-report-actions{margin-top:18px}.ty-aside{display:flex;flex-direction:column;gap:13px}.ty-aside-dark{border-radius:21px;background:linear-gradient(140deg,#153a4e,#0e5f66);padding:22px;color:white;position:relative;overflow:hidden}.ty-aside-dark:after{content:'☀';position:absolute;font-size:170px;color:#ffffff0a;right:-45px;top:-48px;pointer-events:none}.ty-aside-dark>span{font-size:.69rem;color:#a2f0cf;font-weight:800;letter-spacing:1px}.ty-aside h3{font-size:1.5rem;color:#fff;line-height:1.3;margin:16px 0 24px}.ty-aside h3 em{font-style:normal;color:#ffd775}.ty-aside-formula{border-top:1px solid #ffffff32;padding:12px 0}.ty-aside-formula small{display:block;color:#afdfdc;font-size:.61rem;letter-spacing:1px;font-weight:800}.ty-aside-formula strong{display:block;color:white;font-size:.85rem;margin-top:7px;line-height:1.5}.ty-aside-dark p{color:#c3e5e5;font-size:.72rem;line-height:1.8;margin:17px 0 0}.ty-aside-tip{background:white;border:1px solid #e1ebec;border-radius:16px;padding:17px}.ty-aside-tip b{font-size:.64rem;letter-spacing:1px;color:#258fbe}.ty-aside-tip h4{font-size:.9rem;color:#274a5d;margin:8px 0}.ty-aside-tip p{color:#718996;font-size:.72rem;line-height:1.75;margin:0}.ty-aside-tip a{color:#1877c1;text-decoration:underline}.ty-related{display:flex;flex-direction:column;border-radius:15px;background:linear-gradient(125deg,#edfaf1,#e6f4fb);padding:18px;border:1px solid #ccebe6}.ty-related span{font-size:.64rem;color:#0a9c7e;font-weight:850;letter-spacing:1px}.ty-related strong{font-size:.99rem;color:#245564;margin:8px 0}.ty-related small{font-size:.71rem;color:#739298}.ty-guide{line-height:1.85;color:#546e7e}.ty-guide-label{color:#1889b8;font-weight:880;font-size:.68rem;letter-spacing:1px}.ty-guide h2{font-size:clamp(1.55rem,2.5vw,2.35rem);letter-spacing:-.04em;color:#1d3f53;margin:10px 0}.ty-guide .ty-lead{font-size:1rem;color:#5a7887}.ty-guide h3{font-size:1.2rem;color:#264c5d;margin:26px 0 10px}.ty-guide p,.ty-guide li{font-size:.87rem;line-height:1.92}.ty-guide ul{padding-left:22px}.ty-guide li{margin:5px 0}.ty-guide a{color:#1877c1;text-decoration:underline}.ty-guide .ty-guide-formula{background:#f0faf5;border-left:4px solid #1ea5df;padding:14px;border-radius:0 10px 10px 0;color:#205867;font-size:.85rem;font-weight:800}.ty-guide table{width:100%;border-collapse:collapse;font-size:.78rem;margin:14px 0}.ty-guide th,.ty-guide td{border:1px solid #e1edef;padding:9px 10px;text-align:left}.ty-guide th{background:#f0f7f6;color:#285968}.ty-guide details{border-top:1px solid #e1eaec;padding:14px 0}.ty-guide summary{cursor:pointer;font-weight:840;color:#254b5b}.ty-guide details p{margin:9px 0 0}
@media(max-width:1190px){.ty-layout{grid-template-columns:minmax(0,1fr) 232px;gap:15px}.ty-card,.ty-guide{padding:23px}.ty-hero{padding-left:25px;padding-right:25px}.ty-hero h1{font-size:clamp(2rem,3.6vw,3rem)}}
@media(max-width:980px){.ty-layout{grid-template-columns:1fr}.ty-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.ty-aside-dark{grid-row:span 3}.ty-hero h1{font-size:clamp(2rem,4vw,3.3rem)}}
@media(max-width:700px){.ty-shell{margin-bottom:40px}.ty-hero{padding:17px 18px 0;border-radius:19px}.ty-hero-grid{grid-template-columns:1fr}.ty-hero-copy{padding:30px 0 5px}.ty-hero h1{font-size:clamp(2.05rem,7.1vw,3.3rem)}.ty-hero-copy>p{font-size:.85rem}.ty-hero-art{min-height:224px}.ty-hero-art img{height:245px}.ty-art-float{bottom:9%;right:0}.ty-hero-footer{font-size:.64rem}.ty-layout{margin-top:14px;gap:8px}.ty-card,.ty-guide{padding:18px;border-radius:17px;margin-bottom:14px}.ty-card-head{gap:10px}.ty-index{height:39px;flex-basis:39px;border-radius:11px;font-size:.9rem}.ty-card h2{font-size:1.33rem}.ty-group{padding:19px 0}.ty-group-label{flex-direction:column;align-items:flex-start;gap:4px}.ty-grid3,.ty-grid2{grid-template-columns:1fr}.ty-field small{min-height:0}.ty-slider-header strong{font-size:.76rem}.ty-metrics{gap:8px}.ty-metric{padding:13px;min-height:120px}.ty-metric small{font-size:.56rem}.ty-metric strong{font-size:1.46rem}.ty-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ty-chart-box{padding:12px}.ty-chart-top{align-items:flex-start}.ty-chart-key{font-size:.57rem}.ty-actions{flex-direction:column;align-items:stretch}.ty-primary,.ty-secondary{width:100%;justify-content:center}.ty-aside{grid-template-columns:1fr}.ty-aside-dark{grid-row:auto}.ty-guide p,.ty-guide li{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){.ty-shell *{transition:none!important;animation:none!important}}
@media print{.ty-hero,.ty-aside,.ty-guide,.ty-card:first-child,.ty-report-actions,.ty-actions{display:none!important}.ty-shell,.ty-layout{display:block;margin:0}.ty-results[hidden]{display:none!important}.ty-results{border:0;box-shadow:none;padding:0}.ty-metric-special{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* V23 road calculator */
.ty-shell{--ty-navy:#192b4a;--ty-green:#ee8c40;--ty-yellow:#f3cb80}
.ty-hero{background:radial-gradient(circle at 83% 25%,#ffc16338,transparent 40%),linear-gradient(115deg,#15294a 2%,#1c4662 52%,#245e64 100%)}
.ty-hero:before{background:#fcb95722}.ty-topline,.ty-hero h1 em{color:#ffd38c}.ty-hero-footer{color:#d5edf0}
.ty-aside-dark{background:linear-gradient(145deg,#132c4f,#20596e)}.ty-aside-dark:after{content:'⛽';right:-32px;top:-43px}.ty-aside h3 em{color:#ffd38c}
.ty-art-float strong{color:#195877}.ty-primary{background:linear-gradient(105deg,#ed843c,#eaab50);color:#273448;box-shadow:0 12px 30px #df98583d}
.ty-metric-special{background:linear-gradient(110deg,#193e66,#267b81);border-color:#2a8190}
.ty-group-label strong,.ty-kicker,.ty-detail-head,.ty-guide-label{color:#2a788d}.ty-related{background:linear-gradient(120deg,#e4f6f7,#eaf1fe)}
.ty-warning{background:#fffaed;border:1px solid #f0dcaf;padding:13px 16px;border-radius:12px;color:#765c2d;font-size:.74rem;line-height:1.7;margin:14px 0}
.ty-toggle{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 15px}.ty-toggle button{padding:11px 18px;border-radius:12px;border:1px solid #dce6ed;background:#f7fafd;color:#52718a;font-weight:850;font-size:.8rem}
.ty-toggle button[aria-pressed="true"]{background:#204d66;color:#fff;border-color:#204d66;box-shadow:0 5px 12px #214b652b}
.ty-field select{width:100%;border:1px solid #dce3ec;border-radius:11px;background:#fff;height:47px;padding:0 12px;color:#294759;font-weight:800;font-size:.9rem}
.ty-field:focus-within select{outline:2px solid #7bbfd1}
.ty-switchline{display:flex;align-items:center;gap:13px;background:#f2f7fa;border:1px solid #e2ebf1;border-radius:12px;padding:13px 15px;margin:12px 0;line-height:1.5}
.ty-switchline input{accent-color:#e58b3c;flex:none;width:19px;height:19px}.ty-switchline b{display:block;color:#2d4c64;font-size:.82rem}.ty-switchline small{display:block;color:#71899a;font-size:.69rem}
.ty-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}
.ty-preview div{background:#f4f9fb;padding:12px 10px;border-radius:12px;min-width:0;text-align:center;border:1px solid #e6f0f4}
.ty-preview small{display:block;color:#688392;font-size:.67rem;font-weight:750}.ty-preview strong{display:block;font-size:1.1rem;color:#226c7d;margin:7px 0 0;word-break:break-word}
.ty-table-wrap{max-width:100%;overflow-x:auto}.ty-cost-table{width:100%;border-collapse:collapse;font-size:.79rem}
.ty-cost-table th,.ty-cost-table td{padding:12px 9px;border-bottom:1px solid #e6eef2;text-align:right}
.ty-cost-table th:first-child,.ty-cost-table td:first-child{text-align:left}.ty-cost-table th{color:#6b8799;font-size:.72rem}.ty-cost-table tfoot td{font-weight:900;color:#1a657d;background:#edf8f9}
.ty-compare{background:#e7f6f5;border:1px solid #cfe9e8;color:#2d6472;padding:14px 16px;border-radius:13px;font-size:.78rem;line-height:1.7;margin:18px 0}
.ty-chart-legend{margin:9px 0;color:#6d7f91;font-size:.73rem}.ty-split-info{display:flex;justify-content:space-between;gap:9px;flex-wrap:wrap;font-size:.72rem;font-weight:750;color:#517285;margin-top:12px}
.ty-equation strong{overflow-wrap:anywhere}.ty-guide-callout{padding:15px 17px;background:#f0f8f9;border:1px solid #d3e8e9;border-radius:14px;margin:17px 0}
.ty-results[hidden]{display:none!important}.ty-display{font-variant-numeric:tabular-nums}.ty-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.ty-shade{background:#f9fbfd;border-radius:12px;padding:13px;margin:12px 0;font-size:.75rem;line-height:1.8;color:#536d7f}
.ty-aside-tip b{color:#19839a}.ty-hero-art img{filter:drop-shadow(0 18px 24px #051c2d28)}
@media(max-width:960px){.ty-grid4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.ty-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ty-preview div{padding:10px 5px}.ty-preview strong{font-size:.84rem}.ty-toggle button{flex:1;min-width:0;padding:10px 7px;font-size:.73rem}.ty-cost-table{font-size:.72rem}.ty-grid4{grid-template-columns:1fr}.ty-warning{padding:11px 13px}}
@media print{.ty-toggle,.ty-switchline{display:none!important}}


.ty-shell{--ty-navy:#142943;--ty-green:#256ed6;--ty-yellow:#ffcb65}
.ty-hero{background:radial-gradient(circle at 92% 0%,#7999fa25,transparent 36%),linear-gradient(120deg,#0f2848 5%,#203e78 57%,#426cab 100%)}
.ty-hero h1 em{color:#b7d5ff}.ty-topline{color:#b0dcff}.ty-hero-footer{color:#d8e6ff}
.ty-primary{background:linear-gradient(120deg,#2667c2,#517fe1);box-shadow:0 13px 27px #346cba30}
.ty-metric-special{background:linear-gradient(120deg,#193d85,#476ec5);border-color:#547ed7}.ty-result-index{background:#eaf0ff;color:#305eb4}
.ty-aside-dark{background:linear-gradient(145deg,#102c51,#2959a7)}.ty-aside-dark:after{content:'◉';font-size:200px;opacity:.14;color:#a9c5ff}.ty-aside-dark em{color:#b8e7ff}
.ty-guide-label,.ty-kicker,.ty-detail-head{color:#315cb4}
.ty-form-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ty-tire{background:linear-gradient(160deg,#f3f8ff,#fff);border:1px solid #dbe6f8;border-radius:18px;padding:18px;min-width:0}
.ty-tire.new{background:linear-gradient(160deg,#f0fcf7,#fff);border-color:#cdece1}
.ty-tire-title{display:flex;gap:10px;align-items:center;margin-bottom:16px}.ty-tire-title span{display:grid;place-items:center;border-radius:12px;background:#e4ecff;width:43px;height:43px;color:#1e4eaa;font-weight:900;font-size:1.08rem}.ty-tire.new .ty-tire-title span{background:#dff7eb;color:#188268}.ty-tire-title h3{margin:0;font-size:1rem;color:#1e4168}.ty-tire-title small{display:block;margin:4px 0 0;color:#778c9e;font-size:.69rem}
.ty-field{margin-bottom:13px}.ty-field small{min-height:0}.ty-tire .ty-input input{max-width:100%}
.ty-samples{display:flex;flex-wrap:wrap;gap:7px}.ty-samples button{background:#fff;border:1px solid #ccdff5;border-radius:999px;color:#355b8d;font-size:.72rem;font-weight:800;padding:8px 12px}.ty-samples button:hover{background:#edf4ff;border-color:#6d91ce}
.ty-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:14px}.ty-preview>div{border:1px solid #dfebf7;border-radius:13px;background:#f6f9fe;padding:12px;text-align:center;min-width:0}.ty-preview small{display:block;font-size:.66rem;color:#768ea4}.ty-preview strong{display:block;font-size:1.08rem;color:#2a5baa;margin-top:6px;overflow-wrap:anywhere}
.ty-error{margin-top:13px}.ty-results[hidden],.ty-error[hidden]{display:none!important}
.ty-compare{border:1px solid #dbe9f2;border-radius:17px;background:#f9fcff;padding:19px;margin:20px 0}.ty-wheels{display:flex;gap:15px;align-items:end;justify-content:center;min-height:240px;overflow:hidden}.ty-wheel-slot{flex:1;display:flex;align-items:center;flex-direction:column;min-width:0;gap:10px}.ty-wheel{width:165px;height:165px;border:17px solid #202f45;border-radius:50%;background:radial-gradient(circle,#f8faff 0 8%,#70849d 9% 13%,#c7d5e5 14% 29%,#879ab2 30% 33%,#dbe7ef 34% 46%,#657d95 47% 54%,#222f45 55% 65%,#35445b 66% 100%);position:relative;box-shadow:inset 0 0 0 3px #72819a,0 10px 17px #193b5c22;display:grid;place-items:center;flex-shrink:0;transform-origin:bottom center}.ty-wheel:before{content:'';position:absolute;inset:-13px;border:3px dashed #94a7bc;border-radius:50%;opacity:.65}.ty-wheel:after{content:'';position:absolute;inset:34%;border:8px solid #dfe8f0;border-radius:50%;box-shadow:0 0 0 8px #58718c}.ty-wheel span{position:absolute;left:50%;bottom:-29px;transform:translateX(-50%);color:#71889a;font-size:.67rem;white-space:nowrap}.ty-wheel-slot>b{font-size:.75rem;color:#214366;white-space:nowrap}
.ty-wheel-note{font-size:.68rem;color:#7a8fa3;text-align:center;line-height:1.6;margin-top:26px}
.ty-resultnote{padding:14px 16px;margin:14px 0;border-radius:12px;font-size:.79rem;line-height:1.7;background:#ebf7ff;color:#2b587f;border:1px solid #c8e4f9}.ty-resultnote.warn{background:#fff4e9;color:#875522;border-color:#efd6b8}
.ty-table-wrap{overflow:auto;width:100%;max-width:100%}.ty-cost-table{border-collapse:collapse;width:100%;font-size:.79rem;min-width:520px}.ty-cost-table th,.ty-cost-table td{padding:12px;text-align:right;border-bottom:1px solid #e2ecf1}.ty-cost-table td:first-child,.ty-cost-table th:first-child{text-align:left}.ty-cost-table th{color:#71879a;font-size:.72rem}.ty-cost-table tbody tr:last-child{background:#f5f9fe}
.ty-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0}.ty-details div{background:#f6fafc;padding:14px;border:1px solid #e0e9f1;border-radius:12px}.ty-details small{display:block;color:#758b9e;font-size:.67rem;line-height:1.4}.ty-details b{display:block;color:#1d4d7b;margin:7px 0;font-size:.97rem;overflow-wrap:anywhere}
.ty-guide h3{margin:22px 0 8px;color:#1b3c5d;font-size:1.13rem}.ty-guide p{line-height:1.9}.ty-guide details{border:1px solid #e1ebf3;padding:14px;border-radius:11px;margin:9px 0}.ty-guide summary{font-weight:800;color:#2d598a;cursor:pointer}.ty-guide-formula{background:#edf5ff;border-left:4px solid #4176d0;padding:13px 16px;border-radius:8px;margin:12px 0;color:#244d85;font-size:.83rem;font-weight:800}.ty-footnote{font-size:.74rem;color:#728899;line-height:1.8;margin:15px 0}.ty-shell button:focus-visible,.ty-shell a:focus-visible{outline:3px solid #f0af45;outline-offset:3px}.ty-layout,.ty-main-col,.ty-card,.ty-guide,.ty-results{min-width:0;max-width:100%}
@media(max-width:780px){.ty-form-pair{grid-template-columns:1fr}.ty-hero-art img{height:245px}.ty-wheels{min-height:180px}.ty-wheel{width:142px;height:142px;border-width:15px}.ty-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:440px){.ty-preview{grid-template-columns:1fr 1fr}.ty-preview>div:last-child{grid-column:1/-1}.ty-wheels{gap:4px;min-height:155px}.ty-wheel{width:118px;height:118px;border-width:12px}.ty-wheel:after{border-width:5px}.ty-details{grid-template-columns:1fr 1fr}.ty-metrics{grid-template-columns:1fr 1fr}.ty-metric{padding:13px;min-height:116px}.ty-metric strong{font-size:1.2rem}.ty-tire{padding:13px}.ty-samples button{font-size:.67rem}}
@media print{.ty-hero,.ty-aside,.ty-guide,.ty-card:first-child,.ty-report-actions,.ty-warning{display:none!important}.ty-layout{display:block!important}.ty-results{display:block!important}.ty-compare{break-inside:avoid}}