#main .sr-city .sp-calc {--sp-panel:var(--sr-wash);--sp-result:var(--sr-link)}
#main .sr-city .sp-intro {margin:.5rem 0 .95rem}
#main .sr-city .sp-row {
  position:relative;min-width:0;margin:0;padding:.85rem 0 .65rem;border:0;
}
#main .sr-city .sp-row+.sp-row {margin-top:.5rem;border-top:1px solid var(--sr-line)}
#main .sr-city .sp-row legend {float:left;width:100%;padding:0;margin:0 0 .4rem;font-size:1rem;font-weight:700;color:var(--sr-ink)}
#main .sr-city .sp-fields {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem .85rem;clear:both;align-items:end}
#main .sr-city .sp-group {grid-column:1/-1}
#main .sr-city .sp-clocks {display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.3rem;align-items:end}
#main .sr-city .sp-clocks>span {line-height:44px;font-size:.85rem}
#main .sr-city .sp-row label {display:block;min-width:0;font-size:.86rem;font-weight:700;color:var(--sr-ink)}
#main .sr-city .sp-row :is(select,input) {
  display:block;width:100%;max-width:100%;min-width:0;min-height:44px;margin:.25rem 0 0;padding:.36rem .45rem;
  border:1px solid var(--sr-muted);border-radius:4px;background:var(--sr-paper);color:var(--sr-ink);font:inherit;font-size:1rem;font-weight:400;line-height:1.4;
}
#main .sr-city .sp-row :is(select,input):focus-visible,#main .sr-city .sp-calc button:focus-visible {outline:3px solid var(--sr-warm);outline-offset:2px}
#main .sr-city .sp-row input[aria-invalid=true],#main .sr-city .sp-row select[aria-invalid=true] {border-width:2px;border-style:dashed}
#main .sr-city .sp-count {display:flex;align-items:center;gap:.28rem}
#main .sr-city .sp-count input {width:3.4rem}
#main .sr-city .sp-calc .sp-next {max-width:19rem;margin-top:.5rem}
#main .sr-city .sp-row p {margin:.28rem 0 0;font-size:.82rem;color:var(--sr-muted)}
#main .sr-city .sp-row p:empty,#main .sr-city .sp-calc [hidden],#main .sr-city .sp-message:empty {display:none}
#main .sr-city .sp-calc button {min-height:44px;border:0;background:transparent;font:inherit;font-size:.9rem;text-decoration:underline;text-underline-offset:.2em;color:var(--sr-link)}
#main .sr-city button.sp-add {padding:.3rem .85rem;border:1px solid var(--sr-line);border-radius:4px;background:var(--sr-paper);text-decoration:none;font-weight:700}
#main .sr-city button.sp-remove {padding:0 .25rem;font-size:.8rem}
#main .sr-city .sp-result {display:grid;gap:.68rem 1.6rem;margin:1.1rem 0 .8rem;padding:1rem;background:var(--sp-panel);border-top:3px solid var(--sp-result);border-radius:3px}
#main .sr-city .sp-result h3 {margin:0;color:var(--sr-ink);font-size:1.13rem}
#main .sr-city .sp-headline small {margin-inline-start:.3rem;font-size:.78rem;font-weight:400;color:var(--sr-muted)}
#main .sr-city .sp-money {display:block;margin:.2rem 0;font-size:clamp(1.65rem,4.5cqw,2.4rem);line-height:1.35;color:var(--sp-result);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
#main .sr-city .sp-caveat,#main .sr-city .sp-message {font-size:.85rem;line-height:1.65;color:var(--sr-ink)}
#main .sr-city .sp-breakdown dl>div {display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;border-bottom:1px solid var(--sr-line);padding:.22rem 0;font-size:.87rem}
#main .sr-city .sp-breakdown dd {font-weight:700;margin:0}
#main .sr-city .sp-zero {display:flex;align-items:center;min-height:44px;gap:.42rem;font-size:.85rem;color:var(--sr-ink)}
#main .sr-city .sp-zero input {width:18px;height:18px;margin:0;flex:none;accent-color:var(--sr-link)}
#main .sr-city .sp-support {border-inline-start:3px solid var(--sr-warm);padding:.6rem .85rem;background:var(--sr-soft)}
#main .sr-city .sp-support h3 {font-size:.98rem;color:var(--sr-ink)}
#main .sr-city .sp-support p {margin:.2rem 0 0;font-size:.88rem;color:var(--sr-muted)}
@container nliveCity (min-width:570px) {
  #main .sr-city .sp-fields {grid-template-columns:minmax(10.5rem,1fr) minmax(13rem,1.15fr) minmax(4.5rem,.45fr);gap:.85rem}
  #main .sr-city .sp-group {grid-column:auto}
  #main .sr-city .sp-result {grid-template-columns:1.2fr 1fr}
  #main .sr-city .sp-message {grid-column:1/-1}
}
@container nliveCity (max-width:350px) {
  #main .sr-city .sp-fields {grid-template-columns:1fr}
  #main .sr-city .sp-group {grid-column:auto}
}