/* ToolYak-scoped tire calculator. All rules confined to .tyt-wrapper. */
.tyt-wrapper{max-width:900px!important;margin:18px auto!important;font-family:'Segoe UI',Arial,sans-serif;color:#0f284d;overflow:visible!important}
.tyt-wrapper *{box-sizing:border-box}
.tyt-wrapper .tyt-shell{display:grid;grid-template-columns:minmax(0,395px) minmax(0,1fr);gap:16px;align-items:start}
.tyt-wrapper .leftinput,.tyt-wrapper .rightresult{float:none!important;width:auto!important;max-width:none!important;margin:0!important}
.tyt-wrapper .tyt-input-panel{padding:14px!important;background:#e1eff0;border:1px solid #0f284d;border-radius:3px}
.tyt-wrapper .tyt-result-panel{padding:0!important;background:transparent;min-width:0;scroll-margin-top:15px;outline-offset:4px}
.tyt-wrapper h2,.tyt-wrapper .rightresult h2{font-family:'Segoe UI',Arial,sans-serif!important;font-size:18px!important;font-weight:700!important;line-height:1.3!important;margin:0 0 12px!important;text-align:center!important}
.tyt-wrapper .tyt-input-panel h2{color:#0f284d!important;background:none!important;padding:0!important}
.tyt-wrapper .rightresult h2{color:#fff!important;background:#228b22!important;padding:6px!important}
.tyt-wrapper .tyt-tire-row{min-width:0;margin:0 0 11px;padding:8px 8px 10px;border:1px solid #afc7d4;background:rgba(255,255,255,.37)}
.tyt-wrapper .tyt-tire-row legend{font-size:13px;font-weight:700;color:#0f284d;padding:0 5px}
.tyt-wrapper .tyt-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.tyt-wrapper .tyt-field{min-width:0}
.tyt-wrapper label{display:block!important;margin:0 0 4px!important;font-size:11px!important;font-weight:600!important;color:#0f284d!important;line-height:1.25!important}
.tyt-wrapper select,.tyt-wrapper input[type=number]{appearance:auto!important;display:block;width:100%!important;min-width:0!important;height:38px!important;min-height:38px!important;margin:0!important;padding:5px 7px!important;border:1px solid #0f284d!important;border-radius:2px!important;background:#fff!important;color:#0f284d!important;font-size:14px!important;line-height:1.3!important;font-family:inherit!important;box-shadow:none}
.tyt-wrapper select:focus-visible,.tyt-wrapper input:focus-visible,.tyt-wrapper button:focus-visible,.tyt-wrapper .rightresult:focus-visible{outline:3px solid #228b22!important;outline-offset:2px}
.tyt-wrapper [aria-invalid=true]{border:2px solid #ba2626!important;background:#fff4f4!important}
.tyt-wrapper .tyt-field-error{display:block;color:#b32323;font-size:10px;line-height:1.2;margin-top:2px}
.tyt-wrapper .tyt-field-error:empty{display:none}
.tyt-wrapper .tyt-control-strip{display:grid;grid-template-columns:1.65fr 1fr;gap:10px;margin:4px 0 11px}
.tyt-wrapper .tyt-speed-control{display:grid;grid-template-columns:1fr 91px;gap:5px}
.tyt-wrapper .tyt-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tyt-wrapper .tyt-buttons button{display:block!important;width:100%!important;height:39px!important;margin:0!important;padding:6px 10px!important;border:0!important;border-radius:2px!important;color:#fff!important;font-size:15px!important;font-weight:600!important;cursor:pointer}
.tyt-wrapper .btn-calculate{background:#0f284d!important}.tyt-wrapper .btn-reset{background:#4c4c4c!important}
.tyt-wrapper button:hover{filter:brightness(1.07)}
.tyt-wrapper .tyt-form-error{background:#fff0f0;border-left:3px solid #ad2929;color:#8e1616;font-size:12px;padding:7px;margin:9px 0 0}
.tyt-wrapper [hidden]{display:none!important}
.tyt-wrapper .tyt-result-intro{font-size:13px;color:#576574;text-align:center;padding:20px 8px}
.tyt-wrapper .tyt-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0}
.tyt-wrapper .tyt-summary>div{background:#fff;border-left:4px solid #228b22;padding:8px 10px;box-shadow:0 1px 4px #0000000f}
.tyt-wrapper .tyt-summary span{display:block;font-size:11px;color:#45525c}
.tyt-wrapper .tyt-summary strong{display:block;font-size:22px;color:#0f284d;line-height:1.35}
.tyt-wrapper .tyt-status{padding:7px 9px;margin:8px 0;font-size:11px;line-height:1.45;border-left:4px solid}
.tyt-wrapper .tyt-status-good{background:#e9f5e9;border-color:#228b22;color:#215b21}
.tyt-wrapper .tyt-status-caution{background:#fff3cd;border-color:#c58600;color:#765300}
.tyt-wrapper .tyt-visual{background:#f8fafb;border:1px solid #dce3e8;margin-top:8px}
.tyt-wrapper .tyt-visual svg{width:100%;height:auto;max-height:420px;display:block}
.tyt-wrapper .tyt-chart-key{display:flex;justify-content:center;gap:14px;font-size:11px;padding:0 0 6px}
.tyt-wrapper .tyt-chart-key span{display:flex;gap:5px;align-items:center}
.tyt-wrapper .tyt-chart-key i{width:10px;height:10px;display:inline-block}
.tyt-wrapper .tyt-key-original{background:#0f284d}.tyt-wrapper .tyt-key-new{background:#228b22}
.tyt-wrapper .tyt-graph{margin:9px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tyt-wrapper .tyt-bar-title{font-size:10px;color:#3d4750;min-height:26px}
.tyt-wrapper .tyt-bar-track{width:100%;height:7px;margin:3px 0;background:#e5e9ed;border-radius:2px;overflow:hidden}
.tyt-wrapper .tyt-bar-fill{height:100%}.tyt-wrapper .tyt-bar-original{background:#0f284d}.tyt-wrapper .tyt-bar-new{background:#228b22}
.tyt-wrapper .tyt-table-scroll{width:100%;overflow-x:auto}
.tyt-wrapper .tyt-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff}
.tyt-wrapper .tyt-table thead{background:#0f284d;color:#fff}
.tyt-wrapper .tyt-table th,.tyt-wrapper .tyt-table td{text-align:left;padding:6px 5px;border-bottom:1px solid #e4e9ed;vertical-align:top}
.tyt-wrapper .tyt-table tbody th{font-weight:600;color:#253d54}
.tyt-wrapper .tyt-table tbody tr:nth-child(even){background:#f2f6f8}
.tyt-wrapper .tyt-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}
.tyt-wrapper .tyt-actions button{background:#0f284d!important;border:0!important;border-radius:2px!important;color:#fff!important;padding:8px 3px!important;margin:0!important;font-size:11px!important;cursor:pointer}
.tyt-wrapper .tyt-action-message{font-size:11px;color:#228b22;min-height:15px;margin:5px 0}
.tyt-wrapper .tyt-details{font-size:11px;color:#394b5c;border-top:1px solid #d7e1e8;padding-top:6px}
.tyt-wrapper .tyt-details summary{cursor:pointer;font-weight:600}.tyt-wrapper .tyt-details p{margin:7px 0;line-height:1.5}
@media(max-width:700px){.tyt-wrapper{max-width:440px!important;margin:8px auto!important;padding:0 7px!important}.tyt-wrapper .tyt-shell{grid-template-columns:1fr;gap:9px}.tyt-wrapper .tyt-input-panel{padding:10px!important}.tyt-wrapper h2{font-size:16px!important;margin-bottom:9px!important}.tyt-wrapper .tyt-tire-row{margin-bottom:7px;padding:4px 5px 7px}.tyt-wrapper .tyt-tire-row legend{font-size:12px}.tyt-wrapper .tyt-fields{gap:5px}.tyt-wrapper label{font-size:10px!important;margin-bottom:3px!important}.tyt-wrapper select,.tyt-wrapper input[type=number]{font-size:16px!important;height:36px!important;min-height:36px!important;padding:3px 5px!important}.tyt-wrapper .tyt-control-strip{margin:4px 0 9px;gap:6px}.tyt-wrapper .tyt-speed-control{grid-template-columns:1fr 82px;gap:4px}.tyt-wrapper .tyt-buttons button{height:37px!important}.tyt-wrapper .tyt-graph{gap:6px}.tyt-wrapper .tyt-result-panel{scroll-margin-top:8px}}
@media(max-width:330px){.tyt-wrapper .tyt-speed-control{grid-template-columns:1fr 70px}.tyt-wrapper .tyt-control-strip{grid-template-columns:1.5fr 1fr}.tyt-wrapper .tyt-tire-row{padding-left:3px;padding-right:3px}}
@media print{body *{visibility:hidden!important}.tyt-wrapper,.tyt-wrapper *{visibility:visible!important}.tyt-wrapper{position:absolute;left:0;top:0;width:100%;max-width:none!important}.tyt-wrapper .tyt-shell{display:block}.tyt-wrapper .tyt-input-panel,.tyt-wrapper .tyt-actions,.tyt-wrapper .tyt-action-message{display:none!important}.tyt-wrapper .tyt-result-panel{width:100%!important}.tyt-wrapper .tyt-table-scroll{overflow:visible!important}.tyt-wrapper .tyt-visual svg{max-height:140px}}
/* v1.1: one consolidated, mobile-first dropdown form and comparator-style diagram. */
.tyt-wrapper .tyt-form-hint{font-size:11px;text-align:center;margin:-7px 0 10px;color:#526677}
.tyt-wrapper .tyt-optional{margin:3px 0 9px;border:1px solid #aec5cf;padding:6px 8px;background:#f5f9fb}
.tyt-wrapper .tyt-optional>summary{font-size:11px;font-weight:600;cursor:pointer;color:#0f284d}
.tyt-wrapper .tyt-optional[open]>summary{margin-bottom:9px}
.tyt-wrapper .tyt-optional .tyt-control-strip{margin:0}
.tyt-wrapper .tyt-visual svg{max-height:420px}
@media(max-width:700px){
 .tyt-wrapper .tyt-form-hint{margin:-5px 0 6px}
 .tyt-wrapper .tyt-optional{margin:3px 0 7px;padding:5px 8px}
 .tyt-wrapper .tyt-visual svg{max-height:380px}
}