/* minuautoremont.ee — design B1 "Numbrimärk" (decisions.md 2026-10-19) + review fixes.
   Type: 1.2 ratio from 16px — 13 · 16 · 19 · 23 · 28 · 33 · 40 · 57.  Space: 4·8·12·16·24·32·48·64.
   Blue only on the plate tab + links/focus. Plate = price, nothing else (wordmark is the one exception). */
@font-face{font-family:'Saira';src:url(fonts/saira-latin-standard-normal.woff2) format('woff2');font-weight:100 900;font-stretch:50% 125%;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Saira';src:url(fonts/saira-latin-ext-standard-normal.woff2) format('woff2');font-weight:100 900;font-stretch:50% 125%;font-display:swap;unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
/* metric-matched fallback so the swap to Saira does not move the H1 (no preload — hazard 145).
   size-adjust measured 2026-10-19: Saira 700/wdth 90 vs Arial 700 on the home H1 = 1885/2122 px; line box Saira 1.58em. */
@font-face{font-family:'Saira-fb';src:local('Arial'),local('Liberation Sans'),local('Helvetica');size-adjust:88.8%;ascent-override:125%;descent-override:53%;line-gap-override:0%}

:root{--h:262;--ground:oklch(97.5% .004 var(--h));--paper:#fff;--ink:oklch(18% .012 var(--h));
--strip:oklch(42% .17 var(--h));--strip-ink:#fff;--muted:oklch(45% .02 var(--h));--rule:oklch(87% .01 var(--h));
--chip:oklch(64% .015 var(--h));--focus:oklch(62% .18 60);--disp:'Saira','Saira-fb',system-ui,sans-serif;
--t13:.8125rem;--t16:1rem;--t19:1.1875rem;--t23:1.4375rem;--t28:1.75rem;--t33:2.0625rem;--t40:2.5rem;--t57:3.5625rem;
--plate-size:var(--t23);--measure:820px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}a:hover{color:var(--strip)}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.measure{max-width:var(--measure)}
.num{font-variant-numeric:tabular-nums lining-nums}
.i{flex:none;vertical-align:-4px}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{font-family:var(--disp);text-wrap:balance}
h1{font-weight:700;font-stretch:90%;font-size:var(--t57);line-height:1;letter-spacing:-.02em;margin:0 0 16px}
h2{font-weight:700;font-stretch:90%;font-size:var(--t40);line-height:1.05;margin:48px 0 12px}
h3{font-weight:650;font-size:var(--t23);line-height:1.2;margin:32px 0 8px}
p{margin:0 0 16px}
.lede{font-size:var(--t19);color:var(--muted);max-width:42ch;margin:0 0 24px}
.muted{color:var(--muted)}
.small{font-size:.9375rem}
h2.lh{font-size:var(--t28);margin-top:48px}
@media(max-width:600px){h1{font-size:var(--t33)}h2{font-size:var(--t28);margin-top:32px}h2.lh{font-size:var(--t23)}}

/* header */
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;z-index:9;background:var(--paper);padding:8px 12px}
header.top{border-bottom:1px solid var(--rule);background:var(--paper)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
nav.top{display:flex;gap:4px 24px;flex-wrap:wrap}
nav.top a{font-weight:600;font-size:var(--t16);text-decoration:none;padding:8px 0}
nav.top a[aria-current]{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:2px}
@media(max-width:700px){header.top .wrap{padding-top:12px;gap:4px}nav.top{width:100%;gap:0 10px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}nav.top a{font-size:.875rem;padding:8px 0 10px;white-space:nowrap}}

/* plate: the price object */
.plate{display:inline-grid;grid-template-columns:auto auto;border:2px solid var(--ink);border-radius:5px;background:var(--paper);
 overflow:hidden;font:650 var(--plate-size)/1 var(--disp);font-stretch:92%;white-space:nowrap;color:var(--ink);
 font-variant-numeric:tabular-nums lining-nums;justify-self:end}
.plate .t{background:var(--strip);color:var(--strip-ink);font:700 var(--t13)/1 var(--disp);font-stretch:100%;letter-spacing:.03em;
 display:grid;place-items:center;padding:0 6px;min-width:36px}
.plate .v{padding:8px 12px 7px;display:flex;align-items:baseline;justify-content:flex-end;gap:5px;min-width:6.4em}
.plate .v small{font:600 var(--t13) var(--disp);font-stretch:100%;color:var(--muted)}
.mark{text-decoration:none;display:inline-flex}.mark .plate{--plate-size:1.0625rem;font-weight:700}.mark .plate .v{min-width:0;padding:6px 10px 5px}
.mark .plate .t{font-size:.6875rem;min-width:30px}

/* hero (home) — golden-ratio grid, owner 2026-10-19 */
.hero{padding-block:32px 48px}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:32px;align-items:end}
.hero .mascot{max-width:330px;width:100%;justify-self:center;align-self:end}
@media(max-width:860px){.hero .wrap{grid-template-columns:1fr}.hero .mascot{display:none}}
.search{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;max-width:var(--measure)}
.search label{display:block}
.search select,.search button{font:600 var(--t16) var(--disp);height:52px;border-radius:5px;border:2px solid var(--ink);padding:0 12px;
 background:var(--paper);color:var(--ink);width:100%;min-width:0}
.search button{background:var(--ink);color:#fff;padding:0 24px;cursor:pointer}
.search button:hover{background:var(--strip);border-color:var(--strip)}
@media(max-width:600px){.search{grid-template-columns:1fr 1fr}.search button{grid-column:1/3}}

/* caption above every list */
.cap{font:600 var(--t19)/1.3 var(--disp);margin:32px 0 8px}
.scope{font-size:.9375rem;color:var(--muted);max-width:var(--measure);margin:12px 0 0}
.scope a{color:var(--strip)}

/* job list (home + /hinnad/) */
.jobs{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule);max-width:var(--measure)}
.jobs li a{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 16px;align-items:center;padding:12px 0;
 border-bottom:1px solid var(--rule);text-decoration:none}
.jobs li a:hover .nm{text-decoration:underline}
.jobs .ic{width:44px;height:44px;object-fit:contain;grid-row:1/3}
.jobs .nm{font:600 var(--t19)/1.2 var(--disp)}.jobs .sub{grid-column:2;font-size:.9375rem;color:var(--muted)}
.jobs .plate{grid-row:1/3;grid-column:3}
@media(max-width:520px){.jobs .plate{grid-row:1}.jobs .sub{grid-column:2/4}.jobs .ic{grid-row:1/3}}
@media(max-width:400px){:root{--plate-size:1.25rem}.plate .v{min-width:5.2em;padding:8px 8px 7px}.plate .t{min-width:32px;padding:0 4px}
 .jobs li a{grid-template-columns:32px minmax(0,1fr) auto;gap:4px 10px}.jobs .ic{width:32px;height:32px;grid-row:1}
 .jobs .ic{grid-row:1}.mark .plate .v{min-width:0}}
@media(max-width:340px){.jobs li a{grid-template-columns:minmax(0,1fr) auto}.jobs .ic{display:none}.jobs .nm{grid-column:1}.jobs .sub{grid-column:1/3}
 .jobs .plate{grid-column:2}}

/* ranked list rows: name/meta | tel (fixed column) | plate on one right edge */
.list{list-style:none;padding:0;margin:0;max-width:var(--measure);border-top:2px solid var(--ink)}
.row{display:grid;grid-template-columns:minmax(0,1fr) 10.5rem auto;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--rule);align-items:center}
.row .who{min-width:0}
.row .nm{font:650 var(--t19)/1.25 var(--disp);display:block}.row .nm a{text-decoration:none}.row .nm a:hover{text-decoration:underline}
.row .first{display:block;font-size:var(--t13);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}
.row .ad{font-size:.9375rem;color:var(--muted);display:block}
.row .meta{font-size:.9375rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:0 16px;margin-top:2px}
.row .meta .today-h[hidden]{display:none}
.row .meta a{color:var(--strip)}
.row .tel{display:inline-flex;gap:6px;align-items:center;font-weight:600;text-decoration:none;min-height:44px;color:var(--strip);white-space:nowrap}
.row .tel:hover{text-decoration:underline}
.row .pc{display:grid;justify-items:end;gap:4px}
.row .pc .alt{font-size:.9375rem;color:var(--muted);white-space:nowrap}
.row .np{font-size:.9375rem;color:var(--muted);text-align:right;max-width:12em}
.row .lab{display:block;font-size:.9375rem;color:var(--ink);margin-top:2px}
.rate{display:inline-flex;align-items:center;gap:4px}
.rate .i{width:16px;height:16px}
@media(max-width:600px){.row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.row .who{grid-column:1/3}
 .row .tel{grid-column:1;grid-row:2;min-height:44px}.row .pc{grid-column:2;grid-row:2}}
.more-rows summary{cursor:pointer;font-weight:600;color:var(--strip);padding:12px 0;list-style:none;max-width:var(--measure);border-bottom:1px solid var(--rule)}
.more-rows summary::-webkit-details-marker{display:none}
.more-rows[open] summary{display:none}

/* rim chips: one row of six at 360px */
.rims{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0 0 16px;max-width:480px}
.rims a,.rims span{font:700 var(--t16) var(--disp);text-decoration:none;border:2px solid var(--chip);border-radius:5px;padding:8px 0;text-align:center;min-height:44px;display:grid;place-items:center}
.rims a:hover{border-color:var(--ink)}
.rims .on{border-color:var(--ink);background:var(--ink);color:#fff}
.rims .off{color:var(--chip);border-style:dashed}

/* page sections */
.head{padding-block:32px 64px}
.crumbs ol{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-wrap:wrap;gap:4px 8px;font-size:var(--t13);color:var(--muted)}
.crumbs li+li::before{content:"›";margin-right:8px}
.crumbs a{color:var(--muted)}
.dated{font-size:var(--t13);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 8px}
.band{padding-block:48px 64px;background:var(--paper);border-top:1px solid var(--rule)}
.band > .wrap > h2:first-child{margin-top:0}
.links{display:flex;flex-wrap:wrap;gap:8px 16px;list-style:none;padding:0;margin:0 0 16px;max-width:var(--measure)}
.links a{color:var(--strip)}
.joblinks{list-style:none;padding:0;margin:0;max-width:var(--measure)}
.joblinks li{padding:8px 0;border-bottom:1px solid var(--rule)}
.joblinks b{font-family:var(--disp);font-weight:650;margin-right:8px}
.joblinks a{color:var(--strip)}
.hubs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0 24px;max-width:var(--measure)}
.hubs a{display:flex;justify-content:space-between;gap:8px;padding:12px 0;border-bottom:1px solid var(--rule);text-decoration:none;font-weight:600}
.hubs a:hover span:first-child{text-decoration:underline}
.hubs .muted{font-weight:400}

/* tables (stats; not prices of a single business) */
.tbl{border-collapse:collapse;width:100%;max-width:var(--measure);font-size:var(--t16);margin:0 0 8px}
.tbl th,.tbl td{text-align:left;padding:12px 8px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.tbl thead th{font-size:var(--t13);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--ink)}
.tbl .n{text-align:right;font-variant-numeric:tabular-nums}
.tbl a{color:var(--strip)}
.tblwrap{overflow-x:auto;max-width:var(--measure)}
@media(max-width:400px){.tbl{font-size:.9375rem}.tbl th,.tbl td{padding:8px 6px 8px 0}}

/* profile */
.prof h1{font-size:var(--t40)}
@media(max-width:600px){.prof h1{font-size:var(--t33)}}
.prof-addr{display:flex;gap:8px;align-items:flex-start;font-size:var(--t16)}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.btn{display:inline-flex;align-items:center;gap:8px;font:600 var(--t16) var(--disp);border:2px solid var(--ink);border-radius:5px;padding:10px 16px;
 text-decoration:none;min-height:48px;background:var(--paper)}
.btn:hover{border-color:var(--strip);color:var(--strip)}
.btn-call{background:var(--ink);color:#fff}.btn-call:hover{background:var(--strip);color:#fff}
.menu{list-style:none;padding:0;margin:0;max-width:var(--measure);border-top:2px solid var(--ink)}
.menu li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--rule);align-items:center}
.menu .job{font:650 var(--t19)/1.25 var(--disp)}.menu .job a{text-decoration:none}.menu .job a:hover{text-decoration:underline}
.menu .lab{display:block;font:400 .9375rem/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--muted)}
.menu .plate{grid-row:1/3;grid-column:2}
@media(max-width:600px){.menu li{grid-template-columns:1fr}.menu .plate{grid-row:auto;grid-column:1}}
.hours{list-style:none;padding:0;margin:0;max-width:420px}
.hours li{display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid var(--rule)}
.hours li.today{font-weight:700}
.facts{display:grid;grid-template-columns:auto 1fr;gap:8px 24px;margin:0;max-width:var(--measure)}
.facts dt{color:var(--muted)}.facts dd{margin:0}
.note{font-size:.9375rem;color:var(--muted);max-width:var(--measure)}
.claim{border:2px solid var(--ink);border-radius:5px;padding:24px;background:var(--paper);max-width:var(--measure);margin-top:48px}
.claim h2{margin-top:0;font-size:var(--t28)}

/* workshop CTA block (home) */
section.pro{padding-block:48px 64px;background:var(--paper);border-top:1px solid var(--rule)}
.pro .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:end}
.pro h2{margin-top:0}
.pro p{color:var(--muted);max-width:52ch}
.pro .mascot{display:none;max-width:190px;justify-self:center}
@media(max-width:860px){.pro .mascot{display:block}}

.prose{max-width:68ch}
.prose ul{padding-left:20px}.prose li{margin-bottom:8px}
.prose a{color:var(--strip)}

/* footer */
.foot{background:var(--ink);color:#e9ebef;padding-block:48px 64px;margin-top:0}
.foot a{color:#fff}
.foot .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px 32px}
.foot h2{font-size:var(--t19);margin:0 0 8px;color:#fff}
.foot ul{list-style:none;padding:0;margin:0}.foot li{padding:4px 0}
.foot p{font-size:.9375rem;color:#c9ced6}
.foot .legal{margin-top:32px;border-top:1px solid #3a3f47;padding-top:16px}
/* A15.4 tags (Kere- ja värvitööd · Klaasitööd · Esinduse teenindus) — plain text, not a plate */
.tags{margin:4px 0 8px;color:var(--muted);font:600 var(--t13)/1.4 var(--disp);letter-spacing:.03em;text-transform:uppercase}