.cs-portal{--cs-font:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--cs-paper);color:var(--cs-ink);font:14px/1.6 var(--cs-font);min-height:100vh;padding:0 5vw 48px}.cs-portal *{box-sizing:border-box}.cs-portal header{display:flex;align-items:center;gap:32px;min-height:104px;border-bottom:1px solid var(--cs-border)}.cs-wordmark{font-size:28px;font-weight:500;color:var(--cs-ink);text-decoration:none;letter-spacing:-1px}.cs-portal header>span{flex:1 1;color:var(--cs-muted)}.cs-portal h1{font-size:clamp(28px,3vw,44px);line-height:1.2;font-weight:500;margin:0 0 16px;letter-spacing:-1px}.cs-portal h2{font-size:24px;font-weight:500;margin:40px 0 20px}.cs-portal h3{font-size:20px;font-weight:500;margin:8px 0}.cs-portal h4{margin:16px 0 4px;font-size:14px}.cs-portal p{margin:8px 0 16px}.cs-portal a{color:var(--cs-action)}.cs-intro{padding:56px 0 32px;display:flex;justify-content:space-between;gap:32px;align-items:center}.cs-kicker{font-size:11px;letter-spacing:1.5px;color:var(--cs-muted);font-weight:600}.cs-auth{max-width:480px;margin:64px auto;display:flex;flex-direction:column;gap:16px}.cs-auth h1{font-size:32px}.cs-portal form{gap:16px}.cs-portal form,.cs-portal label{display:flex;flex-direction:column}.cs-portal label{font-size:12px;gap:8px;color:var(--cs-ink)}.cs-portal input,.cs-portal select,.cs-portal textarea{width:100%;border:1px solid var(--cs-border);border-radius:8px;padding:14px 16px;font:14px/1.5 var(--cs-font);color:var(--cs-ink);background:white;min-height:52px}.cs-portal button:focus-visible,.cs-portal input:focus-visible,.cs-portal select:focus-visible,.cs-portal textarea:focus-visible{outline:2px solid var(--cs-action);outline-offset:3px}.cs-portal textarea{min-height:100px;resize:vertical}.cs-button{background:var(--cs-action);color:white;border:1px solid var(--cs-action);border-radius:8px;min-height:52px;padding:12px 20px;font:600 14px/20px var(--cs-font);cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;text-decoration:none}.cs-secondary{background:white;border-color:var(--cs-border);color:var(--cs-ink)}.cs-button:disabled{opacity:.45;cursor:wait}.cs-button:hover:not(:disabled){filter:brightness(.95)}.cs-toolbar{gap:16px}.cs-toolbar,.cs-toolbar span{display:flex;align-items:center}.cs-toolbar span{gap:8px}.cs-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:700px}.cs-stats article{background:var(--cs-action-soft);border-radius:16px;padding:24px;display:grid;grid-template-columns:1fr auto;gap:12px;color:var(--cs-action)}.cs-stats strong{font-size:32px;grid-column:1}.cs-stats span{grid-column:1/-1;color:var(--cs-muted)}.cs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px}.cs-card{background:white;border-radius:16px;padding:24px;overflow-wrap:anywhere}.cs-badge,.cs-card>svg{color:var(--cs-action)}.cs-badge{display:inline-block;background:var(--cs-action-soft);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.cs-card blockquote{border-left:2px solid var(--cs-action);margin:24px 0;padding-left:16px}.cs-card form{border-top:1px solid var(--cs-border);margin-top:24px;padding-top:24px}.cs-message{padding:16px;border-radius:16px;background:var(--cs-action-soft);margin:24px 0!important}.cs-error{background:var(--cs-warning-soft)}.cs-portal footer{display:flex;gap:24px;flex-wrap:wrap;padding-top:48px;margin-top:48px;border-top:1px solid var(--cs-border);color:var(--cs-muted)}@media (max-width:650px){.cs-portal{padding:0 24px 32px}.cs-portal header{flex-wrap:wrap;gap:12px;padding:24px 0}.cs-portal header>span{display:none}.cs-intro{flex-direction:column;align-items:flex-start;padding-top:32px}.cs-stats{gap:12px}.cs-portal footer{flex-direction:column;gap:12px}}.cs-portal .cs-consent{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;font-size:14px}.cs-portal .cs-consent input{width:20px;min-height:20px;accent-color:var(--cs-action)}.cs-legal{max-width:760px;margin:56px auto}.cs-legal h2{margin-top:32px}.cs-legal p{line-height:1.8}.practical-panel{margin-top:28px;padding-top:28px;border-top:1px solid #dce2dd;min-width:0}.practical-panel h3{font-size:1.8rem}.practical-fact{margin:14px 0}.practical-fact p{margin:4px 0}.practical-panel fieldset{border:0;padding:0;margin:0;display:grid;gap:16px;min-width:0}.practical-panel input,.practical-panel select,.practical-panel textarea{box-sizing:border-box;max-width:100%}.practical-panel small{display:block;line-height:1.5;color:#626f68}.practical-assignment{border-left:3px solid #277963}.practical-panel details>article{padding:16px 0;border-bottom:1px solid #e1e5de}.practical-panel label{display:grid;gap:6px;margin:12px 0}.practical-panel .partner-tabs{flex-wrap:wrap}.practical-panel button,.practical-panel h4,.practical-panel p{overflow-wrap:anywhere}.practical-panel .cs-button{white-space:normal}.practical-admin{margin-top:24px}.vehicle-book{margin-top:1.25rem;display:grid;gap:.8rem}.vehicle-book .cs-actions{display:flex;flex-wrap:wrap;gap:.5rem}.vehicle-book fieldset{min-width:0;border:1px solid #d9e0da;border-radius:14px;padding:1rem;display:grid;gap:.85rem}.vehicle-book label{display:grid;gap:.4rem}.vehicle-book input:not([type=checkbox]),.vehicle-book select,.vehicle-book textarea{width:100%;min-width:0;box-sizing:border-box;padding:.7rem;border:1px solid #c7d2ca;border-radius:9px;font:inherit;color:inherit;background:white}.vehicle-book input[type=checkbox]{width:auto;margin-right:.5rem}.vehicle-book p{white-space:pre-wrap;overflow-wrap:anywhere}.vehicle-book details{margin:.6rem 0}.vehicle-book summary{cursor:pointer;font-weight:600}.vehicle-book dd{margin:0 0 .7rem;white-space:pre-wrap;overflow-wrap:anywhere}.economy{max-width:1100px;margin-inline:auto}.economy-editor{display:grid;gap:20px}.economy details{border:1px solid #dbe1dc;border-radius:12px;padding:16px;margin-block:12px}.economy summary{cursor:pointer;font-weight:600;padding-block:8px}.economy-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:16px;margin-block:16px}.economy label,.economy-field{display:grid;gap:8px;align-content:start}.economy input,.economy select{width:100%;min-height:44px;padding:10px;border:1px solid #ccd5ce;border-radius:8px;background:white;color:#182925;font:inherit}.economy input[type=checkbox]{width:24px}.economy-period{display:flex;flex-wrap:wrap;gap:16px;align-items:end}.economy-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.economy-total{display:grid;gap:8px;text-align:left;padding:20px;border:1px solid #ccd5ce;border-radius:16px;background:#fff;color:#182925;cursor:pointer;font:inherit}.economy-total strong{font-size:28px}.economy-total.selected{border-color:#267860;background:#e5f1e9}.economy-note{color:#64736c;font-size:14px}.economy-bar{height:10px;background:#e6eae6;border-radius:8px;overflow:hidden}.economy-bar span{display:block;height:100%;background:#267860}.economy .cs-toolbar{display:flex;flex-wrap:wrap;gap:12px}.economy .cs-button{margin-block:8px}.economy p{overflow-wrap:anywhere}.economy-item{background:#fff}.manual-calculator{--calculator-dock-height:290px;display:grid;gap:28px;padding-bottom:var(--calculator-dock-height);min-width:0}.manual-block{padding:clamp(20px,4vw,36px);border:1px solid #dbe1dc;border-radius:24px;background:#fff;min-width:0}.manual-block h2{font-size:clamp(24px,3vw,32px);margin:0 0 28px}.manual-block h3{margin:28px 0 16px}.manual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 36px}.manual-grid>*{min-width:0}.manual-slider{margin-bottom:10px}.manual-slider-heading{display:flex;gap:16px;justify-content:space-between;align-items:start;margin-bottom:10px}.manual-slider-heading label{font-weight:600}.manual-slider-heading>span{font-size:13px;color:#64736c;text-align:right;white-space:nowrap}.manual-slider-controls{display:grid;grid-template-columns:minmax(70px,1fr) minmax(110px,160px);align-items:center;gap:16px}.economy .manual-slider input[type=range]{appearance:auto;accent-color:#267860;min-height:44px;padding:0;border:0;cursor:pointer;background:transparent;width:100%}.manual-number{position:relative}.manual-number input{padding-right:48px!important}.manual-number>span{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:10px;pointer-events:none;color:#64736c;max-width:45px;line-height:1.15}.economy input[aria-invalid=true]{border-color:#a54424}.manual-basis{display:flex;align-items:end;gap:12px;color:#64736c;font-size:12px;margin:8px 0 18px}.manual-basis label{grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:8px}.manual-basis select{min-height:36px;font-size:12px;padding:6px;width:auto;max-width:100%}.manual-unit{font-size:13px;grid-template-columns:auto minmax(100px,1fr);align-items:center;margin:10px 0}.manual-cost{border-bottom:1px solid #e7eae6;padding:0 0 20px;margin:0 0 12px}.manual-block>.manual-cost{padding-top:20px}.economy .manual-due{border:0;padding:0;font-size:12px;margin:8px 0}.manual-due summary{font-weight:400;color:#267860}.manual-checkbox{display:flex!important;align-items:center;gap:10px!important;margin:20px 0}.manual-checkbox input{flex:none}.manual-detail-mode,.manual-view-switch{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 20px}.manual-detail-mode button,.manual-view-switch button{cursor:pointer;font:inherit;color:#267860;border:1px solid #b9cdc2;border-radius:10px;background:transparent;padding:10px 14px;min-height:44px}.manual-detail-mode button[aria-pressed=true],.manual-view-switch button[aria-pressed=true]{background:#e5f1e9;border-color:#267860;font-weight:600}.manual-text-button{appearance:none;border:0;background:transparent;color:#267860;text-decoration:underline;text-underline-offset:4px;font:inherit;cursor:pointer;min-height:44px;text-align:left;padding:8px 0}.manual-full-result{padding:32px;background:#e5f1e9;border-radius:24px;scroll-margin-top:100px}.manual-full-result h2{font-size:28px}.manual-full-result:focus{outline:2px solid #267860;outline-offset:4px}.manual-breakdown{margin-block:24px}.manual-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-bottom:1px solid #c7d8cb}.manual-breakdown dt{font-weight:500}.manual-breakdown dt small{display:block;font-weight:400;font-size:12px;margin-top:6px;color:#64736c}.manual-breakdown dd{white-space:nowrap;font-weight:600;margin:0}.manual-conversion{background:#182925;color:#f6f5ef;border-radius:24px;padding:clamp(24px,5vw,44px)}.manual-conversion h2{font-size:clamp(26px,4vw,38px);color:inherit!important;margin-top:0}.manual-conversion .economy-note{color:#bdcdc5}.manual-conversion .cs-button{background:#e5f1e9;color:#182925}.manual-result-dock{position:fixed;z-index:60;left:0;right:0;bottom:var(--portal-bottom-navigation-height,0);background:#f8f8f2fa;color:#182925;border-top:1px solid #b9cdc2;box-shadow:0 -8px 32px #18292514;padding:16px max(24px,calc((100vw - 1100px)/2)) calc(16px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.manual-result-dock>div>span{font-size:13px;color:#64736c}.manual-result-dock strong{display:block;font-size:clamp(28px,4vw,40px);letter-spacing:-.04em;line-height:1.15;margin:4px 0}.manual-result-dock strong small{font-size:14px;letter-spacing:normal;font-weight:400}.manual-result-dock p{font-size:12px;max-width:600px;margin:6px 0 0;line-height:1.4}.manual-dock-actions{display:grid;grid-template-columns:auto auto;gap:0 16px;align-items:center}.manual-dock-actions .manual-view-switch{margin:0;grid-column:1}.manual-dock-actions .manual-view-switch button{font-size:12px;padding:6px 10px}.manual-dock-actions .cs-button{grid-column:2;grid-row:1/3;margin:0}.manual-dock-actions>small{font-size:10px;grid-column:1/-1;color:#64736c}.manual-save-fields{border:0;padding:0;margin:20px 0;min-width:0}.manual-save-fields[disabled]{opacity:.65}.manual-conversion button:disabled,.manual-result-dock button:disabled{opacity:.5;cursor:not-allowed}.economy :is(input,select,button):focus-visible{outline:3px solid #267860;outline-offset:3px}.manual-local-note{max-width:780px;color:#64736c;font-size:14px}@media(max-width:760px){.manual-grid{grid-template-columns:1fr;gap:20px}.manual-result-dock{grid-template-columns:1fr;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:8px}.manual-result-dock strong{font-size:30px}.manual-result-dock p{font-size:11px}.manual-dock-actions{grid-template-columns:1fr auto;gap:0 12px}.manual-dock-actions .manual-text-button{font-size:12px;min-height:32px;padding:4px 0}.manual-dock-actions .cs-button{font-size:13px;padding:12px 14px;min-height:44px}.manual-full-result{padding:22px}.manual-detail-mode button{font-size:13px;flex:1 1 160px}.manual-slider-controls{grid-template-columns:minmax(60px,1fr) minmax(100px,140px);gap:12px}.manual-slider-heading>span{font-size:11px}.manual-basis label{grid-template-columns:auto 1fr}.manual-breakdown>div{gap:12px}.manual-calculator{--calculator-dock-height:320px}}@media(prefers-reduced-motion:reduce){.manual-calculator *{scroll-behavior:auto!important}}body:has(.manual-result-dock){padding-bottom:var(--active-calculator-dock-height,320px)}.manual-calculator{padding-bottom:36px}.economy #bilokonomi{scroll-margin-top:100px}.calculator-vehicle-lookup{margin-bottom:28px;padding:24px;background:#f4f7f2;border-radius:16px}.calculator-vehicle-lookup h3{margin:0 0 12px}.calculator-lookup-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.calculator-lookup-controls .cs-button{margin:0}.calculator-lookup-controls input{text-transform:uppercase;letter-spacing:.08em}.calculator-lookup-result{margin-top:20px;border-top:1px solid #cbd8cd;padding-top:20px}.calculator-lookup-result dl{display:flex;flex-wrap:wrap;gap:16px 28px}.calculator-lookup-result dt{font-size:12px;color:#64736c}.calculator-lookup-result dd{margin:4px 0 0}.calculator-lookup-result small{color:#64736c}@media(max-width:500px){.calculator-vehicle-lookup{padding:18px}.calculator-lookup-controls{grid-template-columns:1fr}.calculator-lookup-controls .cs-button{width:100%}}.manual-yes-no{display:flex;gap:8px;margin:12px 0 20px}.manual-yes-no button{font:inherit;border:1px solid #b9cdc2;border-radius:10px;padding:10px 24px;background:transparent;color:#267860;cursor:pointer;min-height:44px}.manual-yes-no button[aria-pressed=true]{background:#e5f1e9;border-color:#267860;font-weight:600}.optional-cost h3{margin-top:0}.manual-tyres{margin:30px 0}.tyre-set h4{margin:0 0 24px;font-size:21px}.tyre-depths{display:grid;gap:20px}.tyre-forecast{background:#e5f1e9;border-radius:12px;margin:20px 0;padding:18px;line-height:1.55}.tyre-forecast p{margin-bottom:0}.tyre-forecast.needs-attention{background:#f8efd9}.tyre-assumptions{margin:20px 0}.manual-calculator textarea{width:100%;padding:14px;font:inherit;color:inherit;border:1px solid #cbd8cd;border-radius:10px;resize:vertical}.manual-dock-handle{display:none}@media(max-width:760px){.manual-result-dock{gap:6px;padding-top:0}.manual-dock-handle{display:flex;flex-direction:column;align-items:center;gap:3px;grid-column:1/-1;border:0;background:transparent;color:#64736c;min-height:34px;width:100%;padding:7px 0 2px;touch-action:none;cursor:ns-resize;font:inherit;font-size:10px}.manual-grip{display:block;width:36px;height:4px;border-radius:4px;background:#9dad9f}.manual-result-dock.is-collapsed>div:first-of-type{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.manual-result-dock.is-collapsed strong{font-size:24px;margin:0}.manual-result-dock.is-collapsed strong small{font-size:12px}.manual-result-dock.is-collapsed .manual-dock-actions,.manual-result-dock.is-collapsed>div:first-of-type>p{display:none}.manual-result-dock.is-collapsed{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.manual-result-dock:not(.is-collapsed){max-height:65dvh;overflow-y:auto;overscroll-behavior:contain}}.manual-tyre-dates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.manual-tyre-dates input{min-width:0;width:100%}.tyre-period-error{color:#8b381d;font-size:14px;line-height:1.5}.manual-tyre-dates input[aria-invalid=true]{border-color:#a84325}@media(max-width:400px){.manual-tyre-dates{grid-template-columns:1fr}}