.bread-panel{border:1px solid #d9dfd8;border-radius:16px;padding:20px;margin:20px 0;background:#fbfaf6;color:#20372d}.bread-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bread-stats>div{padding:16px;background:#eaf0e8;border-radius:12px}.bread-stats strong,.bread-stats small{display:block}.bread-stats strong{font-size:24px}.bread-stage{border-top:1px solid #d6dfd5;padding:18px 0}.bread-panel label{display:block;margin:10px 0}.bread-panel input,.bread-panel textarea,.bread-panel select{box-sizing:border-box;width:100%;padding:10px;border:1px solid #b6c6bc;border-radius:8px;font:inherit;background:white;color:#173d2d}.bread-panel table{width:100%;border-collapse:collapse;table-layout:fixed}.bread-panel td,.bread-panel th{text-align:left;padding:6px;overflow-wrap:anywhere}.bread-panel td label{font-size:12px}.bread-panel button,.bread-kitchen button{min-height:48px;padding:10px 18px;border:1px solid #9caf9f;border-radius:10px;background:#e5eee4;color:#173d2d;font:inherit;cursor:pointer}.bread-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.bread-hint,.bread-transfer{color:#526759;font-size:14px}.bread-error{color:#a22323}.bread-kitchen{box-sizing:border-box;width:min(1000px,96vw);max-height:94vh;padding:30px;border:0;border-radius:20px;background:#fbfaf6;color:#20372d}.bread-kitchen::backdrop{background:#14241ad9}.bread-kitchen h2{font-size:36px}.bread-kitchen-body{font-size:26px;line-height:1.45}.bread-target{display:block;font-size:76px}.bread-kitchen input{font:inherit;font-size:30px;padding:14px;width:200px;display:block}.bread-kitchen button:disabled{opacity:.4;cursor:default}.bread-eyebrow{letter-spacing:.12em;font-weight:700;color:#56705f}@media(max-width:600px){.bread-panel{padding:12px}.bread-stats{grid-template-columns:1fr}.bread-panel table{font-size:13px}.bread-kitchen h2{font-size:28px}.bread-kitchen-body{font-size:22px}}

.bread-sheet{padding:28px 32px;background:#fff;border-radius:3px;max-width:840px;margin:20px auto;font-size:14px;line-height:1.5}.bread-sheet-title{text-align:center;border-bottom:1px solid #bbb;padding:0 0 20px}.bread-sheet-title h2{font-size:25px;line-height:1.25;text-transform:uppercase;color:#7e203f;margin:12px auto;max-width:650px}.bread-sheet-title p{margin:0}.bread-sheet-title small{letter-spacing:.1em}.bread-sheet-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;text-align:center;padding:20px 0;border-bottom:1px solid #bbb;margin-bottom:24px}.bread-sheet-facts small,.bread-sheet-facts strong{display:block}.bread-sheet-facts small{text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin-bottom:7px}.bread-sheet-facts strong{font-size:13px;font-weight:500}.bread-sheet-columns{display:grid;grid-template-columns:240px minmax(0,1fr);gap:36px}.bread-sheet h3{font-size:14px;color:#7e203f;text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px}.bread-sheet h4{font-size:12px;margin:18px 0 7px;text-transform:uppercase}.bread-sheet-ingredients{background:#eeecec;padding:22px}.bread-sheet dl{display:grid;grid-template-columns:55px 1fr;gap:4px 8px;margin:0}.bread-sheet dt,.bread-sheet dd{margin:0;font-size:12px}.bread-sheet-info{margin-top:28px;padding:0 12px}.bread-sheet-info p{font-size:12px;border-bottom:1px solid #ccc;padding-bottom:10px}.bread-sheet-method section{margin-bottom:24px;max-width:55ch}.bread-sheet-method p{margin:7px 0;line-height:1.45}.bread-sheet-method small{color:#6c6264}.bread-sheet-notes{font-size:12px;border-top:1px solid #ccc;padding-top:16px;margin-top:22px;color:#655c5c}#edit{padding:14px 24px;font:inherit;border:1px solid #a7b3a7;border-radius:10px;background:white;color:#234e38}@media(max-width:650px){.bread-sheet{padding:18px}.bread-sheet-columns{grid-template-columns:1fr;gap:24px}.bread-sheet-facts{grid-template-columns:repeat(2,1fr)}.bread-sheet-title h2{font-size:21px}main{padding:12px!important}.bread-sheet-ingredients{padding:18px}}@media print{body{background:white!important}main>header,.bread-sheet>button{display:none}.bread-sheet{border:0;margin:0;padding:0}.bread-sheet-columns{grid-template-columns:230px 1fr}.bread-sheet-method section{break-inside:avoid}}

.bread-inline-field[contenteditable=true]{outline:none;border-bottom:1px dashed #9caa9e;min-height:1.4em;min-width:2em;white-space:pre-wrap}.bread-inline-field[contenteditable=true]:focus{background:#fff7dc;box-shadow:0 0 0 2px #b5c8ae}.bread-sheet-editing .bread-sheet-facts input{padding:5px;font-size:12px}.bread-sheet-editing .bread-sheet-facts label{font-size:11px}.bread-sheet-editing>button{margin:8px 8px 0 0}.bread-sheet-method small[contenteditable]{display:inline-block}

.bread-sheet-ingredients select{padding:6px;font-size:12px}.bread-stage-transfers{font-size:12px;margin:8px 0 14px}.bread-stage-transfers input[type=checkbox]{width:auto;margin-right:6px}.bread-add-stage{border-top:1px solid #ccc;padding:20px 0;display:flex;flex-wrap:wrap;gap:8px}.bread-add-stage h3{width:100%}.bread-add-stage select{width:auto;max-width:100%;font-size:13px}.bread-sheet-ingredients>small{font-size:10px;color:#786568}

.bread-step-heading{display:flex;gap:8px;align-items:baseline}.bread-step-heading h3{flex:1}.bread-step-number{font-weight:700;color:#7e203f}.bread-panel .bread-step-handle{min-height:34px;min-width:34px;padding:3px 7px;cursor:grab;touch-action:none}.bread-step-dragging{opacity:.6}.bread-step-drop{outline:2px dashed #47795a;outline-offset:6px}@media print{.bread-step-handle{display:none}}

.bread-step-ghost{position:fixed;z-index:10000;pointer-events:none;background:#fffdf6;color:#20372d;border:2px solid #47795a;border-radius:10px;padding:12px;box-shadow:0 12px 35px #0004;opacity:.93;max-height:240px;overflow:hidden;box-sizing:border-box}.bread-step-ghost h3{margin:0}.bread-step-dragging{opacity:.3}.bread-panel .bread-step-handle{min-width:44px;min-height:44px;user-select:none;-webkit-user-select:none}

#bread-print-root{display:none}
@page{size:A4 portrait;margin:13mm 14mm}
@media print{
 body.bread-printing{margin:0!important;padding:0!important;background:#fff!important}
 body.bread-printing> :not(#bread-print-root){display:none!important}
 body.bread-printing dialog{display:none!important}
 body.bread-printing #bread-print-root{display:block!important}
 #bread-print-root .bread-sheet{box-sizing:border-box;width:182mm;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#222;font:9.5pt/1.3 Arial,sans-serif;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 #bread-print-root .bread-sheet-title{padding:0 0 4mm;break-after:avoid}
 #bread-print-root .bread-sheet-title h2{font-size:17pt;margin:3mm 0 2mm;line-height:1.2}
 #bread-print-root .bread-sheet-title p{font-size:9pt}
 #bread-print-root .bread-sheet-title small{font-size:7pt}
 #bread-print-root .bread-sheet-facts{grid-template-columns:repeat(4,1fr);padding:4mm 0;gap:3mm;margin-bottom:5mm;break-inside:avoid}
 #bread-print-root .bread-sheet-facts small{font-size:6.8pt;margin-bottom:1.5mm}
 #bread-print-root .bread-sheet-facts strong{font-size:8pt}
 #bread-print-root .bread-sheet-columns{display:grid;grid-template-columns:54mm minmax(0,1fr);gap:9mm;align-items:start}
 #bread-print-root .bread-sheet-ingredients{padding:4mm;background:#eeecec;break-inside:avoid}
 #bread-print-root .bread-sheet h3{font-size:9pt;margin:0 0 2mm;break-after:avoid}
 #bread-print-root .bread-sheet h4{font-size:8pt;margin:3mm 0 1.5mm;break-after:avoid}
 #bread-print-root .bread-sheet dl{grid-template-columns:13mm 1fr;gap:1mm}
 #bread-print-root .bread-sheet dt,#bread-print-root .bread-sheet dd{font-size:8pt;overflow-wrap:anywhere}
 #bread-print-root .bread-sheet-method section{margin:0 0 4mm;max-width:none;break-inside:avoid}
 #bread-print-root .bread-sheet-method p{font-size:9pt;line-height:1.3;margin:1.5mm 0;orphans:3;widows:3}
 #bread-print-root .bread-sheet-method small{font-size:7.5pt}
 #bread-print-root .bread-transfer{font-size:7.5pt!important}
 #bread-print-root .bread-sheet-info{margin-top:5mm;padding:0 2mm;break-inside:avoid}
 #bread-print-root .bread-sheet-info p{font-size:8pt;padding-bottom:2mm}
 #bread-print-root .bread-sheet-notes{font-size:7.5pt;line-height:1.3;padding-top:3mm;margin-top:4mm;break-inside:avoid}
 #bread-print-root button,#bread-print-root .bread-error{display:none!important}
 #bread-print-root .bread-step-number{font-size:9pt}
}

@media print{#bread-print-root .bread-sheet-method section{margin-bottom:2.5mm}#bread-print-root .bread-sheet-method p{font-size:8.5pt;line-height:1.22;margin:1mm 0}#bread-print-root .bread-sheet-method h3{font-size:8.5pt;margin-bottom:1mm}#bread-print-root .bread-sheet-method .bread-transfer{display:none}#bread-print-root .bread-sheet-facts{padding:3mm 0;margin-bottom:4mm}#bread-print-root .bread-sheet-title h2{font-size:16pt}#bread-print-root .bread-sheet-notes{margin-top:2mm;padding-top:2mm}}

/* A4 paper width on desktop, matching the print text area (210 - 2 × 14 mm). */
@media screen and (min-width:850px){
 .bread-panel.bread-sheet{box-sizing:border-box;width:210mm;max-width:100%;padding:13mm 14mm;margin:20px auto}
 .bread-panel.bread-sheet .bread-sheet-title{display:block;text-align:center}
 .bread-panel.bread-sheet .bread-sheet-title>small,.bread-panel.bread-sheet .bread-sheet-title>h2,.bread-panel.bread-sheet .bread-sheet-title>p{display:block}
 .bread-panel.bread-sheet .bread-sheet-title h2{max-width:none;margin:12px 0}
 .bread-panel.bread-sheet .bread-sheet-columns{grid-template-columns:54mm minmax(0,1fr);gap:9mm}
}

.bread-piece-controls{display:flex;flex-wrap:wrap;align-items:end;gap:12px;padding:14px;margin:0 0 22px;background:#edf2eb;border-radius:8px}.bread-piece-controls label{flex:1;min-width:150px;margin:0}.bread-piece-controls>p,.bread-piece-controls>small{width:100%;margin:0}.bread-piece-target{font-weight:700}@media print{.bread-piece-controls{display:none!important}}

.bread-percent-row{display:flex;align-items:end;flex-wrap:wrap;gap:10px;width:100%}.bread-percent-row label{flex:1;min-width:120px}.bread-percent-row select{flex:2;min-width:150px;width:auto}.bread-piece-controls h3{width:100%;margin:0}

.bread-panel .bread-piece-controls,.bread-panel .bread-baker-controls{padding:10px 12px;margin:0 0 12px;border:1px solid #dbe2da;border-radius:6px;background:#f3f5f0;gap:8px;font-size:12px;line-height:1.35}
.bread-panel .bread-piece-controls label{min-width:100px;flex:0 1 150px;font-size:12px;margin:0}
.bread-panel .bread-piece-controls input,.bread-panel .bread-baker-controls input,.bread-panel .bread-baker-controls select{height:32px!important;min-height:32px!important;padding:4px 7px!important;margin:3px 0 0!important;border-radius:5px!important;font-size:13px!important;line-height:1.2!important;width:100%;box-sizing:border-box}
.bread-panel .bread-piece-controls button{height:32px!important;min-height:32px!important;padding:4px 10px!important;border-radius:5px!important;font-size:12px!important;margin:0!important}
.bread-panel .bread-piece-controls>small{font-size:10px;line-height:1.3}.bread-panel .bread-piece-target{font-size:12px}
.bread-panel .bread-baker-controls h3{font-size:12px;margin:0;display:inline-block;margin-right:10px}.bread-baker-controls>small{font-size:11px}.bread-panel .bread-baker-controls table{margin:7px 0;width:100%;table-layout:fixed}.bread-panel .bread-baker-controls th,.bread-panel .bread-baker-controls td{padding:3px 5px;text-align:left;font-size:11px;vertical-align:middle}.bread-baker-controls th:nth-child(1){width:15%}.bread-baker-controls th:nth-child(2),.bread-baker-controls th:nth-child(3){width:20%}.bread-baker-controls details{font-size:10px;margin-top:5px}.bread-baker-controls summary{cursor:pointer}.bread-baker-controls td small{font-size:10px}@media print{.bread-baker-controls{display:none!important}}
/* Bread planning follows the PFET blue controls and remains usable on a phone. */
.bread-timeline{margin:0 0 24px;border:1px solid #c6deeb;border-radius:14px;background:#f4faff;padding:14px;color:#34566e;text-align:left}
.bread-timeline>summary,.bread-timeline-settings>summary{font-weight:700;cursor:pointer;min-height:30px}
.bread-timeline p{margin:10px 0}.bread-timeline small{display:block;line-height:1.5}
.bread-timeline-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}.bread-timeline-controls label:last-child{grid-column:1/-1}
.bread-panel .bread-timeline input,.bread-panel .bread-timeline select{min-width:0;border-color:#c6deeb;color:#34566e;background:#fbfdff}
.bread-panel .bread-timeline button{border-color:#b9d9e9;background:#e6f3fb;color:#34566e}
.bread-timing-list{display:grid;gap:12px;margin:12px 0}.bread-timing-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px;padding:12px;border:1px solid #d1e3ed;border-radius:10px;background:#fff}.bread-timing-row>strong{grid-column:1/-1}.bread-timing-row label{margin:7px 0;font-size:12px;min-width:0}
.bread-timeline-status{padding:10px;background:#e6f2fa;border-radius:8px;font-size:13px}
.bread-timeline-output ol{list-style:none;padding:0;margin:0}.bread-timeline-output li{border-left:3px solid #38a4b8;margin-left:6px;padding:8px 0 12px 16px;position:relative;break-inside:avoid}.bread-timeline-output li:before{content:'';position:absolute;left:-6px;top:13px;width:9px;height:9px;border-radius:50%;background:#268fa9}.bread-timeline-output time,.bread-timeline-output strong,.bread-timeline-output span{display:block}.bread-timeline-output time{font-size:12px;color:#557d99}.bread-timeline-output span{font-size:12px}
.bread-sheet-facts{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}
@media(max-width:600px){.bread-timeline{padding:10px}.bread-timeline-controls{grid-template-columns:1fr}.bread-timeline-controls label:last-child{grid-column:auto}.bread-sheet-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.bread-timing-row{gap:0 8px}}
@media print{.bread-timeline-controls,.bread-timeline-settings,.bread-timeline button{display:none!important}.bread-timeline{background:#fff;padding:3mm;margin-bottom:4mm}.bread-timeline-output time,.bread-timeline-output span{font-size:8pt}.bread-timeline-output li{padding:2mm 0 2mm 4mm}#bread-print-root .bread-sheet-facts{grid-template-columns:repeat(4,1fr)}}
.bread-timeline-controls label:last-child{grid-column:auto}.bread-timeline-output li label{max-width:200px;font-size:12px}
/* Compact optional overview; the main time rail follows the recipe's step rows. */
.bread-timeline{padding:9px 12px;margin:0 0 18px;border-radius:8px;background:#f7fbfd;font-size:12px}.bread-timeline>summary{min-height:22px}.bread-timeline-controls label{margin:5px 0}.bread-panel .bread-timeline-controls input,.bread-panel .bread-timeline-controls select{padding:6px;font-size:12px;min-height:34px}.bread-timeline-output ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 12px}.bread-timeline-output li{margin:0;padding:5px 0 5px 9px;border-left-width:2px}.bread-timeline-output time,.bread-timeline-output span{font-size:10px}.bread-timeline-output strong{font-size:11px}.bread-timeline-status{padding:6px;margin:6px 0}
.bread-sheet-method .bread-method-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 83px;column-gap:12px;align-content:start;padding:0 0 10px}.bread-method-step>.bread-step-heading{grid-column:1;grid-row:1}.bread-method-step>.bread-transfer{grid-column:1;grid-row:2}.bread-step-meta,.bread-step-instructions{grid-column:1;min-width:0}.bread-method-step:after{content:'';position:absolute;right:94px;top:0;bottom:-22px;border-right:1px solid #8eb8c4}.bread-method-step:last-child:after{bottom:0}.bread-step-clock{grid-column:2;min-width:0;align-self:start;color:#41677c;position:relative;text-align:left;line-height:1.3;padding-top:0}.bread-step-clock:before{content:'';position:absolute;left:-16px;top:5px;width:7px;height:7px;border-radius:50%;background:#368da2}.bread-step-clock time{display:block;font-size:12px;font-weight:700;white-space:nowrap}.bread-step-clock small{display:block;font-size:10px!important}.bread-step-meta{line-height:1.35}.bread-sheet-method .bread-step-instructions{margin-top:5px}
@media(max-width:600px){.bread-timeline-output ol{grid-template-columns:repeat(2,minmax(0,1fr))}.bread-sheet-method .bread-method-step{grid-template-columns:minmax(0,1fr) 70px;column-gap:10px}.bread-method-step:after{right:79px}.bread-step-clock time{font-size:11px}.bread-step-clock:before{left:-14px}}
@media print{
 #bread-print-root .bread-sheet{width:182mm!important}
 #bread-print-root .bread-timeline{display:none!important}
 #bread-print-root .bread-sheet-columns{grid-template-columns:44mm minmax(0,1fr);gap:6mm}
 #bread-print-root .bread-sheet-method .bread-method-step{display:grid;grid-template-columns:minmax(0,1fr) 20mm;column-gap:3mm;padding-bottom:2mm;margin-bottom:2.5mm;break-inside:avoid}
 #bread-print-root .bread-method-step:after{right:23mm;bottom:-2.5mm;border-color:#9db4bd}
 #bread-print-root .bread-method-step:last-child:after{bottom:0}
 #bread-print-root .bread-step-clock time{font-size:8pt}
 #bread-print-root .bread-step-clock small{font-size:7pt!important}
 #bread-print-root .bread-step-clock:before{left:-3.8mm;top:1mm;width:1.7mm;height:1.7mm}
 #bread-print-root .bread-sheet-ingredients{padding:3mm}
}
@media print{
 #bread-print-root .bread-step-clock{height:3mm}
 #bread-print-root .bread-step-clock small{position:absolute;top:3.2mm;left:0;font-size:6.5pt!important}
 #bread-print-root .bread-sheet-method .bread-method-step{padding-bottom:0;margin-bottom:2mm}
 #bread-print-root .bread-method-step:after{bottom:-2mm}
 #bread-print-root .bread-sheet-method .bread-step-heading h3{margin-bottom:.5mm}
 #bread-print-root .bread-sheet-method .bread-step-instructions{margin-top:1mm;margin-bottom:0}
}
/* Narrow time rail flush with the right edge; more room for the method text. */
.bread-sheet .bread-sheet-method{min-width:0;width:100%}
.bread-sheet .bread-sheet-method .bread-method-step{max-width:none;grid-template-columns:minmax(0,1fr) 62px;column-gap:10px;margin-bottom:14px;padding-bottom:2px}
.bread-sheet .bread-method-step:after{right:71px;bottom:-14px}
.bread-sheet .bread-method-step:last-child:after{bottom:0}
.bread-sheet .bread-step-clock{justify-self:stretch;padding-left:1px}
.bread-sheet .bread-step-clock time{font-size:10px;font-weight:600;line-height:1.15}
.bread-sheet .bread-step-clock small{font-size:9px!important;line-height:1.2}
.bread-sheet .bread-step-clock:before{left:-14px;width:5px;height:5px;top:4px}
.bread-sheet .bread-step-heading h3{margin-bottom:6px}
.bread-sheet .bread-sheet-method .bread-transfer{margin:3px 0}
.bread-sheet .bread-sheet-method .bread-step-instructions{margin:4px 0 0;line-height:1.35}
@media(max-width:600px){.bread-sheet .bread-sheet-method .bread-method-step{grid-template-columns:minmax(0,1fr) 56px;column-gap:8px}.bread-sheet .bread-method-step:after{right:63px}.bread-sheet .bread-step-clock:before{left:-12px}.bread-sheet .bread-step-clock time{font-size:9px}}
@media print{
 #bread-print-root .bread-sheet-method .bread-method-step{max-width:none;grid-template-columns:minmax(0,1fr) 16mm;column-gap:2.5mm;margin-bottom:2mm;padding-bottom:0}
 #bread-print-root .bread-method-step:after{right:18.5mm;bottom:-2mm}
 #bread-print-root .bread-step-clock time{font-size:7pt}
 #bread-print-root .bread-step-clock small{font-size:6pt!important}
 #bread-print-root .bread-step-clock:before{left:-3.1mm;top:1mm;width:1.3mm;height:1.3mm}
}
.bread-inline-field[data-placeholder]:empty:before{content:attr(data-placeholder);color:#668397;font-style:italic}
@media print{.bread-inline-field[data-placeholder]:empty:before{content:none}}