/* Baby monitor cost calculator (tool-monitor-cost). Tokens from page.css. */
main.narrow.tool-monitor-cost{width:min(1080px,100% - 2*var(--gut))}
.tool-monitor-cost .head{max-width:940px}
.tool-monitor-cost .head h1 em{display:block}
@media (min-width:960px){
  .tool-monitor-cost .crumbs{margin-top:26px}
  .tool-monitor-cost .head h1{font-size:clamp(40px,4.3vw,54px)}
  .tool-monitor-cost .head .lede{font-size:19px;margin:16px 0 12px}
}
.tool-monitor-cost .prose{max-width:720px}
@media (min-width:960px){
  /* the reference table gets the whole column; the text stays at a reading width */
  .tool-monitor-cost .prose{max-width:none}
  .tool-monitor-cost .prose>*{max-width:720px}
  .tool-monitor-cost .prose>.tbl{max-width:none}
  .tool-monitor-cost .prose>.tbl table{font-size:15px}
  .tool-monitor-cost .prose>.tbl th,.tool-monitor-cost .prose>.tbl td{padding:12px 14px}
  .tool-monitor-cost .prose>.tbl tbody th{width:22%}
}
.tool-monitor-cost .crumbs{margin-bottom:18px}

/* ---------- shell ---------- */
/* --muted darkened inside the tool only: the shared one is 3.96:1 on paper, this is 5.4:1 */
.mc{--muted:#76665A;--ring:0 0 0 1px var(--line);--shadow:0 0 0 1px var(--line),0 24px 50px -40px rgba(60,30,10,.5);
  display:grid;gap:18px;grid-template-columns:minmax(0,1fr);margin:32px 0 8px;font-size:16px;line-height:1.55;overflow-wrap:break-word}
.mc h2,.mc h3{margin:0}
.mc button,.mc select,.mc input{font:inherit;color:inherit}
.mc button{cursor:pointer}
.mc :focus-visible{outline:2px solid var(--caramel);outline-offset:2px}
.mc-i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}
.mc-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.mc-noscript{grid-column:1/-1;margin:0;padding:16px 20px;border-radius:18px;background:var(--cream);color:var(--ink2)}
.mc-card{background:var(--paper);border-radius:24px;box-shadow:var(--shadow)}
.mc-main{display:flex;flex-direction:column;gap:18px;min-width:0}

/* ---------- inputs ---------- */
.mc-side{padding:20px 18px 22px;display:flex;flex-direction:column;gap:22px}
.mc-k{display:block;margin:0 0 10px;padding:0;font:650 14.5px/1.3 var(--sans);color:var(--ink);letter-spacing:.005em}
.mc-presets .mc-k{font:600 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--caramel)}
.mc-chips{display:flex;flex-wrap:wrap;gap:8px}
.mc-chip{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;border:0;border-radius:99px;background:var(--cream);font:550 14.5px/1.25 var(--sans);text-align:left;transition:background .18s,box-shadow .18s,transform .18s}
.mc-chip:hover{box-shadow:inset 0 0 0 1px rgba(169,103,42,.35)}
.mc-chip:active{transform:scale(.98)}
.mc-pre[aria-pressed="true"]{background:var(--honey);box-shadow:0 8px 18px -10px rgba(169,103,42,.8)}
.mc-field{margin:0;padding:0;border:0;min-width:0}
.mc-field legend{padding:0;float:left;width:100%}
.mc-field legend+*{clear:both}
.mc-hint{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--muted)}
.mc-hint a{color:var(--caramel)}
.mc-camnote{padding:10px 12px;border-radius:14px;background:rgba(231,168,87,.13);color:var(--ink2)}

/* slider */
.mc-range{position:relative;padding-top:36px;--p:.5}
.mc-dout{position:absolute;top:0;left:calc(14px + (100% - 28px)*var(--p));transform:translateX(calc(var(--p)*-100%));font:500 30px/1 var(--serif);letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none}
.mc-range input{-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.mc-range input::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--honey) 0 calc(14px + (100% - 28px)*var(--p)),var(--cream) 0)}
.mc-range input::-moz-range-track{height:8px;border-radius:99px;background:var(--cream)}
.mc-range input::-moz-range-progress{height:8px;border-radius:99px;background:var(--honey)}
.mc-range input::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border-radius:50%;background:var(--paper);border:0;box-shadow:0 0 0 2px var(--caramel),0 6px 14px -4px rgba(120,60,20,.45);transition:transform .15s}
.mc-range input::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:var(--paper);border:0;box-shadow:0 0 0 2px var(--caramel),0 6px 14px -4px rgba(120,60,20,.45)}
.mc-range input:active::-webkit-slider-thumb{transform:scale(1.1)}
.mc-range input:focus-visible{outline:0}
.mc-range input:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 2px var(--caramel),0 0 0 6px rgba(231,168,87,.45)}
.mc-range input:focus-visible::-moz-range-thumb{box-shadow:0 0 0 2px var(--caramel),0 0 0 6px rgba(231,168,87,.45)}
.mc-ticks{display:flex;justify-content:space-between;padding:0 13px;margin-top:-4px}
.mc-ticks i{width:2px;height:7px;border-radius:1px;background:rgba(42,31,26,.16)}

/* switch */
.mc-switch{display:flex;align-items:center;gap:12px;margin-top:16px;min-height:44px;cursor:pointer;font-weight:600;font-size:15px}
.mc-switch input{position:absolute;opacity:0;width:1px;height:1px}
.mc-sw{position:relative;flex:none;width:48px;height:28px;border-radius:99px;background:rgba(42,31,26,.14);transition:background .2s}
.mc-sw::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--paper);box-shadow:0 2px 6px rgba(60,30,10,.25);transition:transform .2s}
.mc-switch input:checked+.mc-sw{background:var(--honey)}
.mc-switch input:checked+.mc-sw::after{transform:translateX(20px)}
.mc-switch input:focus-visible+.mc-sw{outline:2px solid var(--caramel);outline-offset:2px}
.mc-bhint{margin-top:2px}

/* segmented */
.mc-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:4px;border-radius:99px;background:var(--cream)}
.mc-seg label{position:relative;cursor:pointer}
.mc-seg input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.mc-seg span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 8px;border-radius:99px;font:600 14.5px/1.15 var(--sans);color:var(--ink2);text-align:center;transition:background .18s,box-shadow .18s,color .18s}
.mc-seg input:checked+span{background:var(--paper);color:var(--ink);box-shadow:0 1px 0 rgba(169,103,42,.12),0 6px 14px -6px rgba(169,103,42,.55)}
.mc-seg input:focus-visible+span{outline:2px solid var(--caramel);outline-offset:1px}
.mc-seg3 span{font-size:14px;white-space:nowrap}

/* select */
.mc-select{position:relative}
.mc-select::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;margin-top:-6px;border-right:2px solid var(--caramel);border-bottom:2px solid var(--caramel);transform:rotate(45deg);pointer-events:none}
.mc-select select{-webkit-appearance:none;appearance:none;width:100%;min-height:48px;padding:10px 40px 10px 16px;border-radius:16px;border:1px solid rgba(42,31,26,.14);background:var(--paper);font:500 16px/1.3 var(--sans);color:var(--ink);cursor:pointer;text-overflow:ellipsis}
.mc-select select:hover{border-color:rgba(169,103,42,.45)}

/* wants */
.mc-wants{display:flex;flex-direction:column;gap:8px}
.mc-want{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;align-items:center}
.mc-w{position:relative;display:flex;align-items:center;gap:11px;min-height:46px;padding:5px 14px 5px 6px;border-radius:99px;background:var(--cream);cursor:pointer;font:550 15px/1.25 var(--sans);transition:background .18s,box-shadow .18s}
.mc-w input{position:absolute;opacity:0;width:1px;height:1px}
.mc-wi{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--paper);color:var(--muted);transition:background .18s,color .18s}
.mc-wi .mc-i{width:19px;height:19px}
.mc-w::after{content:"";margin-left:auto;flex:none;width:9px;height:15px;border-right:2.4px solid transparent;border-bottom:2.4px solid transparent;transform:translateY(-2px) rotate(45deg);transition:border-color .18s}
.mc-w:has(input:checked){background:rgba(231,168,87,.2);box-shadow:inset 0 0 0 1px var(--caramel)}
.mc-w:has(input:checked) .mc-wi{background:var(--honey);color:var(--ink)}
.mc-w:has(input:checked)::after{border-color:var(--caramel)}
.mc-w:has(input:focus-visible){outline:2px solid var(--caramel);outline-offset:2px}
.mc-q{width:44px;height:44px;border-radius:50%;border:0;background:transparent;box-shadow:inset 0 0 0 1px rgba(42,31,26,.14);font:650 15px/1 var(--sans);color:var(--muted)}
.mc-q:hover,.mc-q[aria-expanded="true"]{background:var(--cream);color:var(--caramel)}
.mc-wq{grid-column:1/-1;margin:2px 4px 4px 14px;font-size:14.5px;line-height:1.45;color:var(--ink2)}

/* ---------- verdict ---------- */
.mc-verdict{position:relative;overflow:hidden;padding:28px 22px 22px}
.mc-verdict::before{content:"";position:absolute;inset:0 0 auto;height:6px;background:linear-gradient(90deg,var(--honey),var(--cream))}
.mc-eyebrow{margin:0 0 5px;font:600 12.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--caramel)}
.mc-vhead{display:flex;align-items:center;gap:12px}
.mc-vicon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:var(--cream);color:var(--caramel)}
.mc-vname{font:500 23px/1.15 var(--serif);letter-spacing:-.01em}
.mc-vtotal{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:16px 0 4px}
.mc-num{font:500 52px/1 var(--serif);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}
.mc-vover{font-size:16px;color:var(--ink2)}
.mc-vsub{margin:0 0 14px;font-size:15px;color:var(--ink2);font-variant-numeric:tabular-nums}
.mc-vwhy{margin:0 0 14px;font-size:16.5px;line-height:1.55;color:var(--ink)}
.mc-vwhy a,.mc-vcta a,.mc-catch a{color:var(--caramel)}
.mc-vpills{display:flex;flex-wrap:wrap;gap:10px 8px;margin:0 0 4px}
.mc-pill{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 11px;border:0;border-radius:99px;font:600 13px/1 var(--sans);white-space:nowrap}
.mc-pill b{font-weight:700}
.mc-ok{background:rgba(169,103,42,.11);color:var(--caramel)}
.mc-part{background:rgba(231,168,87,.26);color:var(--ink)}
.mc-no{background:rgba(42,31,26,.05);color:var(--muted)}
.mc-pill.mc-no span{text-decoration:line-through;text-decoration-thickness:1px}
button.mc-pill{position:relative;min-height:34px;transition:box-shadow .15s}
button.mc-pill::after{content:"";position:absolute;inset:-5px -3px}
button.mc-pill[aria-pressed="true"]{box-shadow:inset 0 0 0 1.5px currentColor}
.mc-vpnote{margin:8px 0 0;padding:10px 14px;border-radius:14px;background:var(--bg);font-size:14.5px;color:var(--ink2)}
.mc-vpnote b{color:var(--ink)}
.mc-vtail{display:grid;gap:12px;margin-top:14px}
.mc-vtail[hidden]{display:none}
.mc-catch{margin:0;padding:14px 16px;border-radius:16px;background:var(--cream)}
.mc-catch p{margin:0;font-size:15px;line-height:1.5;color:var(--ink2)}
.mc-catch .mc-catch-k{margin:0 0 4px;font:650 13px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--caramel)}

/* ---------- chart ---------- */
.mc-chartcard{margin:20px -6px 0;padding:18px 0 0;border-top:1px solid var(--line)}
.mc-h{font:500 22px/1.2 var(--serif)!important;letter-spacing:-.01em;margin:0 0 12px!important;padding:0 4px}
.mc-chartcard .mc-h{font:600 12.5px/1.2 var(--sans)!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--ink2);margin:0 0 6px!important;padding:0 6px}
.mc-plot{position:relative;min-height:230px;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.mc-plot svg{display:block;width:100%;height:auto;overflow:visible}
.mc-grid{stroke:rgba(42,31,26,.08);stroke-width:1}
.mc-ylab,.mc-xlab{font:500 12px var(--sans);fill:var(--muted);font-variant-numeric:tabular-nums}
.mc-xt{stroke:rgba(42,31,26,.2)}
.mc-area{fill:url(#mc-fade);stroke:none}
.mc-line{fill:none;stroke-width:2.25;stroke-linejoin:round;stroke-linecap:round}
.mc-line.mc-lm{stroke-width:3}
.mc-elab{font:650 12px var(--sans);font-variant-numeric:tabular-nums}
.mc-elv{font-weight:500;fill:var(--ink2)}
.mc-elm .mc-elv{fill:var(--caramel);font-weight:650}
.mc-b2{stroke:rgba(42,31,26,.35);stroke-width:1.2;stroke-dasharray:4 4}
.mc-b2l{fill:none;stroke:var(--ink2);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.mc-b2t{font:650 11px var(--sans);fill:var(--ink2)}
.mc-bdot{fill:var(--paper);stroke:var(--caramel);stroke-width:2.5}
.mc-rule{stroke:var(--ink);stroke-opacity:.3;stroke-width:1}
.mc-hit{fill:transparent;cursor:crosshair}
.mc-bpill{position:absolute;margin:0;padding:7px 13px;border-radius:99px;background:var(--paper);color:var(--caramel);font:650 13px/1.2 var(--sans);white-space:nowrap;box-shadow:0 0 0 1px rgba(169,103,42,.28),0 10px 22px -12px rgba(120,60,20,.55);pointer-events:none}
.mc-bpill .mc-bpi{display:none}
.mc-bpill.mc-bstatic{position:static;font-size:12.5px;display:flex;align-items:center;gap:7px;width:max-content;max-width:100%;margin:10px auto 2px;white-space:normal}
.mc-bpill.mc-bstatic .mc-bpi{display:block;width:15px;height:15px;transform:rotate(180deg)}
.mc-bpill.mc-in{animation:mc-pop .35s .3s both ease-out}
@keyframes mc-pop{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mc-tip{position:absolute;top:6px;z-index:2;min-width:150px;max-width:220px;padding:10px 12px;border-radius:14px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 16px 30px -16px rgba(60,30,10,.55);font-size:12.5px;line-height:1.35;pointer-events:none}
.mc-tip b{display:block;margin-bottom:6px;font-weight:650;color:var(--ink)}
.mc-tip span{display:flex;align-items:center;gap:7px;margin:3px 0;color:var(--ink2)}
.mc-tip i{width:9px;height:9px;border-radius:50%;flex:none}
.mc-tip em{margin-left:auto;padding-left:10px;font-style:normal;font-weight:650;color:var(--ink);font-variant-numeric:tabular-nums}

/* ---------- list ---------- */
.mc-listcard{padding:20px 14px 16px}
.mc-group{margin:16px 6px 8px;font:600 12.5px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--caramel)}
.mc-group.mc-g2{color:var(--ink2)}
.mc-h+.mc-group{margin-top:4px}
.mc-rows{display:flex;flex-direction:column;gap:8px}
.mc details.mc-row{border:0;border-radius:18px;background:rgba(245,232,214,.42);transition:background .2s}
.mc details.mc-row:last-child{border:0}
.mc details.mc-row.mc-mam{background:rgba(231,168,87,.15);box-shadow:inset 0 0 0 1px rgba(169,103,42,.22)}
.mc details.mc-row[open]{background:rgba(245,232,214,.7)}
.mc details.mc-row.mc-mam[open]{background:rgba(231,168,87,.2)}
.mc-row.mc-moved{animation:mc-slide .18s ease-out}
@keyframes mc-slide{from{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}
.mc .mc-row summary{display:grid;grid-template-columns:42px minmax(0,1fr) 22px;grid-template-areas:"icon main chev" ". total total" ". bar bar" ". sub sub" ". tags tags";gap:0 10px;align-items:center;padding:12px 12px 12px 10px;font:inherit;letter-spacing:0;cursor:pointer}
.mc .mc-row summary::after,.mc .mc-misses summary::after{content:none}
.mc-rank{grid-area:icon;align-self:start;justify-self:start;position:relative;z-index:1;margin:-4px 0 0 -4px;min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:var(--paper);box-shadow:0 0 0 1px var(--line);font:700 11px/19px var(--sans);text-align:center;color:var(--ink2);font-variant-numeric:tabular-nums}
.mc-ricon{grid-area:icon;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--paper);color:var(--ink2)}
.mc-mam .mc-ricon{color:var(--caramel)}
.mc-ricon .mc-i{width:21px;height:21px}
.mc-rmain{grid-area:main;display:flex;flex-direction:column;min-width:0}
.mc-rname{font:650 15.5px/1.25 var(--sans);color:var(--ink)}
.mc-rkind{font-size:13px;line-height:1.3;color:var(--muted)}
.mc-rtotal{grid-area:total;margin-top:6px;font:700 18px/1.1 var(--sans);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
.mc-rtotal i{font-style:normal;color:var(--caramel)}
.mc-mam .mc-rtotal{color:var(--caramel)}
.mc-rbar{grid-area:bar;height:6px;margin:7px 0 2px;border-radius:99px;background:rgba(42,31,26,.06);overflow:hidden}
.mc-rbar i{display:block;height:100%;border-radius:99px;background:rgba(91,75,65,.4);transition:width .3s ease-out}
.mc-mam .mc-rbar i{background:var(--caramel)}
.mc-rsub{grid-area:sub;margin-top:4px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.mc-rtags{grid-area:tags;display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.mc-rtags .mc-pill{min-height:25px;padding:0 9px;font-size:12px}
.mc-badge{display:inline-flex;align-items:center;min-height:25px;padding:0 9px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(42,31,26,.14);font:550 12px/1 var(--sans);color:var(--ink2);white-space:nowrap}
.mc-chev{grid-area:chev;align-self:start;margin-top:8px;color:var(--muted);transition:transform .2s}
.mc-chev .mc-i{width:20px;height:20px}
.mc-row[open] .mc-chev{transform:rotate(180deg)}
.mc-rmore{padding:0 16px 14px 62px;font-size:15px;line-height:1.5;color:var(--ink2)}
.mc details .mc-rmore p{margin:0 0 6px;color:var(--ink2)}
.mc-notes{list-style:none;margin:8px 0;padding:0}
.mc-notes li{margin:0 0 4px;padding-left:16px;position:relative;background:none}
.mc-notes li::before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:50%;background:currentColor}
.mc-notes li.mc-ok::before{background:var(--caramel)}.mc-notes li.mc-part::before{background:var(--honey)}.mc-notes li.mc-no::before{background:rgba(42,31,26,.25)}
.mc-notes li{color:var(--ink2)}
.mc-notes b{color:var(--ink);font-weight:650;margin-right:4px}
.mc-rlink{margin-top:8px!important}
.mc-rlink a{font-weight:600}
.mc-more{display:block;width:100%;min-height:46px;margin:10px 0 0;border:0;border-radius:99px;background:var(--cream);font:600 15px/1 var(--sans);color:var(--ink)}
.mc-more:hover{background:rgba(231,168,87,.3)}
.mc details.mc-misses{margin:14px 0 0;border:0;border-top:1px solid var(--line)}
.mc .mc-misses summary{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 6px 10px;font:600 15px/1.3 var(--sans);letter-spacing:0;color:var(--ink2)}
.mc .mc-misses summary::before{content:"";order:2;width:8px;height:8px;margin-right:6px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .2s}
.mc .mc-misses[open] summary::before{transform:rotate(225deg)}
.mc-misses ul{list-style:none;margin:0;padding:0}
.mc-mrow{position:relative;display:grid;grid-template-columns:34px minmax(0,1fr) auto 28px;gap:10px;align-items:center;margin:0;padding:9px 6px;border-top:1px solid var(--line)}
.mc-mrow>*{grid-area:auto}
.mc-mrow .mc-ricon{width:32px;height:32px;background:var(--bg);color:var(--muted)}
.mc-mrow .mc-ricon .mc-i{width:17px;height:17px}
.mc-mrow .mc-rname{font-size:14.5px;font-weight:600;color:var(--ink2)}
.mc-mwhy{font-size:13px;color:var(--muted)}
.mc-mtotal{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.mc-mlink{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;text-decoration:none;color:var(--caramel);font-weight:700}
.mc-mlink::after{content:"";position:absolute;inset:0}
.mc-mrow:has(.mc-mlink):hover{background:rgba(245,232,214,.45)}
.mc-mlink:hover{background:var(--cream)}
.mc-lfoot{margin:12px 6px 0}
.mc-lfoot p{margin:0 0 6px;font-size:13px;line-height:1.45;color:var(--muted)}
.mc-lfoot a{color:var(--caramel)}

/* ---------- share, foot ---------- */
.mc-share{display:flex;flex-wrap:wrap;gap:10px}
.mc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 22px;border:0;border-radius:99px;background:var(--ink);color:var(--paper)!important;font:600 15.5px/1 var(--sans)!important;transition:transform .18s}
.mc-btn:hover{transform:translateY(-1px)}
.mc-btn .mc-i{width:18px;height:18px}
.mc-btn.mc-ghost{background:var(--cream);color:var(--ink)!important}
.mc-foot{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}

/* ---------- phone mini-bar, toast ---------- */
.mc-bar{position:fixed;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:7px 8px 7px 18px;border:0;border-radius:99px;background:var(--paper);box-shadow:0 0 0 1px rgba(169,103,42,.22),0 14px 30px -12px rgba(120,60,20,.55);color:var(--ink);text-align:left;transform:translateY(calc(100% + 20px + env(safe-area-inset-bottom)));transition:transform .25s ease-out;font-variant-numeric:tabular-nums}
.mc-bar.on{transform:none}
.mc-bar.on.mc-bump{animation:mc-bump .4s ease-out}
@keyframes mc-bump{40%{transform:scale(1.025)}}
.mc-bar-t{display:flex;flex-direction:column;flex:1;min-width:0;white-space:nowrap}
.mc-bar-k{overflow:hidden;text-overflow:ellipsis;font:650 11px/1.4 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--caramel)}
.mc-bar-l{display:flex;align-items:baseline;gap:10px;min-width:0;font:650 15.5px/1.3 var(--sans)}
.mc-bar-n{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.mc-bar-l b{flex:none;font-size:16.5px;font-weight:750;color:var(--caramel)}
.mc-bar [data-i]{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:var(--honey)}
.mc-bar .mc-i{width:18px;height:18px}
.mc-toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:60;max-width:calc(100% - 32px);padding:14px 20px;border-radius:16px;background:var(--ink);color:var(--paper);font-size:15px;line-height:1.4;opacity:0;transform:translate(-50%,16px);transition:opacity .2s,transform .2s;pointer-events:none}
.mc-toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- phones: the tool starts on the first screen ---------- */
@media (max-width:599px){
  .tool-monitor-cost .crumbs{margin:22px 0 14px}
  .tool-monitor-cost .head h1{font-size:clamp(33px,9.4vw,40px)}
  .tool-monitor-cost .head .lede{font-size:17px;line-height:1.55;margin:14px 0 10px}
  .mc{margin-top:22px}
  .mc-side{gap:20px}
}
:lang(cs) .mc-k,:lang(cs) .mc-w,:lang(cs) .mc-vwhy,:lang(cs) .mc-catch p,:lang(cs) .mc-rmore{-webkit-hyphens:auto;hyphens:auto}

/* ---------- wider ---------- */
@media (min-width:600px){
  .mc-side{padding:24px 24px 26px}
  .mc-verdict{padding:32px 30px 28px}
  .mc-listcard{padding:24px 20px 20px}
  .mc .mc-row summary{grid-template-columns:42px minmax(0,1fr) auto 22px;grid-template-areas:"icon main total chev" "icon bar bar ." ". sub sub ." ". tags tags .";padding:12px 14px 12px 12px}
  .mc-rtotal{margin-top:0;text-align:right;font-size:18px}
  .mc-rbar{margin-top:9px}
}
@media (min-width:640px) and (max-width:959px){
  .mc-side{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"pre pre" "d p" "d s" "d c" "w w";gap:20px 28px;align-items:start}
  .mc-presets{grid-area:pre}.mc-f-d{grid-area:d}.mc-f-p{grid-area:p}.mc-f-s{grid-area:s}.mc-f-c{grid-area:c}.mc-f-w{grid-area:w}
  .mc-wants{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;align-items:start}
  .mc-bar{left:auto;width:min(440px,100% - 32px)}
}
@media (min-width:960px){
  .mc{grid-template-columns:380px minmax(0,1fr);align-items:start;gap:22px}
  .mc-side{gap:18px}
  .mc-num{font-size:64px}
  .mc-verdict{padding:28px 28px 24px}
  .mc-vtail:has(.mc-catch):has(.mc-vcta){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:stretch}
  .mc-vtail .mc-vcta,.mc-vtail .mc-catch{font-size:14.5px}
  .mc-vname{font-size:26px}
  .mc-bar{display:none}
}
@media (min-width:960px){
  .mc-side{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(169,103,42,.35) transparent}
  .mc-side::-webkit-scrollbar{width:8px}
  .mc-side::-webkit-scrollbar-thumb{background:rgba(169,103,42,.3);border-radius:8px;border:2px solid var(--paper)}
}
@media (max-width:440px){
  .mc-w{font-size:14.5px;gap:10px;padding-right:12px}
  .mc-w::after{display:none}
  .mc-rmore{padding:0 14px 14px 20px}
  .mc-seg3 span{font-size:13.5px;padding:0 4px}
}
@media (max-width:380px){
  .mc-chip{font-size:14px;padding:8px 13px}
  .mc-num{font-size:46px}
  .mc-seg3 span{font-size:13px;padding:0 4px}
}
@media (prefers-reduced-motion:reduce){
  .mc *,.mc *::before,.mc *::after{animation:none!important;transition:none!important}
}
.mc-bridge .bridge{margin:0}