/* Crème v2.1 — Guided Kitchen. Clean, spacious and genuinely usable with messy hands. */
.guided-cook {max-width:1130px; margin-inline:auto;}
.guided-eyebrow {margin:0 0 12px; font:750 11px/1.4 var(--font-ui); text-transform:uppercase; letter-spacing:.18em; color:var(--cocoa);}
.guided-header {padding:6px 0 18px; gap:12px;}
.guided-header .guided-eyebrow {margin:0;}
.guided-cook .cook-title {font-family:var(--font-book); font-style:italic; font-weight:500; font-size:clamp(34px,4.8vw,58px); letter-spacing:-.035em;}
.guided-controls {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:20px 0 24px;}
.guided-level {display:flex; flex-direction:column; text-align:left; justify-content:center; min-height:84px; gap:7px; border-radius:16px; padding:15px 17px; cursor:pointer; border:1px solid #d9c8b3; background:#fffaf3; color:var(--ink); box-shadow:0 3px 9px #64442a0b; transition:transform .16s ease,box-shadow .16s ease;}
.guided-level:hover {transform:translateY(-2px); box-shadow:0 9px 20px #64442a18;}
.guided-level.active {background:linear-gradient(138deg,#775748,#614337); color:#fff7e9; border-color:#614337; box-shadow:0 10px 23px #6b49302b;}
.guided-level strong {font:600 16px/1.15 var(--font-book);}
.guided-level small {font-size:12px; opacity:.75; line-height:1.25;}
.guided-prep {max-width:850px; margin:25px auto; padding:clamp(22px,4.8vw,46px); background:linear-gradient(130deg,#fffdf8,#f6ebdf);}
.guided-prep h2 {font:italic 500 clamp(30px,4vw,44px)/1.1 var(--font-book); margin:0 0 14px;}
.guided-prep-list {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; margin:23px 0;}
.guided-prep-item {display:flex; align-items:start; gap:12px; padding:14px; background:#fffaf6; border:1px solid #e2d4c4; border-radius:12px; line-height:1.45; cursor:pointer;}
.guided-prep-item input {width:20px; height:20px; flex:none; accent-color:#6e7d63;}
.guided-prep-item:has(input:checked) span {color:var(--muted); text-decoration:line-through; text-decoration-color:#b3a28d;}
.guided-resume {font:italic 17px/1.4 var(--font-book); color:var(--cocoa);}
.guided-primary {min-height:56px; padding-inline:26px;}
.guided-step-layout {display:grid; grid-template-columns:minmax(245px,.72fr) minmax(0,1.7fr); align-items:start; gap:22px; margin-top:22px;}
.guided-aside {display:grid; gap:15px; min-width:0;}
.guided-cook .cook-card {min-height:340px; padding:clamp(24px,4.5vw,48px); border-radius:24px; background:linear-gradient(140deg,#fffefb,#fcf5e9); box-shadow:0 20px 39px #603f2a1a;}
.guided-card .cook-step {font:500 clamp(21px,2.4vw,29px)/1.48 var(--font-book); margin:15px 0 22px;}
.guided-card .cook-count {font-size:12px; letter-spacing:.12em;}
.guided-card .guided-step-photo .photo {max-width:580px; width:100%; aspect-ratio:16/10; border-radius:16px; overflow:hidden; margin:14px 0;}
.guided-card .guided-step-photo:empty {display:none;}
.guided-info {padding:16px 18px; border:1px solid #e6d9c9; border-radius:15px; background:#fffaf3; margin:15px 0;}
.guided-info strong {display:flex; align-items:center; gap:8px; font:650 15px/1.3 var(--font-book); color:#614539;}
.guided-info strong svg {width:18px;height:18px;}
.guided-info p {margin:9px 0 0; font-size:15px; line-height:1.55;}
.guided-cue {background:#f1f3ea; border-color:#d5dfcb;}
.guided-warning {background:#fbf0e7; border-color:#e8d3c4;}
.guided-info textarea {width:100%; margin-top:11px; min-height:82px; border:1px solid #dbcbb9; border-radius:12px; padding:12px 14px; font:14px/1.5 var(--font-ui); resize:vertical; background:#fff;}
.guided-info .hint {font-size:12px; color:var(--muted);}
.cook-video-panel {margin:22px 0 12px; padding:18px; border:1px solid #d4c4b0; background:#f1e9dc; border-radius:17px;}
.cook-video-label {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:9px; margin-bottom:15px;}
.cook-video-label span {display:flex;align-items:center;gap:6px; font:650 15px var(--font-book); color:#4d3a2e;}
.cook-video-label small {font-size:12px; color:#6d5745;}
.cook-video-frame {position:relative;aspect-ratio:16/9;background:#241b17; border-radius:12px; overflow:hidden;margin:10px 0;}
.cook-video-frame iframe {position:absolute;inset:0;width:100%;height:100%;border:0;}
.guided-voice-controls {display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.guided-timer-box {padding:18px;border-radius:17px;background:#fffaf2;border:1px solid #dfceb7;}
.guided-timer-choices {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;}
.guided-timer-choices button {padding:8px 4px;font-size:12px;min-height:43px;}
.guided-custom-timer {display:grid;grid-template-columns:1fr 80px;gap:7px;margin-top:14px;align-items:center;}
.guided-custom-timer label {grid-column:1/-1;font-size:12px;color:var(--muted);font-weight:600;}
.guided-custom-timer input {width:100%; min-width:0;border:1px solid #d5c4af;border-radius:10px;padding:10px; min-height:43px;background:#fff;}
.guided-memory {padding:17px 18px;background:#f5e4db;border-radius:16px;border:1px solid #e4c9b8;}
.guided-memory strong {font:650 16px var(--font-book);}
.guided-memory p {font:italic 16px/1.45 var(--font-book);margin:9px 0;}
.guided-memory small {color:var(--muted);}
.guided-nav {z-index:11;box-shadow:0 12px 30px #5034231e;}
.guided-bottom-actions {display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:16px 0 25px;}
.guided-cook .progress {margin-bottom:8px;height:9px;}
.guided-cook .cook-next {margin-top:18px;}
/* Step-specific authoring: optional, collapsed by default. */
.step-content {min-width:0;}
.step-content > textarea {width:100%;}
.step-advanced {margin-top:8px;background:#fbf5ea;border-radius:13px;border:1px solid #e7daca;}
.step-advanced summary {padding:12px 13px;cursor:pointer;display:flex;align-items:center;gap:7px; font-size:13px; font-weight:650;color:#6c5142;}
.step-advanced[open] summary {border-bottom:1px solid #e7daca;}
.guided-edit-fields {display:grid;gap:3px;padding:14px;}
.guided-edit-fields .field {margin:0 0 9px;}
.guided-edit-fields textarea {width:100%;min-height:64px;resize:vertical;border:1px solid #d7c7b4;border-radius:10px;padding:10px 12px;background:#fff;}
.guided-edit-video {display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.guided-edit-video .hint {grid-column:1/-1;}
.guided-edit-video input {width:100%; min-width:0;}
.guided-photo-field {display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.guided-photo-field >span {flex-basis:100%;font-weight:650;font-size:13px;}
.guided-step-photo-preview .photo {width:100px;height:78px;border-radius:8px;overflow:hidden;}
.guided-step-photo-preview .muted {margin:0;}
.guided-edit-fields .file-btn {cursor:pointer;}
.guided-prep-item input:focus-visible,.guided-level:focus-visible {outline:3px solid #b47455;outline-offset:3px;}
@media(max-width:900px) {
 .guided-step-layout {grid-template-columns:1fr;}
 .guided-card {order:0;}
 .guided-aside {order:1;grid-template-columns:repeat(2,minmax(0,1fr));}
 .guided-aside .cook-ingredients {grid-row:span 2;}
}
@media(max-width:640px) {
 .guided-header {align-items:start;}
 .guided-header .guided-eyebrow {display:none;}
 .guided-level {padding:10px 8px;min-height:86px;}
 .guided-level strong {font-size:13px;}
 .guided-level small {font-size:10px;}
 .guided-controls {gap:5px; margin:12px 0 18px;}
 .guided-prep-list {grid-template-columns:1fr;}
 .guided-aside {grid-template-columns:1fr;}
 .guided-card {padding:23px 19px!important;}
 .guided-cook .cook-nav {bottom:78px;padding:9px 10px;}
 .guided-cook .cook-nav .btn {padding:10px 12px;font-size:14px;min-height:50px;}
 .guided-cook .dots {display:none;}
 body[data-page="cook"] #timers {bottom:148px;}
 .guided-edit-video {grid-template-columns:1fr;}
 .guided-edit-video .hint {grid-column:auto;}
 .guided-photo-field .guided-step-photo-preview {flex-basis:100%;}
}
@media(prefers-reduced-motion:reduce) {.guided-level {transition:none;}}
@media print {.guided-cook .guided-controls,.guided-voice-controls,.guided-nav,.guided-timer-box,.guided-prep,.cook-video-panel,.guided-bottom-actions {display:none!important;}}