/* Transport tools share the site's Surf & sunshine colours and card language. */
.transport-guide{max-width:1160px;margin-inline:auto;padding-bottom:64px;color:var(--ink,#20313f)}
.transport-guide .transport-hero{padding:32px;background:#edf8fb;border:1px solid #cfe0e6;border-radius:20px;margin-bottom:24px}
.transport-guide h1{font-size:clamp(32px,4.8vw,56px);line-height:1.12;max-width:22ch;margin:12px 0 18px}
.transport-guide .transport-lead{font-size:20px;line-height:1.6;max-width:70ch}
.transport-guide h2{font-size:clamp(25px,3vw,35px);line-height:1.25;letter-spacing:-.6px}
.transport-guide h3{font-size:22px;line-height:1.35;letter-spacing:-.3px;margin:0 0 12px}
.transport-guide h4{font-family:inherit;font-size:16px;font-weight:700;line-height:1.5;margin:20px 0 5px}
.transport-guide p,.transport-guide li{line-height:1.7}.transport-guide li{margin-bottom:8px}
.transport-jumps{display:flex;flex-wrap:wrap;gap:10px 18px;padding:16px 0;border-block:1px solid var(--line,#cfe0e6);margin-bottom:26px}
.transport-jumps a{font-weight:700;font-size:15px}
.transport-grid,.transport-state-grid,.transport-pass-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}
.transport-card{background:#fff;border:1px solid #cedde2;border-radius:18px;padding:25px;min-width:0;overflow-wrap:anywhere}
.transport-card .eyebrow{color:#536b74;font-size:11px;line-height:1.5;margin-top:0}
.transport-card>p:last-child{margin-bottom:0}.transport-card dt{font-weight:700;margin-top:10px}.transport-card dd{margin:2px 0 12px}
.transport-guide .transport-price{font-size:24px;font-weight:800;color:#087e9e;line-height:1.3}
.transport-price span{display:block;font-size:15px;font-weight:500;color:#425f69;margin-top:5px}
.transport-highlight,.transport-tool{padding:28px;background:#f0f8fa;border:1px solid #cfe0e6;border-radius:18px;margin:28px 0}
.transport-highlight h2,.transport-tool h2{margin-top:0}
.transport-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}
.transport-field{display:flex;flex-direction:column;gap:8px;font-weight:700;min-width:0}
.transport-field input,.transport-field select,.transport-field textarea{width:100%;min-width:0;padding:12px 14px;border:1px solid #afc3cb;border-radius:9px;background:#fff;color:#20313f;font:inherit;font-size:16px;font-weight:400;min-height:48px}
.transport-field textarea{resize:vertical}.transport-field input:focus-visible,.transport-field select:focus-visible,.transport-field textarea:focus-visible{outline:3px solid #0783b1;outline-offset:3px}
.transport-guide .primary-action,.transport-actions button,.transport-tool form>button{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:12px 18px;border-radius:10px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;cursor:pointer}
.transport-guide .primary-action{background:#087f9e;color:#fff;border:1px solid #087f9e;width:fit-content}
.transport-guide .primary-action:hover{background:#076b85}.transport-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin:18px 0 0}
.transport-actions button:not(.primary-action){background:white;border:1px solid #7c9ba7;color:#20313f}
.transport-result{background:#fff;border:2px solid #087f9e;border-radius:12px;padding:20px;margin-top:22px}.transport-result h3{margin:0 0 12px}
.transport-guide .transport-small{font-size:14px;line-height:1.6;color:#53656d}
.transport-checklist{border:0;padding:0;margin:24px 0}.transport-checklist legend{font-weight:700;padding:0;margin-bottom:14px}
.transport-checklist label{display:flex;align-items:flex-start;gap:12px;border-bottom:1px solid #d7e4e9;padding:14px 0;cursor:pointer}
.transport-checklist input{width:22px;height:22px;min-width:22px;margin:3px 0 0;accent-color:#087f9e}
.transport-source-links{padding-left:20px;font-size:14px}.transport-source-links a{overflow-wrap:anywhere}
.transport-steps{padding-left:24px}.transport-steps li{padding-left:5px;margin:18px 0}
.transport-state-grid details>summary{cursor:pointer;font-weight:800;font-size:20px;line-height:1.4}.transport-state-grid details[open]>summary{margin-bottom:18px}.transport-state-grid details>summary small{display:block;font-size:14px;font-weight:400;color:#53656d;margin:6px 0 0 19px}
@media(max-width:700px){.transport-guide{padding-inline:18px}.transport-guide .transport-hero{padding:22px}.transport-guide .transport-lead{font-size:18px}.transport-grid,.transport-state-grid,.transport-pass-grid,.transport-form-grid{grid-template-columns:1fr;gap:16px}.transport-card,.transport-tool,.transport-highlight{padding:20px}.transport-guide h1{font-size:34px}.transport-jumps{gap:10px 16px}.transport-guide .primary-action{max-width:100%;text-align:center}.transport-actions{align-items:stretch}.transport-field input,.transport-field select{font-size:16px}}
@media print{.transport-guide .transport-jumps,.transport-guide .save,.transport-actions button{display:none}.transport-grid,.transport-state-grid,.transport-pass-grid{display:block}.transport-card{break-inside:avoid;margin-bottom:16px}.transport-checklist label{break-inside:avoid}}

.transport-result{scroll-margin-top:24px}
.transport-result h2{margin:0 0 16px}
.transport-provider-terms{margin:12px 0 0}

/* Purchase and sale steps remain readable before the detailed state guidance. */
.car-quick-start{margin:28px 0}
.car-quick-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;counter-reset:car-step;padding:0}
.transport-guide .car-quick-steps li{counter-increment:car-step;margin:0;padding:20px;border:1px solid #cfe0e6;border-radius:14px;background:#f2f8fa}
.car-quick-steps li::before{content:counter(car-step);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#087f9e;color:white;font-weight:800;margin-bottom:12px}
.car-quick-steps a{font-weight:800;font-size:18px;color:#20313f;text-underline-offset:4px}
.transport-guide .car-quick-steps p{font-size:16px;line-height:1.55;margin:10px 0 0}
.car-quick-note{padding:16px 20px;border-left:4px solid #087f9e;background:#edf8fb}
.car-situation-links{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.car-situation-links a{padding:12px 16px;border:1px solid #afc3cb;border-radius:10px;background:white;font-weight:700}
.car-cover-comparison{overflow-x:auto;border:1px solid #cfe0e6;border-radius:12px;margin-top:24px}
.car-cover-comparison table{width:100%;border-collapse:collapse;min-width:540px;text-align:left}
.car-cover-comparison caption{text-align:left;font-weight:700;padding:16px;background:#edf8fb}
.car-cover-comparison th,.car-cover-comparison td{padding:14px;border-bottom:1px solid #cfe0e6;vertical-align:top;line-height:1.5}
.car-cover-comparison thead{background:#f2f8fa}
.transport-guide section[id],.transport-guide h3[id]{scroll-margin-top:24px}
@media(max-width:900px){.car-quick-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.car-quick-steps{grid-template-columns:1fr}.car-situation-links{flex-direction:column}}
@media(max-width:600px){.car-cover-comparison table{min-width:0;table-layout:fixed;font-size:13px}.car-cover-comparison th,.car-cover-comparison td{padding:12px 7px;overflow-wrap:anywhere}.car-cover-comparison caption{font-size:15px}}

.transport-checklist .car-checklist-item{border-bottom:1px solid #d7e4e9;padding-bottom:12px}
.transport-checklist .car-checklist-item label{border-bottom:0;padding-bottom:8px}
.car-checklist-help{margin-left:34px;font-size:16px}
.car-checklist-help p{margin:0 0 12px}
.car-checklist-help .transport-actions{margin:8px 0 12px;font-weight:700}
.car-registration-links{display:flex;flex-wrap:wrap;gap:10px 18px;padding-bottom:12px}
.car-registration-links a{font-weight:700;text-underline-offset:3px}