/* Crème 2.5 — only the information useful at the current cooking step. */
.cook-checkpoint{border:1px solid #d9e1d2;background:#f0f3eb;border-radius:15px;margin-top:17px;overflow:hidden}
.cook-checkpoint>summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;padding:15px 17px;font:700 14px/1.35 var(--font-ui);color:#40583f}
.cook-checkpoint>summary::-webkit-details-marker{display:none}
.cook-checkpoint>summary:after{content:'⌄';margin-left:auto;font-size:18px}
.cook-checkpoint[open]>summary:after{content:'⌃'}
.cook-checkpoint>summary .icon{width:18px;height:18px}
.cook-checkpoint-cue{padding:0 17px;margin:0 0 13px;font:500 15px/1.5 var(--font-ui);color:#40583f}
.cook-checkpoint-actions{display:flex;flex-wrap:wrap;gap:8px;padding:0 17px}
.cook-checkpoint-actions button{border-radius:12px;min-height:44px;border:1px solid #c5d3bf;background:#fffdf6;color:#40583f;padding:10px 12px;font:650 13px/1.3 var(--font-ui);cursor:pointer}
.cook-checkpoint-actions button[aria-pressed=true]{background:#d6e4ce;border-color:#6e8d60}
.cook-checkpoint-feedback{padding:0 17px 14px;margin:12px 0 0;color:#486046;font:13px/1.5 var(--font-ui)}
.timers.timers-mini{width:min(460px,calc(100vw - 24px));overflow:visible;border:0;background:transparent;box-shadow:none;max-height:none}
.timer-mini-toggle{display:flex;width:100%;min-height:58px;align-items:center;gap:12px;padding:10px 14px;border:1px solid #d9c8b4;border-radius:15px;background:#fffaf2;box-shadow:0 12px 28px #49332528;color:#4b352b;cursor:pointer;text-align:left}
.timer-mini-toggle>span{display:flex;align-items:center;gap:6px;min-width:0;flex:1;font:650 12px/1.3 var(--font-ui);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.timer-mini-toggle>span .icon{width:17px;height:17px;flex:none}
.timer-mini-toggle>strong{font:700 19px/1 var(--font-ui);font-variant-numeric:tabular-nums;flex:none}
.timer-mini-toggle>small{font:650 11px var(--font-ui);color:var(--muted);flex:none}
.pwa-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;margin:14px 0 22px}
.pwa-card h2{margin:0 0 8px;font:600 27px/1.18 var(--font-book)}
.pwa-card p{max-width:65ch}
.pwa-card .btn{flex:none}
@media(max-width:640px){.cook-checkpoint-actions{display:grid;grid-template-columns:1fr 1fr}.cook-checkpoint-actions button:last-child:nth-child(3){grid-column:1/-1}body[data-page=cook] .timers.timers-mini{bottom:85px!important;left:12px;right:12px;width:auto}.timer-mini-toggle>small{display:none}.timer-mini-toggle>strong{font-size:20px}.pwa-card{display:block;padding:20px}.pwa-card .btn{margin-top:15px;width:100%}}
@media print{.cook-checkpoint,.timers-mini,.pwa-card button{display:none!important}}
/* The navigation and the timer are two independent, non-overlapping bottom rows. */
@media(max-width:640px){
  body[data-page="cook"] .cook-focus{padding-bottom:155px}
  body[data-page="cook"] .cook-focus .cook-nav{bottom:calc(83px + env(safe-area-inset-bottom,0px));z-index:25}
  body[data-page="cook"] .timers.timers-mini{bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;z-index:25}
}

/* v2.8 — time remains part of the original cooking sentence. No extra timer card. */
.cook-focus-card .cook-inline-timer {
  display:inline;vertical-align:baseline;
  padding:0 .09em;margin:0 .02em;border:0;border-radius:3px;
  background:transparent;color:#8b4937;
  font:inherit;font-weight:650;line-height:inherit;
  text-decoration:underline;text-decoration-style:dotted;text-decoration-thickness:1.6px;
  text-underline-offset:.13em;cursor:pointer;
  white-space:normal;text-align:inherit;
}
.cook-focus-card .cook-inline-timer .icon {display:inline-block;width:.66em;height:.66em;margin-right:.16em;vertical-align:baseline;stroke-width:2;}
.cook-focus-card .cook-inline-timer:hover {color:#633121;background:#f9e9d7;}
.cook-focus-card .cook-inline-timer:focus-visible {outline:3px solid #b47c56;outline-offset:2px;}
.cook-focus-card .cook-inline-timer.is-running {color:#55744a;text-decoration-style:solid;cursor:default;}
.cook-focus-card .cook-inline-timer:disabled {opacity:1;}
@media print {.cook-focus-card .cook-inline-timer {text-decoration:none;color:inherit}.cook-focus-card .cook-inline-timer .icon {display:none}}