/* v234: scoped recipe guidance; no homepage/global stylesheet changes. */
.beginner-prep{margin:64px 0;padding:32px;background:#fffdf8;border:1px solid #e4d8c7;border-radius:24px;scroll-margin-top:100px}.beginner-prep h2{font:500 clamp(28px,4vw,40px)/1.2 var(--serif);margin:12px 0 20px}.beginner-prep .kick{font-size:11px;color:#9b623c;letter-spacing:.13em}.bs-base{font-size:13px;color:#746958;line-height:1.7;border-left:3px solid #d4c3a6;padding-left:16px;max-width:74ch}.prep-list{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px;list-style:none;padding:0;margin:28px 0}.prep-list li{min-width:0}.prep-list label{display:grid;grid-template-columns:22px 1fr;align-items:start;gap:10px;font-size:14px;line-height:1.75;cursor:pointer}.prep-list label .zh{grid-column:2}.prep-list input{width:19px;height:19px;margin-top:4px;accent-color:#42694c}.prep-list input:focus-visible{outline:2px solid #b66a3f;outline-offset:4px}.prep-list label:has(input:checked){color:#6e7965}.prep-list label:has(input:checked) span{text-decoration:line-through;text-decoration-color:#a6b69d}#prep-status{font-size:13px;line-height:1.6;color:#805737;min-height:1.6em}.bs-glossary{margin-top:28px;border-top:1px solid #e4d8c7;padding-top:20px;font-size:14px}.bs-glossary summary,.bs-rescue summary{cursor:pointer;min-height:36px;line-height:1.7}.bs-glossary dl{margin:16px 0 0}.bs-glossary dl>div{padding:14px 0;border-top:1px solid #eee5d7}.bs-glossary dt{font-weight:600}.bs-glossary dd{margin:8px 0 0;line-height:1.75;color:#6b6255}.beginner-step{padding-bottom:26px!important;margin-bottom:30px!important;border-bottom:1px solid #e7dccb}.bs-guidance{margin-top:16px}.bs-meta{font-size:12px;color:#716b5c;line-height:1.8;padding:8px 0}.bs-cue{font:400 14px/1.75 var(--sans,system-ui)!important;background:#edf2e5;border-left:3px solid #719266;border-radius:0 10px 10px 0;padding:14px 16px;margin:8px 0 14px!important;color:#3c5740}.bs-rescue{font-size:13px;color:#805d43;background:#fcf3e8;border:1px solid #eedec8;border-radius:10px;padding:10px 14px}.bs-rescue p{font:400 13px/1.8 var(--sans,system-ui)!important;margin:12px 0 0!important}.ck-beginner-extra{font:400 14px/1.7 var(--sans,system-ui);margin-top:20px;width:100%}body[data-beginner="1"] .ck-main{justify-content:flex-start!important;overflow-y:auto;min-height:0}body[data-beginner="1"] .ck-step{font-size:clamp(24px,4vw,34px)!important}body[data-beginner="1"] .ck-main .bs-guidance{margin-top:0}.ck-beginner-extra .bs-meta{font-size:13px}.ck-beginner-extra .bs-cue{font-size:15px!important}.ck-beginner-extra .bs-rescue p{font-size:14px!important}@media(max-width:650px){.beginner-prep{padding:24px 20px;margin:64px 0}.prep-list{grid-template-columns:1fr;gap:20px}.prep-list label{font-size:14px}.bs-base{font-size:12px}.beginner-step{padding-bottom:24px!important;margin-bottom:28px!important}.ck-beginner-extra{margin-top:14px}body[data-beginner="1"] .ck-step{font-size:26px!important}}@media(prefers-reduced-motion:reduce){.beginner-prep{scroll-behavior:auto}}
/* v235: remove the legacy two-column step grid from every nested guidance block. */
.steps li.beginner-step{display:block!important;position:relative;padding-left:48px!important;min-width:0}.steps li.beginner-step:before{position:absolute;left:0;top:15px}.steps li.beginner-step>p{display:block;grid-column:auto!important;grid-row:auto!important;max-width:none;width:auto}.steps li.beginner-step .bs-guidance{display:block!important;width:100%;min-width:0;max-width:none}.steps li.beginner-step .bs-meta,.steps li.beginner-step .bs-cue,.steps li.beginner-step .bs-rescue{display:block;width:100%;min-width:0;max-width:none;grid-column:auto!important;grid-row:auto!important;word-break:normal;overflow-wrap:break-word}.steps li.beginner-step .bs-guidance p{grid-column:auto!important;grid-row:auto!important;width:auto;min-width:0;max-width:none}.prep-list label:has(input:checked){color:#46523e}.prep-list label:has(input:checked) span{text-decoration-color:#657b59}.prep-nudge-actions{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.prep-nudge-actions button{min-height:44px;padding:10px 16px}.bs-meta{padding:10px 12px;background:#f3eee4;border-radius:10px}.ck-beginner-extra .bs-meta{display:block;min-width:0;max-width:none;width:100%}@media(max-width:650px){.steps li.beginner-step{padding-left:42px!important}.steps li.beginner-step .bs-guidance{margin-left:-42px;width:calc(100% + 42px);padding-top:10px}}
/* Preserve language visibility after the more-specific block-layout override above. */
html:not(.zh) .steps li.beginner-step>p.zh,html.zh .steps li.beginner-step>p.en{display:none!important}
/* v261: readable field guide and full-label checklist tap targets. */
.beginner-prep .bs-base,.beginner-prep #prep-status,.bs-meta,.bs-rescue,.bs-rescue p,.ck-beginner-extra .bs-meta{font-size:14px!important;color:#5c4c3b;line-height:1.75}
.prep-list label{min-height:44px;align-items:center;padding:4px 0}.prep-list input{width:22px;height:22px;margin:0}.bs-rescue summary,.bs-glossary summary{min-height:44px;display:flex;align-items:center;font-size:14px}
#prep-start{font-size:15px;min-height:44px}#prep-start[hidden]{display:none!important}.beginner-prep .prep-nudge-actions{font-size:15px}.beginner-prep .kick{font-size:12px;color:#745038}
.prep-list label{grid-template-columns:44px minmax(0,1fr);gap:10px}.prep-list input{appearance:none;-webkit-appearance:none;width:44px;height:44px;display:grid;place-items:center;cursor:pointer;background:transparent;border:0;padding:0;flex:none}.prep-list input:before{content:'';box-sizing:border-box;width:22px;height:22px;border:2px solid #85725f;border-radius:5px;background:#fffdf8}.prep-list input:checked:before{content:'✓';display:grid;place-items:center;background:#36583d;color:#fff;border-color:#36583d;font:700 17px/1 system-ui}
/* v262: prompt buttons must not shrink to fit translated labels. */
.beginner-prep #prep-start,.beginner-prep .prep-nudge-actions button{min-height:48px!important;box-sizing:border-box;padding:12px 16px!important;line-height:1.4!important;font-size:15px!important;flex-shrink:0!important}
/* v263: flex summaries need an explicit disclosure control; native markers disappear. */
.bs-rescue>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 0;font-size:14px;font-weight:600;color:#654027;cursor:pointer;list-style:none;touch-action:manipulation}
.bs-rescue>summary::-webkit-details-marker{display:none}.bs-rescue>summary::marker{content:''}
.bs-rescue>summary::after{content:none!important;display:none!important}
.bs-rescue>summary>.bs-chevron{display:block!important;flex:0 0 28px;width:28px!important;height:28px!important;padding:3px;box-sizing:border-box;background:#fff9f0;border:1px solid #e2c6af;border-radius:50%;color:#b94720!important;fill:none!important;stroke:currentColor!important;stroke-width:2px;transition:transform .15s ease;transform:rotate(0deg);opacity:1!important}
.bs-rescue>summary>.bs-chevron path{fill:none!important;stroke:currentColor!important;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}
.bs-rescue[open]>summary>.bs-chevron{transform:rotate(180deg)}
.bs-rescue>summary:hover{color:#3c2819}.bs-rescue>summary:focus-visible{outline:3px solid #986344;outline-offset:4px;border-radius:4px}

.prep-list input[type="checkbox"]::before,.prep-list input[type="checkbox"]::after{content:none!important;display:none!important}

/* v289 compact steps: one action, a short cue (or clip), heat/time and a small ? control. */
.steps li.beginner-step{padding-bottom:20px!important;margin-bottom:22px!important}
.steps li.beginner-step>.st-step-art{display:none!important}
.steps li.beginner-step>p{margin:0!important;font-size:17px;line-height:1.6}
.steps li.beginner-step .bs-guidance,.ck-main .bs-guidance{display:grid!important;grid-template-columns:minmax(0,1fr) 44px;gap:0 8px;align-items:start;margin:8px 0 0!important;padding:0!important;width:100%!important;min-width:0}
.steps li.beginner-step .bs-guidance{margin-left:0!important}
.steps li.beginner-step .bs-meta,.ck-main .bs-meta{grid-column:1!important;grid-row:1!important;background:none;border:0;border-radius:0;padding:0!important;margin:0!important;font:400 14px/1.6 var(--sans,system-ui)!important;color:#655442!important;min-height:24px}
.steps li.beginner-step .bs-cue,.ck-main .bs-cue{grid-column:1!important;grid-row:2!important;background:none;border:0;border-radius:0;padding:2px 0!important;margin:0!important;font:400 14px/1.6 var(--sans,system-ui)!important;color:#655442!important}
.steps li.beginner-step .bs-rescue,.ck-main .bs-rescue{display:contents!important;background:none;border:0;border-radius:0;padding:0;margin:0;color:#5c4534}
.bs-guidance .bs-rescue>summary{grid-column:2;grid-row:1/span 2;display:grid!important;place-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0!important;border:0;background:none;line-height:1;justify-content:center;cursor:pointer;box-sizing:border-box}
.bs-rescue .bs-q{display:grid;place-items:center;width:22px;height:22px;border:1.5px solid #a76442;border-radius:50%;color:#9c482a;font:600 14px/1 var(--sans,system-ui);background:#fffaf3}
.bs-rescue[open] .bs-q{background:#f2e4d3;color:#74351e}
.bs-rescue-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.bs-guidance .bs-rescue>p{grid-column:1/-1!important;grid-row:3!important;background:#fffaf2;border-top:1px solid #e7d8c8;padding:10px 0 0!important;margin:8px 0 0!important;font:400 14px/1.6 var(--sans,system-ui)!important;color:#5c4534}
.bs-guidance .bs-rescue:not([open])>p{display:none!important}
.st-has-step-clip .bs-cue{display:none!important}
.ck-main .ck-beginner-extra{margin-top:8px!important}
@media(max-width:650px){.steps li.beginner-step{padding-left:34px!important}.steps li.beginner-step>p{font-size:16px}.ck-main .ck-step{font-size:24px!important;line-height:1.45!important}}

.steps li.beginner-step>.st-amount-text{display:block;margin:0!important;padding:0!important;width:auto!important;font:400 17px/1.55 var(--sans,system-ui)}
.steps li.beginner-step .bs-guidance .bs-rescue>p,.ck-main .bs-guidance .bs-rescue>p{grid-column:1/-1!important;grid-row:3!important;max-width:none;min-width:0}
@media(max-width:650px){.steps li.beginner-step>.st-amount-text{font-size:16px}}

/* batch1: drop jargon glossary */
.bs-glossary{display:none!important}


/* Beginner card: icon rows, no bullets when an icon is present, 8–10px gap. */
.beginner-prep .prep-cues{
  list-style:none;
  margin:14px 0 18px;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
  max-width:62ch;
}
.beginner-prep .prep-cue{
  display:flex;
  align-items:flex-start;
  gap:10px;
  list-style:none;
  margin:0;
  padding:0;
  line-height:1.55;
  font-size:15px;
  color:#4A3A2C;
}
.beginner-prep .prep-cue::marker,
.beginner-prep .prep-cues .prep-cue::before{
  content:none;
  display:none;
}
.beginner-prep .prep-cue .prep-ico,
.beginner-prep .prep-cue .st-line{
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin-top:1px;
  opacity:1;
  color:#8A4A2B;
}
.beginner-prep .prep-list{
  list-style:none;
  padding-left:0;
}
.beginner-prep .prep-item{
  display:flex;
  align-items:flex-start;
  gap:10px;
  list-style:none;
  line-height:1.55;
}
.beginner-prep .prep-item .prep-ico,
.beginner-prep .prep-item .st-line{
  width:24px;
  height:24px;
  flex:0 0 24px;
  margin-top:1px;
  opacity:1;
  color:#8A4A2B;
}
.beginner-prep .prep-batch,
.beginner-prep .prep-notes,
.beginner-prep .prep-t,
.beginner-prep .bs-base{
  max-width:62ch;
}
/* Tools row lives in the beginner card for first paint. */
.beginner-prep .st-tools-row{
  margin:2px 0 18px;
  padding:0;
  gap:8px 10px;
  width:100%;
}
.beginner-prep .st-tools-icons{gap:8px 10px}
.beginner-prep .st-tool .st-tool-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}