/* One compact layout, two titanium palettes. Colours never replace labels. */
:root{--bg:#e9edf0;--surface:#fbfcfd;--thead:#e2e6ea;--ink:#27313a;--muted:#64707b;--line:#cbd1d6;--accent:#965b0e;--soft:#f5ede0;--hover:#edf0f2;--chosen:#f3ecdf;--good:#237343;--bad:#b0473c;--rank-top10:#237343;--rank-top10-soft:#e5eee7;--rank-top30:#3b618c;--rank-top30-soft:#e2e9f2;--rank-beyond30:#9a6b2a;--rank-beyond30-soft:#f0e5d8;--rp-ink:var(--ink);--rp-lime:var(--accent);--rp-focus:#b7813e;color-scheme:light}
:root[data-theme=dark]{--bg:#1b1e23;--surface:#25292e;--thead:#2c3137;--ink:#f0f1f2;--muted:#a0a6aa;--line:#42484e;--accent:#f6ae51;--soft:#3a3227;--hover:#30363c;--chosen:#343631;--good:#9fd1a8;--bad:#ee9a8e;--rank-top10:#9fd1a8;--rank-top10-soft:#29362e;--rank-top30:#a6bddb;--rank-top30-soft:#2a3543;--rank-beyond30:#d9b783;--rank-beyond30-soft:#382e26;color-scheme:dark}
body.service-ui{background:var(--bg);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;font-variant-numeric:tabular-nums}
.service-ui #app>aside{position:relative;inset:auto;display:flex;flex-direction:row;align-items:center;width:100%;max-width:none;height:54px;padding:0 24px;margin:0;gap:26px;background:var(--surface);border-bottom:2px solid var(--line);border-radius:0}
.service-ui aside .brand{font-size:19px;letter-spacing:.5px;color:var(--ink);white-space:nowrap}.service-ui aside .brand img{width:30px;height:30px;filter:none}.service-ui aside nav{display:flex;gap:5px;margin:0}.service-ui aside nav a{font-size:12px;padding:9px 12px;color:var(--muted);border-radius:2px}.service-ui aside nav a.active,.service-ui aside nav a:hover{background:var(--soft);color:var(--accent)}.service-ui .aside-bottom{margin:0 0 0 auto;font-size:11px;color:var(--muted);line-height:1.4}.service-ui .aside-bottom strong{display:none}.service-ui .aside-bottom br{display:none}.service-ui .aside-bottom button{margin-left:12px;padding:4px 8px;min-height:26px;font-size:11px}
.service-ui .workspace{margin:0;width:100%;min-width:0}.service-ui .workspace>header{position:static;max-width:1680px;margin:auto;height:42px;min-height:42px;padding:5px 24px;border:0;background:transparent}.service-ui .workspace main{max-width:1680px;margin:auto;padding:12px 24px 30px}.service-ui .crumb{font-size:11px}.service-ui .account{gap:15px}.service-ui .account .badge{font-size:10px}.service-ui .balance strong{color:var(--ink);font:14px Consolas,monospace}.service-ui .balance small{font-size:10px}.service-ui .account .badge,.service-ui .avatar,.service-ui .balance a{background:var(--soft);color:var(--accent);border-radius:3px}.service-ui .avatar{width:28px;height:28px;font-size:13px}.service-ui .balance a{width:25px;height:25px}
.service-ui h1,.service-ui h2,.service-ui h3{color:var(--ink)}.service-ui h1{font-size:25px;letter-spacing:-.4px}.service-ui .workspace main>.heading{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}.service-ui .heading p,.service-ui .heading .eyebrow,.service-ui .domain,.service-ui .project-context-label,.service-ui .url,.service-ui .project-result-caption{color:var(--muted)}.service-ui .project-link{font-size:14px;color:var(--ink)}.service-ui .domain{font-size:11px}.service-ui .project-context-label{font-size:10px;margin-top:3px}.service-ui .projects-total{border:0;background:transparent;color:var(--muted);font:12px Consolas,monospace;padding:0 4px}
.service-ui button{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:3px;min-height:30px;padding:6px 10px;font-size:12px;box-shadow:inset 0 1px #ffffff09}.service-ui button:hover{background:var(--hover);color:var(--ink)}.service-ui button.primary{background:#efab4e;color:#292017;border-color:#ce8e35;box-shadow:none}.service-ui button.primary:hover{background:#f5b85f;color:#292017;border-color:#ce8e35}.service-ui input,.service-ui select,.service-ui textarea{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:3px;font-size:12px}.service-ui input:focus,.service-ui select:focus,.service-ui textarea:focus,.service-ui button:focus-visible,.service-ui a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.service-ui .card{background:var(--surface);border:1px solid var(--line);border-radius:3px;box-shadow:0 2px 0 #00000010;min-width:0}.service-ui .toolbar{background:var(--surface);border-color:var(--line);padding:9px 12px;min-height:46px}.service-ui .toolbar input[type=search]{max-width:285px}.service-ui .pager{background:var(--thead);border-color:var(--line);padding:8px 12px;font-size:10px}.service-ui .pager button{font-size:11px;min-height:26px;padding:4px 8px}.service-ui .project-toolbar [aria-pressed=true]{background:var(--soft);color:var(--accent);border-color:var(--line)}
.service-ui th{background:var(--thead);color:var(--muted);border-color:var(--line);font-size:11px;padding:10px 9px}.service-ui td{color:var(--ink);border-color:var(--line);padding:10px 9px;font-size:13px}.service-ui .service-projects-table{min-width:1050px}.service-ui .service-projects-table td{height:66px;padding-top:8px;padding-bottom:8px}.service-ui .service-projects-table th:nth-child(2),.service-ui .service-projects-table td:nth-child(2){min-width:190px}.service-ui .service-projects-table th:nth-child(3){width:160px;min-width:160px}.service-ui .service-projects-table tr:hover td{background:var(--hover)}.service-ui .service-projects-table tr.focus-selected td{background:var(--chosen)}.service-ui .service-projects-table tr.focus-selected td:first-child{box-shadow:inset 2px 0 var(--accent)}.service-ui .project-check-cell{padding-inline:8px;width:36px}.service-ui .project-page-check{min-height:17px;width:17px;min-width:17px;padding:0;border-radius:2px}.service-ui .project-page-check[aria-checked=true],.service-ui .project-page-check[aria-checked=mixed]{background:var(--accent);border-color:var(--accent);color:var(--surface)}
.service-ui .project-icon{width:28px;height:28px;min-width:28px;border-radius:4px;background:var(--soft);border-color:var(--line);color:var(--accent)}.service-ui .project-icon img{width:26px;height:26px;object-fit:contain}.service-ui .project-icon.has-icon{background:#fff}.service-ui .project-check-stack{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto;column-gap:7px;row-gap:3px;min-width:0;text-align:left;justify-content:start}.service-ui .project-check-stack .check-ring{grid-row:1/3}.service-ui .project-check-caption{font-size:10px;color:var(--muted)}.service-ui .project-check-date{font-size:9px;color:var(--muted)}.service-ui .project-check-stack>.badge{grid-column:2;font-size:9px;justify-self:start}
.service-ui .check-ring,.service-ui .project-check-stack .check-ring,.service-ui .check-track,.service-ui .project-check-stack .check-track{width:34px;height:34px;min-width:34px;min-height:34px}.service-ui .check-ring{color:var(--accent);border-radius:50%;align-self:center}.service-ui .check-center{width:26px;height:26px;background:var(--soft);border-radius:50%}.service-ui .check-center>svg{width:18px;height:18px}.service-ui .check-percent{font-size:9px}.service-ui .check-base{stroke:var(--line)}.service-ui .check-arc,.service-ui .is-complete .check-arc{stroke:var(--accent)}.service-ui .check-spinner{border-top-color:var(--accent);border-right-color:var(--accent)}.service-ui .check-ring.is-complete{color:var(--muted)}.service-ui .is-complete .check-center,.service-ui .is-partial .check-center{background:var(--surface)}.service-ui .check-ring:hover:not(:disabled){background:var(--hover)}
.service-ui .project-movement-cell .overview-dynamics{min-width:135px}.service-ui .project-movement-cell .overview-movement{font:12px Consolas,monospace;gap:8px}.service-ui .overview-movement>span,.service-ui .overview-number,.service-ui .context-band strong{color:var(--ink)}.service-ui .overview-direction{font:8px Consolas,monospace;margin-left:3px;vertical-align:super}.service-ui .overview-direction.change-good,.service-ui .position-change.change-good{color:var(--good)}.service-ui .overview-direction.change-bad,.service-ui .position-change.change-bad{color:var(--bad)}.service-ui .position-change{font:8px Consolas,monospace;margin-left:3px;vertical-align:super;position:relative;top:-1px}.service-ui .project-bands-cell .overview-dynamics{min-width:170px}.service-ui .project-bands-cell .overview-bands{gap:10px}.service-ui .project-bands-cell .context-band strong{font:12px Consolas,monospace}.service-ui .context-band progress,.service-ui .overview-ratio{height:3px;background:var(--line)}.service-ui .overview-caption{color:var(--muted);font-size:10px;padding:8px 12px;margin:0}
.service-ui .project-sites{gap:3px;flex-wrap:nowrap;overflow-x:auto;margin:6px 0 10px;border-bottom:1px solid var(--line)}.service-ui .project-sites button{color:var(--muted);border:0;border-radius:0;background:transparent;padding:8px 11px;font-size:11px;box-shadow:none}.service-ui .project-sites [aria-selected=true]{background:var(--soft);color:var(--accent);box-shadow:inset 0 -2px var(--accent)}.service-ui .project-title-row{gap:14px}.service-ui .project-title{font-size:25px}.service-ui .project-heading p{font-size:11px;margin:6px 0 0}.service-ui .context-controls{margin:6px 0 8px;gap:12px}.service-ui .context-controls label{font-size:10px;gap:4px}.service-ui .context-controls select{font-size:11px;padding:5px 8px;min-height:28px}.service-ui .history-caption,.service-ui .project-result-caption{font-size:10px}.service-ui .project-result-caption{margin:8px 0}.service-ui .detail-summary{background:var(--surface);border:1px solid var(--line);border-radius:3px;margin:8px 0 10px;grid-template-columns:repeat(9,minmax(85px,1fr))}.service-ui .summary-cell{border-color:var(--line);min-width:85px;padding:8px 10px;background:var(--surface);box-shadow:none}.service-ui .summary-cell small{font-size:9px;margin-bottom:5px;color:var(--muted)}.service-ui .summary-cell strong{font:20px Consolas,monospace;color:var(--ink)}.service-ui .summary-cell>span{font-size:9px;color:var(--muted)}.service-ui .run-state{margin:8px 0}.service-ui .run-state small{font-size:10px;color:var(--muted)}
.service-ui .history-table th,.service-ui .history-table th.history-query{background:var(--thead);font-size:11px}.service-ui .history-table .history-query{background:var(--surface);border-color:var(--line);padding:8px 12px;font-size:12px;min-width:300px;max-width:300px;width:300px}.service-ui .history-table td:not(.history-spacer):not(.history-query){font:12px Consolas,monospace;padding:7px 6px}.service-ui .history-table th:not(.history-spacer):not(.history-query){padding:7px 6px}.service-ui .history-table td.history-rank{color:var(--ink)}.service-ui .history-table tr.focus-selected td.history-query{box-shadow:inset 2px 0 var(--accent);background:var(--soft)}.service-ui .history-date-metric{gap:3px;margin-top:5px}.service-ui .history-date-metric strong{font:11px Consolas,monospace;color:var(--ink)}.service-ui .history-date-metric small{font-size:8px;color:var(--muted)}.service-ui .history-date-metric progress{width:42px;height:2px;background:var(--line)}.service-ui .history-date-metric progress::-webkit-progress-bar{background:var(--line)}.service-ui .history-date-metric progress::-webkit-progress-value{background:var(--good)}.service-ui .history-date-metric progress::-moz-progress-bar{background:var(--good)}.service-ui .history-query .url{font-size:9px;margin-top:4px}.service-ui .history-status{font-size:10px;padding:8px 12px}.service-ui .pinned-projects-header{background:var(--thead)}.service-ui .pinned-projects-header th{background:var(--thead)}
.service-ui .panel-theme-switch{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:3px;background:var(--bg);gap:2px}.service-ui .panel-theme-switch button{padding:4px;height:26px;min-height:26px;width:29px;border:0;background:transparent;box-shadow:none;color:var(--muted)}.service-ui .panel-theme-switch button[aria-pressed=true]{background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--accent)}.service-ui .panel-theme-switch svg{width:16px;height:16px}.service-ui .auth-theme{display:flex;justify-content:flex-end;margin-bottom:20px}
.service-ui .notice{background:var(--soft);border-color:var(--line);color:var(--ink);border-radius:3px}.service-ui .notice.warning{background:var(--soft);border-color:var(--line);color:var(--accent)}.service-ui .badge{border-radius:3px}.service-ui .badge:not(.green):not(.red):not(.orange){background:var(--soft);color:var(--accent)}.service-ui .badge.green{background:var(--rank-top10-soft);color:var(--good)}.service-ui .badge.red,.service-ui .form-error{background:transparent;color:var(--bad)}.service-ui .badge.orange{background:var(--soft);color:var(--accent)}.service-ui dialog{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:4px}.service-ui .metric{background:var(--surface);border-color:var(--line);border-radius:3px}.service-ui .metric strong{color:var(--ink)}.service-ui .auth-story{background:#25292e}.service-ui .auth-story h1{color:#f0f1f2}.service-ui .auth-story .accent{color:#f6ae51}.service-ui .auth-form{background:var(--bg)}.service-ui .auth-links a,.service-ui details summary{color:var(--accent)}.service-ui .signal span{background:#ce913b;border-color:#ce913b;border-radius:2px}.service-ui .empty-mark{background:var(--soft);color:var(--accent);border-radius:4px}.service-ui .region-chips button{background:var(--soft);color:var(--accent)}
.focus-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-items:start}.focus-layout.focus-open{grid-template-columns:minmax(0,1fr) 228px}.focus-panel{background:var(--surface);border:1px solid var(--line);border-top:2px solid var(--accent);border-radius:3px;padding:14px;min-width:0;position:static;color:var(--ink);font-size:11px;align-self:start;overflow-wrap:anywhere}.focus-panel[hidden]{display:none}.focus-panel .focus-close{float:right;border:0;background:none;min-height:20px;height:20px;padding:0 3px;color:var(--muted)}.focus-panel h2{font-size:14px;line-height:1.5;margin:12px 0}.focus-panel .focus-eyebrow{font:9px Consolas,monospace;color:var(--muted)}.focus-panel .focus-value{font:28px Consolas,monospace;color:var(--ink);display:block;margin:14px 0 4px}.focus-panel .focus-pair{display:flex;justify-content:space-between;gap:10px;margin:12px 0;font-size:11px}.focus-panel .focus-pair>span:first-child{color:var(--muted)}.focus-panel .focus-pair b{font:12px Consolas,monospace}.focus-panel hr{border:0;border-top:1px solid var(--line);margin:15px 0}.focus-panel .focus-link{display:block;border:1px solid var(--line);background:var(--soft);color:var(--accent);padding:8px;text-align:center;text-decoration:none;margin-top:18px}.focus-panel p{font-size:11px;color:var(--muted);line-height:1.7}.focus-panel .focus-url{display:block;color:var(--accent);font-size:10px;line-height:1.6;word-break:break-word}.focus-panel .focus-context{font-size:10px;color:var(--muted)}.service-ui .focus-toggle{margin-left:auto;font-size:11px;white-space:nowrap}.service-ui tbody tr[data-focus-project],.service-ui .history-table tbody tr{cursor:pointer}
@media(max-width:1000px){.focus-layout.focus-open{grid-template-columns:minmax(0,1fr)}.focus-panel{order:-1}.service-ui .account{gap:9px}.service-ui .aside-bottom{font-size:10px}.service-ui .aside-bottom button{margin-left:7px}}
@media(max-width:740px){.service-ui #app>aside{height:48px;padding:0 12px;gap:8px}.service-ui aside .brand{font-size:16px}.service-ui aside .brand img{width:24px;height:24px}.service-ui aside nav a{font-size:11px;padding:7px}.service-ui .aside-bottom{display:none}.service-ui .workspace>header{height:auto;min-height:42px;padding:6px 12px}.service-ui .account{gap:6px;flex-wrap:wrap}.service-ui .account>.badge{display:none}.service-ui .balance{margin-left:auto}.service-ui .balance small{display:none}.service-ui .balance strong{font-size:12px}.service-ui .workspace main{padding:10px 12px 24px}.service-ui h1{font-size:24px}.service-ui .heading{gap:9px}.service-ui .project-heading>.actions{gap:5px}.service-ui .project-run{width:auto}.service-ui .project-title-row{gap:9px}.service-ui .toolbar{flex-wrap:wrap;gap:8px}.service-ui .toolbar input[type=search]{max-width:none}.service-ui .focus-toggle{margin-left:0}.service-ui .history-table .history-query{min-width:205px;max-width:205px;width:205px;font-size:11px;padding:7px 10px}.service-ui .detail-summary{grid-template-columns:repeat(9,90px)}.service-ui .summary-cell{min-width:90px}.service-ui .panel-theme-switch button{width:25px}.service-ui .focus-panel{padding:12px}.service-ui .focus-layout.focus-open>.focus-panel{max-height:260px;overflow:auto}.service-ui .project-sort{padding:0;min-height:0}}

.focus-panel h2{display:flex;align-items:center;gap:8px}.focus-project-icon{display:inline-flex;flex-shrink:0}

/* Keep controls legible during palette changes and preserve compact rows. */
.service-ui button{transition:none}.service-ui .toolbar input[type=search]{background:var(--surface);color:var(--ink)}.service-ui td.overview-top10{color:var(--ink)}.service-ui .service-projects-table .project-link{display:block;position:relative;padding-left:37px;line-height:18px;white-space:nowrap}.service-ui .service-projects-table .project-link>.site-icon{position:absolute;left:0;top:1px}.service-ui .service-projects-table .project-name-text{display:block;overflow:hidden;text-overflow:ellipsis}.service-ui .service-projects-table .domain{display:block;margin-left:37px;line-height:1.3}.service-ui .project-sort{background:transparent}.service-ui .history-table td.rank-error{background:var(--soft);color:var(--bad)}

.service-ui .service-projects-table td{height:60px;padding-top:6px;padding-bottom:6px}.service-ui .service-projects-table .domain{margin-top:2px}

/* Fixed circular progress and a centred, labelled top-up control. */
.service-ui .balance a.balance-topup{display:inline-grid;place-items:center;flex:0 0 28px;width:28px;height:28px;padding:0;line-height:1;text-decoration:none}.service-ui .balance-topup svg{display:block;width:16px;height:16px}.service-ui .balance a.balance-topup:hover{background:var(--hover)}

.service-ui .service-projects-table{min-width:900px}

.service-ui .device-switch{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--line);padding:2px;border-radius:3px;background:var(--bg)}.service-ui .device-switch button{display:inline-flex;align-items:center;gap:6px;border:0;box-shadow:none;background:transparent;color:var(--muted);font-size:11px;min-height:28px;padding:5px 8px}.service-ui .device-switch svg{display:block;width:17px;height:17px}.service-ui .device-switch button[aria-pressed=true]{background:var(--soft);color:var(--accent);box-shadow:0 0 0 1px var(--line)}.service-ui button.danger{color:var(--bad)}.service-ui .history-date-sort{background:transparent;border:0;box-shadow:none;padding:0;font:inherit;min-height:24px;white-space:nowrap;color:inherit}.service-ui .history-date-sort:hover{background:transparent;color:var(--accent)}.service-ui .history-table th[aria-sort=ascending],.service-ui .history-table th[aria-sort=descending]{color:var(--accent)}

.service-ui button.primary.danger,.service-ui button.primary.danger:hover{background:var(--bad);border-color:var(--bad);color:var(--surface)}

.service-ui .device-switch{flex-shrink:0;min-width:max-content}
.service-ui .project-context-controls{display:flex;align-items:center;gap:6px;max-width:100%;line-height:1}.service-ui .project-context-controls .device-switch{padding:1px;gap:1px}.service-ui .project-context-controls .device-switch button{padding:1px 4px;min-height:18px;height:18px}.service-ui .project-context-controls .device-switch svg{width:14px;height:14px}.service-ui .project-context-controls select{min-height:22px;height:22px;max-width:135px;padding:2px 20px 2px 5px;font-size:10px}.service-ui .service-projects-table .project-context-label{margin-top:1px}.service-ui .service-projects-table .domain{line-height:12px}.service-ui .project-data-date{display:block;font-size:9px;color:var(--muted);margin-top:2px}

/* Authentication follows the same light/dark palette as the workspace. */
.service-ui .auth-story{background:var(--surface);color:var(--ink);border-right:1px solid var(--line)}
.service-ui .auth-story .brand,.service-ui .auth-story h1{color:var(--ink)}
.service-ui .auth-story p{color:var(--muted)}
.service-ui .auth-story .accent{color:var(--accent)}
.service-ui .auth-story .signal span{background:var(--accent);border-color:var(--accent);opacity:.8}
.service-ui .auth-story .signal span:last-child{opacity:1}
.service-ui .auth-form{max-width:none;margin:0;padding:40px;min-width:0}
.service-ui .auth-inner{max-width:390px}
.service-ui button:disabled{cursor:default;opacity:.6}
@media(max-width:740px){.service-ui .auth-form{padding:28px 24px}.service-ui .auth-story{border-right:0;border-bottom:1px solid var(--line)}}
.service-ui #depositForm[hidden]{display:none}

/* Larger workspace controls; browser reflows layout at the increased scale. */
.service-ui #app,.service-ui dialog{zoom:1.3}
.service-ui .payment-notice{position:sticky;top:0;z-index:50;grid-column:1/-1;background:var(--soft);color:var(--ink);border-bottom:1px solid var(--line);padding:5px 12px;text-align:center;font-size:12px;line-height:1.5}
.service-ui .payment-notice a{font-weight:600;color:var(--accent);white-space:nowrap}
.service-ui .detail-summary .movement-good,.service-ui .detail-summary .band-0{background:var(--rank-top10-soft)}
.service-ui .detail-summary .movement-same,.service-ui .detail-summary .band-1{background:var(--rank-top30-soft)}
.service-ui .detail-summary .band-2{background:var(--rank-beyond30-soft)}
.service-ui .detail-summary .movement-bad{background:color-mix(in srgb,var(--bad) 16%,var(--surface))}

@media(max-width:740px){.service-ui #app,.service-ui dialog{zoom:1}}

/* Payment help sits by the page title, with a stronger theme-aware accent. */
.service-ui .payment-notice{position:static;background:var(--chosen);border:1px solid var(--accent);border-left:4px solid var(--accent);border-radius:4px;color:var(--ink);font-size:14px;font-weight:500;padding:10px 14px;line-height:1.5;margin:0 0 14px}
.service-ui .heading>.payment-notice{margin:0 auto;max-width:560px}
.service-ui .payment-notice a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){.service-ui .heading{flex-wrap:wrap}.service-ui .heading>.payment-notice{order:3;flex-basis:100%;max-width:none;margin:6px 0 0}}

.service-ui dialog{box-sizing:border-box;max-height:calc((100dvh - 32px)/1.3);max-width:calc((100vw - 32px)/1.3);overflow:auto;overscroll-behavior:contain}
.service-ui dialog .dialog-actions{position:sticky;bottom:0;z-index:3;background:var(--surface);border-top:1px solid var(--line);padding:12px 0 4px;margin-top:8px}
.service-ui #batchProjects{max-height:32dvh;overflow:auto;overscroll-behavior:contain;padding-right:8px}
.service-ui .payment-notice{background:#ffe0a4;color:#513204;border-color:#c18526}
:root[data-theme=dark] .service-ui .payment-notice{background:#694823;color:#fff3d9;border-color:#f6ae51}
:root[data-theme=dark] .service-ui .payment-notice a{color:#ffe0a4}
@media(max-width:740px){.service-ui dialog{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px)}}