/* Recipe Scaler. Inherits site tokens and protein.css (trail, pwrap). */
.sc-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;margin-top:14px}
.sc-lab{display:block;font-weight:600;margin-bottom:6px}
#src{width:100%;box-sizing:border-box;font:inherit;font-size:.95rem;line-height:1.45;padding:10px;
  border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:6px;background:transparent;color:inherit;resize:vertical}
.sc-hint,.sc-note{font-size:.8rem;opacity:.7;margin:6px 0 0}
.sc-ctl fieldset{border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:6px;padding:10px 12px;margin:0 0 12px}
.sc-ctl legend{font-weight:600;padding:0 4px}
.sc-row{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:6px 0}
.sc-row input[type=text],.sc-row select{font:inherit;padding:4px 6px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);
  border-radius:4px;background:transparent;color:inherit}
.sc-row select option{color:#000}
.sc-chips{display:flex;flex-wrap:wrap;gap:6px}
.sc-chips button,.sc-chip{font:inherit;font-size:.85rem;padding:3px 10px;border-radius:14px;cursor:pointer;background:transparent;color:inherit;
  border:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.sc-chips button[aria-pressed=true]{border-color:currentColor;font-weight:600}
.sc-inline{display:flex;gap:6px;align-items:center}
.sc-out{margin-top:26px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-top:10px}
.sc-outhead{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.sc-outhead h2{margin:0}
#out{margin-top:8px}
.sc-line{margin:0;padding:5px 0;line-height:1.45;border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)}
.sc-line.ing b{font-variant-numeric:tabular-nums}
.sc-line.text{opacity:.9}
.sc-was{font-size:.75rem;opacity:.55;margin-left:8px}
.sc-wt{font-size:.8rem;margin-left:8px;opacity:.85}
.sc-wt a{font-size:.7rem;opacity:.7}
.sc-flag{font-size:.75rem;opacity:.75;margin-left:8px;font-style:italic}
.sc-empty{opacity:.6}
.sc-more{margin-top:26px;font-size:.9rem}
@media (max-width:760px){.sc-grid{grid-template-columns:1fr}}
.sc-row[hidden]{display:none}
/* substitutions */
.sc-subs{margin-top:22px}
#subq{font:inherit;width:100%;max-width:420px;box-sizing:border-box;padding:6px 8px;border-radius:6px;background:transparent;color:inherit;
  border:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.sc-swap{font:inherit;font-size:.72rem;margin-left:10px;padding:1px 8px;border-radius:10px;cursor:pointer;background:transparent;color:inherit;
  border:1px solid color-mix(in srgb,currentColor 35%,transparent)}
.sc-sublists{margin:4px 0 8px 14px}
.sc-sublist{margin:8px 0}
.sc-subfor{margin:0 0 2px;font-size:.85rem;opacity:.75}
.sc-sublist ul{margin:0;padding-left:18px}
.sc-sublist li{margin:3px 0;line-height:1.4}
.sc-subnote{opacity:.85}
.sc-subsrc{display:block;font-size:.74rem;opacity:.65}
.sc-subsrc a{color:inherit}
.sc-no{opacity:.85}.sc-notag{font-size:.78rem;font-weight:600}
.sc-use,.sc-undo{font:inherit;font-size:.72rem;margin-left:8px;padding:1px 8px;border-radius:10px;cursor:pointer;background:transparent;color:inherit;border:1px solid currentColor}
.sc-allergy{font-size:.76rem;opacity:.75;margin:4px 0 0}
.sc-line.swapped b{text-decoration:underline dotted}
.sc-set{font:inherit;font-size:.72rem;margin-left:8px;padding:1px 8px;border-radius:10px;cursor:pointer;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 35%,transparent)}
.sc-setbox{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;margin-left:8px;font-size:.85rem}
.sc-setbox input,.sc-setbox select{font:inherit;padding:2px 5px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:4px;background:transparent;color:inherit}
.sc-setbox select option{color:#000}
.sc-acts{display:flex;gap:12px;flex-wrap:wrap}
.sc-namerow{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin-top:8px}
#rname{font:inherit;padding:5px 8px;min-width:240px;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:6px;background:transparent;color:inherit}
.sc-saved select{font:inherit;padding:3px 6px;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 30%,transparent);border-radius:4px}
.sc-saved select option{color:#000}
.sc-pname{display:none}
/* print: the recipe alone, as it stands */
@media print{
  body>*:not(main){display:none !important}
  main>*:not(.sc-out){display:none !important}
  .sc-out{border:0;margin:0;padding:0}
  .sc-acts,.sc-namerow,.sc-was,.sc-swap,.sc-set,.sc-setbox,.sc-undo,.sc-sublists,.sc-allergy,.sc-flag{display:none !important}
  .sc-pname{display:block;font-size:1.6rem;font-weight:700;margin:0 0 4px}
  .sc-pname:empty{display:none}
  .sc-line{border:0;padding:2px 0}
  .sc-wt a{text-decoration:none}
}
.sc-warn{font-weight:700;font-size:.8rem}
.sc-moreread{font-size:.85rem;margin:6px 0 0}
/* flavor profile (js/profile.js) */
.sc-profile{margin-top:26px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-top:10px}
.pf-method{font-size:.82rem}
.pf-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:10px;border-radius:8px;overflow:hidden;
  border:1px solid color-mix(in srgb,currentColor 18%,transparent)}
.pf-col{padding:8px 10px;min-height:70px;border-left:1px solid color-mix(in srgb,currentColor 12%,transparent)}
.pf-col:first-child{border-left:0}
.pf-col:nth-child(1){background:color-mix(in srgb,#e8b400 14%,transparent)}
.pf-col:nth-child(2){background:color-mix(in srgb,#5aa05a 12%,transparent)}
.pf-col:nth-child(3){background:color-mix(in srgb,#8a4b2a 14%,transparent)}
.pf-col:nth-child(4){background:color-mix(in srgb,#6b5b95 12%,transparent)}
.pf-head{display:block;font-weight:700;font-size:.85rem;margin-bottom:6px;cursor:help}
.pf-round .pf-head{display:inline;margin-right:8px}
.pf-chips{display:flex;flex-wrap:wrap;gap:4px}
.pf-chip{font-size:.8rem;padding:1px 8px;border-radius:10px;border:1px solid color-mix(in srgb,currentColor 40%,transparent);cursor:help;margin-right:4px}
.pf-hedge{border-style:dashed;opacity:.8}
.pf-swap{text-decoration:underline dotted}
.pf-none{font-size:.78rem;opacity:.55;font-style:italic}
.pf-gap{background:transparent !important}
.pf-round{margin-top:6px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent)}
.pf-depth{margin:8px 0 0;font-weight:600;font-size:.9rem}
.pf-unplaced{margin:4px 0 0;font-size:.78rem;opacity:.65}
@media (max-width:760px){.pf-strip{grid-template-columns:1fr 1fr}}
@media print{.sc-profile{display:none !important}}
/* build from notes (js/builder.js) */
.sc-builder{margin-top:26px;border-top:1px solid color-mix(in srgb,currentColor 18%,transparent);padding-top:10px}
.sc-builder summary{cursor:pointer;list-style:revert}
.sc-builder summary h2{display:inline;margin:0}
.bd-ctl{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin:8px 0;font-size:.9rem}
#bdq{font:inherit;padding:4px 8px;min-width:220px;border-radius:6px;background:transparent;color:inherit;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}
.fp-chips{display:flex;flex-wrap:wrap;gap:6px}
.fp-chip{font:inherit;font-size:.85rem;padding:2px 10px;border-radius:14px;cursor:pointer;background:transparent;color:inherit;border:1px solid currentColor;font-weight:600}
.fp-chip::after{content:"  d7";opacity:.6}
.bd-rows{list-style:none;margin:10px 0 0;padding:0}
.bd-rows li{padding:6px 0;border-bottom:1px dashed color-mix(in srgb,currentColor 10%,transparent)}
.bd-note{display:inline-block;min-width:110px}
.bd-pick{font-weight:700;padding:1px 8px;border-radius:10px;border:1px solid currentColor}
.bd-have,.bd-why{font-size:.8rem;opacity:.7}
.bd-alts{font-size:.8rem;opacity:.85}
.bd-alt{font:inherit;font-size:.8rem;background:none;border:0;color:inherit;text-decoration:underline dotted;cursor:pointer;padding:0 4px}
.bd-acts{margin:10px 0}
.bd-rh{font-size:1rem;margin:14px 0 4px}
.bd-recipes{margin:0;padding-left:18px}
@media print{.sc-builder{display:none !important}}
.bd-says{display:block;font-size:.8rem;font-style:italic;opacity:.8;margin-left:110px}
.pf-methods{margin:8px 0}
.pf-mhead{font-size:.82rem;opacity:.8;margin:0 0 4px}
.pf-mrow{display:block;font-size:.88rem;margin:3px 0}
.pf-msay{font-size:.78rem;font-style:italic;opacity:.75}
