.fines-page{max-width:1180px;margin:auto;padding:28px 24px 64px;color:#173454;font-family:Inter,system-ui,sans-serif}.fines-page [hidden]{display:none!important}.fine-breadcrumb{font-size:13px;color:#62758c;margin-bottom:24px}.fine-breadcrumb a{color:#456681}.fine-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:28px;align-items:center;background:linear-gradient(130deg,#edf6ff,#f0fbf6);border:1px solid #dbe8f3;border-radius:24px;padding:40px}.fine-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:#1678a1;margin:0 0 12px}.fine-hero h1{font-size:clamp(30px,4vw,48px);font-weight:850;line-height:1.15;margin:0 0 18px;letter-spacing:-.035em}.fine-hero h1 span{color:#1464d7}.fine-hero p:not(.fine-eyebrow){font-size:15px;line-height:1.7;max-width:540px}.fine-hero-links{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.fine-hero-links a{padding:11px 16px;border-radius:10px;font-weight:700;font-size:14px;background:white;border:1px solid #ccdfef;color:#1865d8}.fine-hero-links a:first-child{background:#1865d8;color:white;border-color:#1865d8}.fine-hero .fine-reviewed{font-size:12px!important;color:#547388}.fine-art svg{width:100%;height:auto}.fine-art p{text-align:center;font-size:13px!important;font-weight:700}.fine-scope{margin:20px 0 26px;border-left:3px solid #edb247;background:#fffbf1;padding:16px 20px;border-radius:0 12px 12px 0;font-size:13px;line-height:1.7}.fine-scope p{margin:4px 0}.fine-filter{padding:24px;background:white;border:1px solid #dbe7f1;border-radius:18px;margin-bottom:24px;scroll-margin-top:90px}.fine-filter-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.fine-filter h2{font-size:22px;font-weight:800;margin:0 0 16px}.fine-filter label{display:block;font-size:13px;font-weight:600;margin-bottom:8px}.fine-filter input{width:100%;border:1px solid #bccfe1;border-radius:10px;padding:13px 16px;font-size:15px;color:#173454;background:#f9fbfe;box-sizing:border-box}.fines-page button{font:inherit;cursor:pointer}.fine-filter-title button,#fine-empty button{color:#1464d7;font-size:13px;border:1px solid #d6e2ef;padding:8px 12px;border-radius:9px;background:white}.fine-vehicle-filter,.fine-groups{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.fine-vehicle-filter button,.fine-groups button{font-size:13px;border:1px solid #d8e3ed;border-radius:9px;padding:9px 13px;color:#48637d;background:#f7faff}.fine-vehicle-filter button[aria-pressed=true]{background:#173454;color:white;border-color:#173454}.fine-groups button[aria-pressed=true]{color:#1464d7;background:#e9f2ff;border-color:#91b9f2}.fine-filter #fine-status{font-size:12px;color:#677f95;margin:16px 0 0}.fine-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.fine-card{border:1px solid #dce7f0;background:white;border-radius:16px;overflow:hidden;scroll-margin-top:95px;box-shadow:0 4px 14px #17345404}.fine-card-heading{padding:20px 22px 12px}.fine-category{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#1464d7;background:#edf4ff;border-radius:6px;padding:4px 7px;font-weight:750}.fine-card-heading>a{float:right;color:#6d8aa1;font-size:16px;padding:0 8px}.fine-card h2{font-size:19px;font-weight:800;line-height:1.4;margin:12px 0 0}.fine-entry{padding:16px 22px;border-top:1px solid #edf1f6}.fine-entry-top{display:flex;flex-wrap:wrap;align-items:center;gap:7px;justify-content:space-between}.fine-vehicle{font-size:12px;font-weight:800;color:#466980}.fine-consequence{font-size:10px;border-radius:5px;padding:4px 6px;line-height:1.4}.fine-consequence.neutral{background:#f2f5f8;color:#637991}.fine-consequence.points{background:#fff4dd;color:#845b13}.fine-consequence.warning{background:#ffedf0;color:#a1384c}.fine-amount{font-size:24px;line-height:1.3;font-weight:800;letter-spacing:-.02em;margin:10px 0;color:#173454}.fine-condition{font-size:13px;line-height:1.75;color:#557188;margin:0 0 10px}.fine-law{font-size:11px;color:#1768bd;text-decoration:underline;text-underline-offset:3px;line-height:1.5;display:block}.fine-card details{border-top:1px solid #e5eef4;background:#f6fafc;padding:12px 22px;font-size:12px;line-height:1.7}.fine-card summary{font-weight:700;cursor:pointer;color:#12806b}.fine-card details p{margin:8px 0 2px;color:#536e80}.fine-learning{margin:40px 0}.fine-learning h2,.fine-sources h2{font-size:25px;font-weight:800;margin:10px 0 20px}.fine-learning-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.fine-learning-grid article{padding:20px;border-radius:14px;background:#edf5fc;border:1px solid #dce8f3}.fine-learning h3{font-size:15px;font-weight:800;margin:0 0 12px}.fine-learning p:not(.fine-eyebrow),.fine-sources p{font-size:13px;line-height:1.75;color:#567089}.fine-learning a,.fine-sources a{font-size:12px;font-weight:600;color:#1464d7}.fine-sources{background:white;border:1px solid #dce7f0;padding:24px;border-radius:16px}.fine-sources ul{padding-left:20px;font-size:13px;line-height:2}.fines-page a:focus-visible,.fines-page button:focus-visible,.fines-page input:focus-visible,.fines-page summary:focus-visible{outline:3px solid #78b1ff;outline-offset:3px}#fine-empty{padding:25px;border:1px dashed #aec5dc;border-radius:14px;margin:20px 0}html[data-tc-theme=emerald] .fine-hero h1 span,html[data-tc-theme=emerald] .fine-category{color:#087a65}html[data-tc-theme=emerald] .fine-hero-links a:first-child{background:#00856b;border-color:#00856b}@media(max-width:800px){.fine-learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fine-hero{padding:26px;grid-template-columns:1.5fr 1fr;gap:12px}}@media(max-width:600px){.fines-page{padding:18px 14px 40px}.fine-hero{display:block;padding:24px}.fine-art{display:none}.fine-grid{grid-template-columns:1fr;gap:14px}.fine-filter{padding:18px}.fine-filter h2{font-size:19px}.fine-card-heading{padding:18px 18px 12px}.fine-entry{padding:14px 18px}.fine-learning-grid{grid-template-columns:1fr}.fine-learning h2{font-size:23px}.fine-amount{font-size:23px}.fine-scope{padding:14px 16px}.fine-consequence{font-size:10px}.fine-sources{padding:18px}}@media(prefers-reduced-motion:reduce){.fines-page{scroll-behavior:auto}}
.fines-page .fine-hero h1 span{overflow-wrap:anywhere}
@media(max-width:360px){body:has(.fines-page) .site-bar{flex-wrap:wrap}}