/* /recipe-scaler/ page styles. Built from /assets/polyatic.css tokens only (no new colours or fonts). */
.nojs{margin:1.25rem 0 0;padding:0.875rem 1rem;border:1px solid var(--line);border-left:0.25rem solid var(--accent);border-radius:0.625rem;background:var(--surface);color:var(--ink);font-size:0.9375rem;line-height:1.6}
.rs-head .sub{margin-bottom:1rem}
@media(max-width:520px){.rs-head h1{font-size:1.625rem;margin-bottom:0.25rem}.rs-head .sub{font-size:0.9375rem;margin-bottom:0.75rem}}

.rs-duo{display:grid;gap:1rem;align-items:start}
@media(min-width:920px){.rs-duo{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1.5rem}.rs-result{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow:auto}}
.rs-left{display:grid;gap:1rem;min-width:0}
.rs-input,.rs-scale,.rs-result{display:grid;gap:0.875rem;align-content:start;min-width:0}
@media(max-width:520px){.rs-input,.rs-scale,.rs-result{padding:0.875rem}}
.rs-bhead{display:flex;align-items:baseline;justify-content:space-between;gap:0.5rem;flex-wrap:wrap}
.rs-bhead .k,.rs-save>.k,.rs-pan>.k,.rs-panu .k{margin:0;font-family:var(--mono);font-size:0.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.rs-help{margin:0;font-size:0.8125rem;line-height:1.5;color:var(--muted)}
.rs-flex{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}
.rs-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem}
#recipe{width:100%;min-height:11rem;font-family:var(--mono);font-size:0.875rem;line-height:1.55;resize:vertical}
@media(min-width:920px){#recipe{min-height:16rem}}

.rs-modes{margin:0}
.rs-block{display:grid;gap:0.625rem;min-width:0}
.rs-block[hidden]{display:none}
.rs-quick{display:flex;flex-wrap:wrap;gap:0.375rem}
.rs-quick .chip{padding:0.375rem 0.75rem;font-family:var(--mono)}
.rs-pan{display:grid;grid-template-columns:6.5rem minmax(0,1fr) minmax(0,4.5rem) auto minmax(0,4.5rem);gap:0.375rem;align-items:center}
@media(max-width:420px){.rs-pan{grid-template-columns:minmax(0,1fr) minmax(0,3.75rem) auto minmax(0,3.75rem)}.rs-pan>.k{grid-column:1/-1}}
.rs-pan input{text-align:right;font-family:var(--mono);padding-left:0.5rem;padding-right:0.5rem}
.rs-pan select{padding-left:0.5rem}
.rs-pan [hidden]{visibility:hidden;display:block}
.rs-x{color:var(--muted);text-align:center}
.rs-panu select{width:auto}
.rs-factor{display:flex;flex-wrap:wrap;align-items:baseline;gap:0.125rem 0.5rem;margin:0;font-family:var(--mono);font-size:1.375rem;font-weight:600;color:var(--ink)}
.rs-factor small{font-size:0.8125rem;font-weight:400;color:var(--muted)}
.rs-opts{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;padding-top:0.75rem;border-top:1px solid var(--line)}
.rs-opts .field{margin:0}
.rs-grams{grid-column:1/-1;font-size:0.875rem}
@media(max-width:360px){.rs-opts{grid-template-columns:1fr}}

/* result */
.rs-empty{margin:0;padding:1.25rem 1rem;border:1px dashed var(--line-2);border-radius:0.625rem;text-align:center;color:var(--muted);font-size:0.9375rem}
.rs-empty[hidden]{display:none}
.rs-out{list-style:none;margin:0;padding:0;display:grid;gap:0.125rem}
.rs-actions{display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}
.rs-out .rs-row{display:block;padding:0.375rem 0.5rem;border-left:0.1875rem solid transparent;border-radius:0.25rem;font-size:0.9375rem;line-height:1.5}
.rs-out .rs-row[data-kind="blank"]{min-height:0.75rem;padding:0}
.rs-out .rs-row[data-kind="ingredient"],.rs-out .rs-row[data-kind="yield"]{border-left-color:var(--accent)}
.rs-out .rs-row[data-kind="step-temp"]{border-left-color:var(--warn);background:var(--surface-2)}
.rs-out .rs-row[data-kind="none"],.rs-out .rs-row[data-kind="step"]{color:var(--ink-2)}
.rs-text{overflow-wrap:anywhere;white-space:pre-wrap}
.rs-chg{font-weight:700;color:var(--ink);background:var(--accent-soft);border-radius:0.1875rem;padding:0 0.125rem}
.rs-tag{display:block;margin-top:0.125rem;font-family:var(--mono);font-size:0.6875rem;letter-spacing:.02em;color:var(--muted)}
.rs-row.is-grams .rs-tag{color:var(--ok)}
.rs-row.no-grams .rs-tag,.rs-row[data-kind="step-temp"] .rs-tag{color:var(--warn)}
.rs-note{display:block;margin-top:0.25rem;padding:0.375rem 0.5rem;border-radius:0.25rem;background:var(--surface-2);font-size:0.8125rem;color:var(--ink-2)}
.rs-notes{margin:0;padding:0 0 0 1.125rem;font-size:0.875rem;line-height:1.5;color:var(--ink-2)}
.rs-notes[hidden]{display:none}
.rs-save{display:grid;gap:0.625rem;padding-top:0.875rem;border-top:1px solid var(--line)}
.rs-save .rs-flex input{flex:1;min-width:0}
.rs-saved{list-style:none;margin:0;padding:0;display:grid;gap:0.375rem}
.rs-saved li{display:flex;gap:0.375rem;align-items:center;min-width:0}
.rs-saved .rs-load{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rs-del{flex:none;width:2.25rem;height:2.25rem;border:0;background:transparent;color:var(--muted);font-size:1.25rem;border-radius:0.375rem;cursor:pointer}
.rs-del:hover{color:var(--bad);background:var(--surface-2)}
.rs-savefoot{justify-content:space-between}

/* explainer tables */
.rs-tablewrap{overflow-x:auto}
.rs-foods,.rs-pans{width:100%;border-collapse:collapse;font-size:0.875rem}
.rs-foods caption{caption-side:bottom;text-align:left;padding-top:0.5rem;font-size:0.75rem;color:var(--muted)}
.rs-foods th,.rs-foods td,.rs-pans th,.rs-pans td{padding:0.375rem 0.5rem;border-bottom:1px solid var(--line);text-align:left}
.rs-foods .num,.rs-pans .num{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}

@media print{
  .brand,.skip-link,.rs-left,.explainer-row,footer.site,.rs-actions,.rs-save,.tool-head .sub{display:none!important}
  .rs-duo{display:block}
  .rs-result{position:static;max-height:none;overflow:visible;box-shadow:none;border:0;padding:0}
  .rs-tag{display:none}
  .rs-chg{background:none;padding:0}
  .rs-out .rs-row{border-left:0;background:none;padding:0.125rem 0}
}