/* Kestle & Daughter v2 · inner pages, part A: flows (quote, EICR booking, safety check) */
.q-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
.q-main{min-width:0}
.q-side{position:sticky;top:130px}
@media (max-width:980px){.q-grid{grid-template-columns:1fr}.q-side{position:static}}
.steps-bar{list-style:none;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--ink);margin-bottom:36px;counter-reset:s}
.steps-bar li{padding:12px 14px;font:400 13px/1.2 var(--f-m);letter-spacing:.06em;color:var(--mute);border-right:1px solid var(--ink);position:relative}
.steps-bar li:last-child{border-right:0}
.steps-bar li span{display:block;font:800 18px/1 var(--f-c);text-transform:uppercase;letter-spacing:.02em;color:var(--ink);margin-top:4px}
.steps-bar li[aria-current]{background:var(--ink);color:var(--or)}
.steps-bar li[aria-current] span{color:var(--paper)}
.steps-bar li.done{background:var(--paper2)}
.steps-bar li.done::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--or)}
@media (max-width:600px){.steps-bar li{padding:10px 8px}.steps-bar li span{display:none}.steps-bar li[aria-current] span{display:block;font-size:14px}}
.step > h2{font-size:clamp(30px,3.4vw,46px);margin-bottom:24px}
.step > h2:focus{outline:none}
.step-nav{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:28px;padding-top:20px;border-top:1px solid var(--ink)}
.step-nav .counter{margin-left:auto;font:400 13px/1 var(--f-m);color:var(--mute);letter-spacing:.06em}
.step-nav [data-back]+.counter{margin-left:auto}
.step-nav .btn-volt{order:3}
.q-alt{margin:16px 0 22px}
.q-pc{max-width:460px}
.q-extras{display:grid;gap:0;border-top:1px solid var(--ink)}
.xrow{padding:16px 0;border-bottom:1px solid var(--rule)}
.xrow span{display:flex;flex-direction:column;gap:3px}
.xrow small{font:400 13px/1.2 var(--f-m);color:var(--mute)}
.qty-list{border-top:1px solid var(--ink)}
.qty{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--rule)}
.qty > span:first-child{display:flex;flex-direction:column;gap:3px}
.qty small{font:400 13px/1 var(--f-m);color:var(--mute)}
.qty-c{display:inline-flex;align-items:stretch;border:1px solid var(--ink)}
.qty-c .icon-btn{border:0;width:44px;height:44px}
.qty-c output{min-width:52px;display:grid;place-items:center;border-left:1px solid var(--ink);border-right:1px solid var(--ink);font:400 22px/1 var(--f-st)}
.rng{width:100%;accent-color:var(--or);height:40px}
/* the board schedule readout (sticky side) */
.sched{background:var(--ink);color:var(--paper);padding:24px;border-top:6px solid var(--or)}
.sched h3{font-size:24px;margin:0 0 14px}
.sched table{width:100%;border-collapse:collapse;font-size:15px}
.sched td,.sched th{padding:9px 0;border-bottom:1px dashed rgba(237,236,231,.18);text-align:left;vertical-align:top}
.sched th{font:400 11px/1 var(--f-m);letter-spacing:.1em;text-transform:uppercase;color:var(--mute-d);border-bottom:1px solid var(--rule-d)}
.sched td:last-child,.sched th:last-child{text-align:right;font-family:var(--f-m);white-space:nowrap;padding-left:12px}
.sched .way{font:400 12px var(--f-m);color:var(--or);margin-right:8px}
.sched .total{font:400 clamp(36px,3.4vw,52px)/1 var(--f-st);color:var(--or);margin:18px 0 8px}
.sched .note{font-size:13px;color:var(--mute-d);margin:0}
.sched .empty{color:var(--mute-d);font-size:15px;margin:0}
.q-total{display:flex;flex-direction:column;gap:8px;padding:22px;background:var(--ink);color:var(--paper);border-left:6px solid var(--or)}
.q-total .mono{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute-d)}
.q-total b{font:400 clamp(40px,5vw,68px)/1 var(--f-st);color:var(--or)}
.q-total .muted{color:var(--mute-d)}
.q-notes{margin:20px 0}
.q-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.q-survey{margin-top:28px;padding:24px;border:2px solid var(--ink);background:var(--paper)}
.q-survey h3{margin-bottom:8px}
.saved-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:0;border-top:2px solid var(--ink);border-left:1px solid var(--rule)}
.saved{padding:20px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--paper)}
.saved h3{margin:6px 0 8px}
.saved-total{font:400 30px/1 var(--f-st);margin:0 0 12px}
.saved ul{list-style:none;font-size:14px;color:var(--mute);margin-bottom:14px}
.saved li{padding:3px 0}
.saved-act{display:flex;gap:8px}
/* EICR */
.eicr-facts{display:grid;grid-template-columns:1fr;border:1px solid var(--rule-d)}
.eicr-facts div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid var(--rule-d)}
.eicr-facts div:last-child{border-bottom:0}
.eicr-facts b{font-size:clamp(30px,3vw,42px);color:var(--or)}
.eicr-facts span{color:var(--mute-d);font-size:13px;text-align:right}
.tiles-5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:700px){.tiles-5{grid-template-columns:repeat(2,minmax(0,1fr))}}
.acc-fields{margin-top:22px}
.dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:0;border-top:1px solid var(--ink);border-left:1px solid var(--ink);margin-bottom:24px}
.date{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;background:transparent;border:0;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);border-radius:0}
.date b{font:400 28px/1 var(--f-st)}
.date .mono{font-size:12px;color:var(--mute);text-transform:uppercase}
.date[aria-checked=true]{background:var(--ink);color:var(--paper);box-shadow:inset 0 -5px 0 var(--or)}
.date[aria-checked=true] .mono{color:var(--mute-d)}
.slots{display:flex;flex-wrap:wrap;gap:0;border:1px solid var(--ink);width:fit-content;max-width:100%}
.slot{min-height:52px;padding:0 18px;background:transparent;border:0;border-right:1px solid var(--ink);font:400 15px/1 var(--f-m);display:flex;flex-direction:column;justify-content:center;gap:3px;border-radius:0}
.slot:last-child{border-right:0}
.slot small{font-size:11px;color:var(--mute)}
.slot[aria-checked=true]{background:var(--ink);color:var(--paper)}
.slot[disabled]{color:#77766F;text-decoration:line-through;cursor:not-allowed;background:var(--paper2)}
.review{width:100%;border-collapse:collapse;border-top:2px solid var(--ink);margin-bottom:18px}
.review th,.review td{text-align:left;padding:12px 12px 12px 0;border-bottom:1px solid var(--rule);vertical-align:top}
.review th{font:400 12px/1.3 var(--f-m);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);width:34%}
.done-box{padding:clamp(24px,3vw,40px);background:var(--ink);color:var(--paper);border-top:6px solid var(--or)}
.done-box .tag{color:var(--or)}
.done-box h2{margin-bottom:16px}
.done-box h2:focus{outline:none}
.done-box .lede{color:#D6D5CF}
.done-box .mono{color:var(--or)}
.done-box .btn{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.done-box .btn-ghost{background:transparent;color:var(--paper)}
.next-list{list-style:none;margin-top:26px;border-top:1px solid var(--rule-d)}
.next-list li{padding:11px 0;border-bottom:1px solid var(--rule-d);color:#D6D5CF}
.next-list b{color:var(--paper)}
.codes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink)}
.code-c{padding:22px 22px 22px 0;border-right:1px solid var(--rule)}
.code-c + .code-c{padding-left:22px}
.code-c:last-child{border-right:0}
.code-c .code{display:block;font:400 clamp(48px,5vw,72px)/1 var(--f-st);margin-bottom:12px}
.code-c h3{margin-bottom:8px}
.code-c p{color:var(--mute);font-size:16px}
.code-c .mono{display:inline-block;background:var(--ink);color:var(--paper);padding:5px 8px}
.code-ok .mono{background:transparent;color:var(--ink);border:1px solid var(--ink)}
@media (max-width:900px){.codes{grid-template-columns:1fr 1fr}.code-c:nth-child(2){border-right:0}.code-c:nth-child(3){padding-left:0}.code-c:nth-child(-n+2){border-bottom:1px solid var(--rule)}}
@media (max-width:520px){.codes{grid-template-columns:1fr}.code-c,.code-c + .code-c{padding:20px 0;border-right:0;border-bottom:1px solid var(--rule)}}
.duty-grid,.small-grid,.inc-grid,.svc-inc,.svc-price,.svc-faq,.form-grid,.map-grid,.tri-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:40px 80px;align-items:start}
@media (max-width:900px){.duty-grid,.small-grid,.inc-grid,.svc-inc,.svc-price,.svc-faq,.form-grid,.map-grid,.tri-grid{grid-template-columns:1fr}}
.duty-grid h2,.small-grid h2,.inc-grid h2,.svc-inc h2,.svc-price h2,.svc-faq h2,.form-grid h2,.map-grid h2,.tri-grid h2{margin-bottom:20px}
.duty{list-style:none;counter-reset:d;border-top:2px solid var(--ink)}
.duty li{counter-increment:d;display:grid;grid-template-columns:56px 1fr;gap:4px 16px;padding:18px 0;border-bottom:1px solid var(--rule)}
.duty li::before{content:counter(d,decimal-leading-zero);grid-row:1/3;font:400 28px/1 var(--f-st);color:var(--ink)}
.duty b{font:800 22px/1 var(--f-c);text-transform:uppercase}
.duty span{color:var(--mute)}
.qband-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:28px 64px;align-items:end}
@media (max-width:860px){.qband-grid{grid-template-columns:1fr}}
/* safety check */
.sc-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:start}
@media (max-width:980px){.sc-grid{grid-template-columns:1fr}}
.sc-age{max-width:420px}
.sc-prog{height:6px;background:var(--paper3);margin:10px 0 4px}
.sc-prog span{display:block;height:100%;width:0;background:var(--or);transition:width .3s}
.sc-qs{list-style:none;border-top:2px solid var(--ink);margin-top:20px}
.sc-q{padding:16px 0;border-bottom:1px solid var(--rule)}
.sc-q fieldset{margin:0;display:flex;justify-content:space-between;align-items:center;gap:12px 24px;flex-wrap:wrap}
.sc-q legend{float:left;max-width:56ch;font-weight:600;padding:0}
.sc-q legend .mono{color:var(--mute);margin-right:8px;font-weight:400}
.sc-opt{position:relative}
.sc-opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.sc-opt:has(input:checked){background:var(--ink);color:var(--paper)}
.sc-opt:has(input:focus-visible){outline:3px solid var(--or);outline-offset:2px}
.sc-side{position:sticky;top:130px}
.sc-result{padding:24px;background:var(--ink);color:var(--paper);border-top:6px solid var(--paper3)}
.sc-result .tag{color:var(--mute-d)}
.sc-result .muted,.sc-result .small{color:var(--mute-d)}
.sc-result:focus{outline:3px solid var(--or)}
.sc-result.r-red{border-top-color:var(--or)}
.sc-result.r-amber{border-top-color:#D9D8D1}
.sc-result.r-green{border-top-color:var(--paper)}
.sc-result .list-tick li{border-color:var(--rule-d)}
.sc-meter{height:8px;background:var(--ink3);margin:14px 0}
.sc-meter span{display:block;height:100%;background:var(--or)}
.sc-cta{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.sc-cta .link{color:var(--paper)}
@media (max-width:980px){.sc-side{position:static}}