/* The app's own Recipe Formula Card, as its bake log draws it: every rule of the app's stylesheets that
   applies to an element of the card, as written, in the app's order. Generated by scripts/build-loaf-card.mjs
   from the app at 5bfca810 (built 2026-10-23T19:13:49.868Z). Never edit: re-run the script.
   :host carries the tokens those rules read, resolved for Flour Mode, and the text the card inherits in the app. */
:host{
  display:block;
  color:rgb(18, 27, 44);
  font-family:"Avenir Next", -apple-system, "system-ui", Inter, system-ui, sans-serif;
  font-size:16px;
  font-style:normal;
  font-weight:400;
  font-stretch:100%;
  font-variant-numeric:normal;
  font-feature-settings:normal;
  font-kerning:auto;
  line-height:25.6px;
  letter-spacing:normal;
  word-spacing:0px;
  text-align:start;
  text-transform:none;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  direction:ltr;
  white-space:normal;
  --text-primary:#121b2c;
  --font-size-xl:1.25rem;
  --duration-fast:.2s;
  --shape-lg:16px;
  --sd-surface:linear-gradient(180deg, #fdfaf4 0%, #faf5ea 100%);
  --sd-surface-edge:#e7dcc7;
  --sd-surface-top:inset 0 1px 0 rgb(255 255 255 / .55);
  --sd-elev-raised:0 1px 1.5px rgb(18 27 44 / .1), 0 3px 6px rgb(18 27 44 / .08), 0 8px 18px rgb(18 27 44 / .06);
  --role-primary:#79161a;
  --role-motion-emphasized-fast:.2s;
  --role-motion-emphasized:cubic-bezier(.23, 1, .32, 1);
  --shape-md:12px;
  --role-primary-container:rgba(121, 22, 26, .07);
  --role-primary-container-border:rgba(121, 22, 26, .14);
  --sd-elev-rest:0 1px 1.5px rgb(18 27 44 / .1), 0 3px 6px rgb(18 27 44 / .08);
  --space-sm:8px;
  --role-on-surface-variant:rgba(18, 27, 44, .74);
  --role-on-surface:#121b2c;
  --brand-cream:#cdc1ae;
  --shape-xs:4px;
  --shape-full:9999px;
  --sd-well-bg:#ece0cb;
  --sd-elev-well:inset 0 2px 4px rgb(18 27 44 / .14), inset 0 1px 2px rgb(18 27 44 / .1), inset 0 0 0 1px rgb(18 27 44 / .06);
  --text-secondary:#4b5563;
  --font-size-2xs:.6875rem;
  --duration-normal:.3s;
  --role-tertiary:#c4a75a;
  --brand-gold:#c4a75a;
  --brand-navy:#121b2c;
  --text-tertiary:rgba(18, 27, 44, .64);
  --shape-sm:8px;
  --sd-elev-pressed:inset 0 1px 0 rgb(18 27 44 / .32), inset 0 2px 3px rgb(18 27 44 / .12), inset 0 1px 2px rgb(18 27 44 / .08);
  --shape-input:14px;
  --space-xs:4px;
  --duration-instant:.1s;
  --sd-header-height:calc(max(0px, 10px) + 44px);
  --role-surface-container:#f5f2ed
}
*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
h3{font-weight:600;line-height:1.3;color:var(--text-primary)}
h3{font-size:var(--font-size-xl)}
button{font-family:inherit;font-size:inherit}
@media (prefers-reduced-motion:reduce){
*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media (prefers-reduced-transparency:reduce){
*,*:before,*:after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
}
button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease,opacity var(--duration-fast) ease;-webkit-tap-highlight-color:transparent}
.rfc-card{border-radius:var(--shape-lg);overflow:hidden;background-image:var(--sd-surface);border:1px solid var(--sd-surface-edge);box-shadow:var(--sd-surface-top),var(--sd-elev-raised)}
.rfc-card-body{padding:14px 16px 16px}
.pref-summary-toggle{display:flex;margin:-10px auto;width:44px;height:44px;background:none;border:none;box-shadow:none;color:var(--role-primary);align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.pref-summary-chevron{color:var(--role-primary, var(--role-primary));transition:transform var(--role-motion-emphasized-fast) var(--role-motion-emphasized)}
.step5-preferment-summary[data-pref-expanded=true] .pref-summary-chevron{transform:rotate(180deg)}
.preferment-formula-detail{display:grid;grid-template-rows:0fr;overflow:hidden;margin:0;transition:grid-template-rows var(--role-motion-emphasized-fast) var(--role-motion-emphasized),margin-bottom var(--role-motion-emphasized-fast) var(--role-motion-emphasized)}
.preferment-formula-detail[data-pref-expanded=true]{grid-template-rows:1fr;margin-bottom:14px}
.preferment-formula-detail-inner{min-height:0;overflow:hidden}
.preferment-formula-detail-content{padding:8px 14px 12px;background:var(--flcs-crimson-tint, color-mix(in srgb, var(--role-primary) 5%, transparent));border-left:1px solid var(--flcs-crimson-edge, color-mix(in srgb, var(--role-primary) 12%, transparent));border-right:1px solid var(--flcs-crimson-edge, color-mix(in srgb, var(--role-primary) 12%, transparent));border-bottom:1px solid var(--flcs-crimson-edge, color-mix(in srgb, var(--role-primary) 12%, transparent));border-radius:0 0 var(--shape-md) var(--shape-md)}
.step5-preferment-summary{transition:border-bottom-left-radius var(--role-motion-emphasized-fast) var(--role-motion-emphasized),border-bottom-right-radius var(--role-motion-emphasized-fast) var(--role-motion-emphasized),margin-bottom var(--role-motion-emphasized-fast) var(--role-motion-emphasized)}
.step5-preferment-summary[data-pref-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-bottom:0}
.rfc-card .step5-preferment-summary{border-radius:var(--shape-md)}
.rfc-card .step5-preferment-summary[data-pref-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}
.preferment-formula-card--inline{background:transparent;border:none;border-radius:0;padding:0;margin:0}
@media (prefers-reduced-motion:reduce){
.step5-preferment-summary,.step5-preferment-summary .pref-summary-chevron,.preferment-formula-detail{transition:none}
}
.rfc-timeline{background:var(--role-primary-container);border:1px solid var(--role-primary-container-border, color-mix(in srgb, var(--role-primary) 14%, transparent));border-radius:var(--shape-md);padding:12px 16px 10px;margin-bottom:12px;box-shadow:var(--sd-surface-top),var(--sd-elev-rest)}
.rfc-time-header{display:grid;grid-template-columns:auto 1fr auto;gap:var(--space-sm)}
.rfc-timeline{container-type:inline-size}
.rfc-time-stat{text-align:left;min-width:0}
.rfc-time-stat:nth-child(2){text-align:center}
.rfc-time-stat:last-child{text-align:right}
.rfc-time-label{font-size:.625rem;font-weight:700;color:var(--role-on-surface-variant);text-transform:uppercase;letter-spacing:.08em}
.rfc-time-stat:first-child .rfc-time-value{font-size:clamp(1rem,6.5cqw,1.5rem);font-weight:900;color:var(--role-primary);line-height:1.1;white-space:nowrap}
.rfc-time-value{font-size:clamp(.8125rem,4.6cqw,1.125rem);font-weight:800;color:var(--role-on-surface);line-height:1.3;font-feature-settings:"tnum";margin-top:2px;white-space:nowrap}
.rfc-timeline-toggle{display:flex;margin:-10px auto;width:44px;height:44px;background:none;border:none;box-shadow:none;color:var(--role-primary);align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}
.rfc-timeline-chevron{transition:transform var(--role-motion-emphasized-fast) var(--role-motion-emphasized)}
.rfc-timeline[data-expanded=true] .rfc-timeline-chevron{transform:rotate(180deg)}
.rfc-timeline-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--role-motion-emphasized-fast) var(--role-motion-emphasized),margin-top var(--role-motion-emphasized-fast) var(--role-motion-emphasized);overflow:hidden}
.rfc-timeline[data-expanded=true] .rfc-timeline-detail{grid-template-rows:1fr;margin-top:14px}
.rfc-timeline-detail-inner{min-height:0;overflow:hidden}
@media (prefers-reduced-motion:reduce){
.rfc-timeline-detail,.rfc-timeline-chevron{transition:none}
}
.rfc-timeline-bar{display:flex;gap:2px;background:var(--brand-cream, rgba(245, 240, 232, .92));border-radius:var(--shape-xs);overflow:hidden;height:10px;margin-bottom:10px}
.rfc-bar-segment{height:100%;min-width:6px;position:relative}
.rfc-bar-fold{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;border-radius:var(--shape-full);pointer-events:none}
.rfc-bar-segment:first-child{border-radius:var(--shape-xs) 0 0 var(--shape-xs)}
.rfc-bar-segment:last-child{border-radius:0 var(--shape-xs) var(--shape-xs) 0}
.rfc-timeline-legend{display:flex;flex-wrap:wrap;gap:6px 10px}
.rfc-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:.6875rem;color:var(--role-on-surface);font-weight:600;white-space:nowrap;letter-spacing:-.005em}
.rfc-legend-item--bulk{flex-wrap:wrap;white-space:normal;gap:2px 8px}
.rfc-legend-part{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}
.rfc-legend-part--within{color:var(--role-on-surface-variant, var(--role-on-surface));font-weight:500}
.rfc-legend-dot{width:7px;height:7px;border-radius:var(--shape-full);display:inline-block;flex-shrink:0}
.rfc-card [style*="background: color-mix(in srgb, var(--role-primary) 4%, transparent)"]{background:var(--sd-well-bg)!important;box-shadow:var(--sd-elev-well)}
.rfc-time-note{margin-top:var(--space-sm);color:var(--text-secondary);font-size:var(--font-size-2xs);line-height:1.4;text-align:center}
.recipe-name-banner{display:flex;align-items:center;gap:10px;padding:14px 18px 12px;background:linear-gradient(180deg,rgba(201,168,76,.1),transparent);border:none;border-radius:0;margin:0;animation:bannerFadeIn var(--duration-normal) ease-out}
.recipe-name-banner-text{flex:1;min-width:0}
.recipe-name-banner-eyebrow{font-size:.625rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--role-tertiary, var(--brand-gold, var(--brand-gold)));margin-bottom:2px}
.recipe-name-banner-title{font-size:1.125rem;font-weight:900;color:var(--role-on-surface, var(--text-primary, var(--brand-navy)));letter-spacing:-.015em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recipe-name-banner-meta{font-size:.6875rem;color:var(--text-secondary, #6b7280);display:flex;align-items:center;gap:6px;margin-top:2px;flex-wrap:wrap}
.recipe-name-banner-meta .dot{width:3px;height:3px;background:var(--text-tertiary, #9ca3af);border-radius:50%;display:inline-block;flex-shrink:0}
@media (prefers-reduced-motion:reduce){
.recipe-name-banner{animation:none}
}
.preferment-formula-card{background:linear-gradient(135deg,color-mix(in srgb,var(--role-primary) 8%,transparent),color-mix(in srgb,var(--role-primary) 4%,transparent));border:1px solid color-mix(in srgb,var(--role-primary) 12%,transparent);border-radius:var(--shape-md);padding:14px 16px;margin-bottom:14px}
.step5-preferment-summary{display:flex;flex-direction:column;width:100%;padding:12px 16px 8px;background-image:var(--sd-surface);border:1px solid var(--sd-surface-edge);box-shadow:var(--sd-surface-top),var(--sd-elev-rest);border-radius:var(--shape-sm);cursor:pointer;margin-bottom:8px;font-family:inherit;-webkit-tap-highlight-color:transparent}
.step5-preferment-summary:active{box-shadow:var(--sd-surface-top),var(--sd-elev-pressed)}
.pref-summary-header{display:flex;align-items:center;gap:12px;width:100%}
.pref-summary-label{font-weight:600;font-size:.8125rem;color:var(--text-primary, var(--brand-navy));flex:1;min-width:min-content}
.pref-summary-meta{font-size:.75rem;color:var(--text-tertiary, #889)}
.pref-summary-weight{font-weight:700;font-size:.8125rem;color:var(--role-primary)}
.preferment-formula-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--role-primary) 7%,transparent);font-size:.8125rem}
.preferment-formula-row-name{font-weight:600;color:var(--text-primary)}
.preferment-formula-row-amount{font-weight:800;color:var(--text-primary);font-feature-settings:"tnum"}
.preferment-formula-total{display:flex;justify-content:space-between;padding:8px 0 0;border-top:1px solid color-mix(in srgb,var(--role-primary) 18%,transparent);margin-top:4px}
.preferment-formula-total-name{font-size:.8125rem;font-weight:800;color:var(--role-primary)}
.preferment-formula-total-amount{font-size:.875rem;font-weight:900;color:var(--role-primary);font-feature-settings:"tnum"}
.preferment-formula-meta{display:flex;gap:24px;margin-top:12px;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--role-primary) 8%,transparent)}
.preferment-formula-meta-label{font-size:.5625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--role-primary);opacity:.6}
.preferment-formula-meta-value{font-size:.8125rem;font-weight:700;color:var(--role-primary);margin-top:2px}
.preferment-step-num{width:20px;height:20px;border-radius:50%;background:color-mix(in srgb,var(--role-primary) 10%,transparent);display:inline-flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:800;color:var(--role-primary);flex-shrink:0}
.recipe-table-v2{background-image:var(--sd-surface);border:1px solid var(--sd-surface-edge);border-radius:var(--shape-input);overflow:hidden;box-shadow:var(--sd-surface-top),var(--sd-elev-raised);margin-bottom:12px}
.recipe-table-v2-header{display:grid;grid-template-columns:minmax(0,1fr) 60px 56px 68px;column-gap:var(--space-xs);padding:8px 12px;background:color-mix(in srgb,var(--role-primary) 6%,transparent);border-bottom:2px solid color-mix(in srgb,var(--role-primary) 12%,transparent)}
.recipe-table-v2-header span{font-size:.6875rem;font-weight:700;color:var(--role-primary);text-transform:uppercase;letter-spacing:.3px}
.recipe-table-v2-row{display:grid;grid-template-columns:minmax(0,1fr) 60px 56px 68px;column-gap:var(--space-xs);padding:8px 12px;border-bottom:1px solid var(--sd-surface-edge);font-size:.8125rem;transition:background-color var(--duration-instant) ease}
.recipe-table-v2-row:nth-child(2n){background:#ebe4d840}
.recipe-table-v2-row span:first-child{font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recipe-table-v2-row span:not(:first-child){font-feature-settings:"tnum";color:var(--text-secondary);text-align:right}
.recipe-table-v2-row span:last-child{color:#059669}
.recipe-table-v2-total{display:grid;grid-template-columns:minmax(0,1fr) 60px 56px 68px;column-gap:var(--space-xs);padding:10px 12px;background:color-mix(in srgb,var(--role-primary) 6%,transparent);border-top:2px solid color-mix(in srgb,var(--role-primary) 15%,transparent);font-weight:800;font-size:.9375rem}
.recipe-table-v2-total span{font-size:.8125rem;color:var(--role-primary)}
.recipe-table-v2-total span:not(:first-child){font-feature-settings:"tnum";text-align:right}
@supports (overflow: clip){
.recipe-table-v2{overflow:clip}
.recipe-table-v2-header{position:sticky;top:var(--rtv2-sticky-top, var(--sd-header-height));z-index:2;background:linear-gradient(color-mix(in srgb,var(--role-primary) 6%,transparent),color-mix(in srgb,var(--role-primary) 6%,transparent)),var(--sd-surface)}
}
@media (max-width:480px){
.recipe-table-v2-header,.recipe-table-v2-row,.recipe-table-v2-total{grid-template-columns:minmax(0,1fr) 54px 48px 68px;padding:6px 10px}
}
.sd2-formula-card{margin:12px 0;width:100%;max-width:100%;min-width:0;box-sizing:border-box}
.sd2-formula-card .rfc-card{width:100%;max-width:100%;box-sizing:border-box}
.rfc-card .recipe-name-banner{display:none}
.rfc-card .recipe-name-banner{display:flex}
.rfc-card .recipe-table-v2{background:transparent;border:none;box-shadow:none;margin-bottom:8px}
.rfc-card .recipe-table-v2-header{padding:6px 2px;background:transparent;border-bottom:1px solid var(--flcs-line-soft, color-mix(in srgb, var(--role-primary) 8%, transparent))}
.rfc-card .recipe-table-v2-row{padding:9px 2px;border-bottom:1px solid var(--flcs-line-soft, color-mix(in srgb, var(--role-primary) 8%, transparent))}
.rfc-card .recipe-table-v2-row:nth-child(2n){background:var(--role-surface-container)}
.rfc-card .recipe-table-v2-total{padding:9px 2px;background:transparent;border-top:1px solid var(--flcs-line, color-mix(in srgb, var(--role-primary) 16%, transparent))}
.rfc-card .recipe-table-v2-row span:last-child{color:#16a34a;font-weight:600}
.rfc-card .recipe-table-v2-total span:last-child{color:#16a34a}
.rfc-card .step5-preferment-summary{background:var(--flcs-crimson-tint, var(--role-primary-container));border-color:var(--flcs-crimson-edge, var(--role-primary-container-border))}
@keyframes bannerFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}