/* Пробная тема рецепта: домашняя книга и режим готовки. */
body.goulash{background:#f5f2eb;color:#282c25;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:0}
.goulash .device{background:transparent;border:0;border-radius:0;box-shadow:none;padding:24px 28px 110px;max-width:1000px}
.goulash #detailView>.back{display:none}
.g-page{--accent:#ad482e;--muted:#62675b;--line:#dedfd4;font-size:20px;line-height:1.55}
.g-page button{font:inherit;cursor:pointer;touch-action:manipulation}
.g-page button:focus-visible,.g-page summary:focus-visible{outline:3px solid #ad482e;outline-offset:4px}
.g-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}
.g-btn{border:1px solid #d8d9ce;background:#fffefa;color:#353b30;border-radius:14px;padding:12px 20px;min-height:54px;font-weight:600}
.g-primary{background:var(--accent);border-color:var(--accent);color:#fff}
.g-eyebrow{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:#7c4937;margin:0 0 12px}
.g-page h1{font-size:clamp(32px,4.6vw,48px);line-height:1.12;letter-spacing:-1.3px;margin:0 0 20px;font-weight:750}
.g-page h2{font-size:29px;line-height:1.25;letter-spacing:-.6px;margin:0 0 18px}
.g-page h3{font-size:23px;line-height:1.3;margin:0 0 12px}
.g-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:32px;align-items:center;margin-bottom:38px}
.g-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:22px;display:block;cursor:zoom-in}
.g-desc{color:var(--muted);margin:0 0 22px;font-size:19px}
.g-meta{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 25px;font-size:15px;color:#4e5646}
.g-meta span{background:#e9ecdf;padding:7px 12px;border-radius:9px}
.g-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.g-ingredient-panel>summary{cursor:pointer;font-size:25px;font-weight:650;min-height:48px}
.g-ingredient-panel>summary span{margin-left:12px;font-weight:400}
.g-outline .g-btn{margin-top:20px}
.g-outline[open]{padding-bottom:28px}
.g-step-status{color:#65744e}
.g-upload{display:block;font-weight:600;margin:20px 0}
.g-upload input{display:block;max-width:100%;font:inherit;margin-top:12px}
.g-result .g-photo{max-height:650px;object-fit:contain}
.g-result .g-photo[hidden]{display:none}
.g-panel{background:#fffefa;border:1px solid var(--line);border-radius:22px;padding:26px}
.g-ingredients{list-style:none;padding:0;margin:0}
.g-ingredients li{border-bottom:1px solid #ebede4;padding:11px 0;font-size:18px}
.g-ingredients label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.g-ingredients input{width:24px;height:24px;flex-shrink:0;accent-color:#65744e;margin:2px 0}
.g-ingredients input:checked+span{text-decoration:line-through;color:#7a8072}
.g-equipment{margin-top:25px;color:var(--muted);font-size:16px}
.g-outline{border-bottom:1px solid var(--line);padding:18px 0}
.g-outline summary{cursor:pointer;font-size:20px;font-weight:650;min-height:48px}
.g-outline p{font-size:22px;white-space:pre-line}
.g-outline img{margin-top:16px}
.g-small{font-size:15px;color:var(--muted)}
.g-progress{height:6px;border-radius:9px;background:#e1e5d8;overflow:hidden;margin-bottom:28px}
.g-progress span{display:block;height:100%;background:#69794f}
.g-step{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:start}
.g-step .g-photo{position:sticky;top:24px}
.g-instruction{font-size:var(--reading,23px);line-height:1.6;white-space:pre-line;margin:18px 0 24px}
.g-timer{background:#edf0e5;border-radius:16px;padding:18px;margin-top:20px}
.g-timer output{font-variant-numeric:tabular-nums;font-size:30px;font-weight:700;display:block;margin-bottom:10px}
.g-timer p{margin:0 0 12px;font-size:16px}
.g-footer{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#f5f2ebf5;border-top:1px solid #dcdfd2;padding:14px 24px calc(14px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}
.g-footer>div{max-width:944px;margin:auto;display:flex;justify-content:space-between;gap:16px;align-items:center}
.g-footer .g-primary{min-width:220px}
.g-btn:disabled{opacity:.4;cursor:default}
.g-dialog{border:1px solid #dedfd4;border-radius:24px;padding:24px;max-width:600px;width:calc(100% - 32px);max-height:85vh;color:#282c25;background:#fffefa}
.g-dialog::backdrop{background:#20291c99}
.g-done{text-align:center;max-width:640px;margin:40px auto}
.g-done img{max-height:330px;margin-bottom:28px}
.g-settings{background:#e9ecdf;border-radius:16px;padding:14px 20px;margin-bottom:28px}
.g-settings summary{cursor:pointer;font-size:20px;font-weight:600;min-height:40px;padding:5px 0}
.g-settings label{display:block;margin:15px 0 6px;font-size:20px}
.g-settings input{display:block;width:100%;max-width:600px;height:48px;accent-color:#ad482e;cursor:pointer}
.g-actions{list-style:none;counter-reset:action;padding:0;margin:24px 0}
.g-actions li{counter-increment:action;position:relative;padding:0 0 24px 48px;margin:0 0 18px;border-bottom:1px solid #dedfd4}
.g-actions li::before{content:counter(action);position:absolute;left:0;top:2px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e9ecdf;color:#596942;font-size:18px;font-weight:700}
.g-actions strong{display:block;font-size:var(--reading,26px);line-height:1.4;font-weight:750}
.g-page .g-actions p,.g-page .g-note p{font-size:calc(var(--reading,26px) * .84);line-height:1.6;white-space:pre-line;color:#4f5549;margin:10px 0 0}
.g-note{border-left:4px solid #bc8a43;background:#f0e9d9;padding:18px 22px;margin:22px 0}
.g-note strong{font-size:calc(var(--reading,26px) * .88)}
.g-page .g-outline>summary{font-size:calc(var(--reading,26px) * 1.08);line-height:1.4}
.g-page .g-ingredients li{font-size:calc(var(--reading,26px) * .92)}
.g-page .g-outline>.g-eyebrow{font-size:15px;margin-top:20px}
.g-header{flex-wrap:wrap}
.g-font-control{display:flex;align-items:center;gap:12px;margin-left:auto;padding:4px 14px;background:#e9ecdf;border-radius:14px;font-size:20px}
.g-font-control input{width:160px;max-width:32vw;height:48px;accent-color:#ad482e;cursor:pointer}
.g-font-big{font-size:30px;font-weight:650}
.g-font-control output{font-size:15px;min-width:22px;font-variant-numeric:tabular-nums}
.g-note{display:flex;align-items:flex-start;gap:16px}
.g-bulb{font-size:30px;line-height:1.3;flex-shrink:0}
.g-food-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;background:#edf0e5;border-radius:12px;font-size:30px}
.g-food-text{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;flex:1;min-width:0}
.g-food-text strong{font-weight:600;flex:1;min-width:150px}
.g-quantity{display:inline-block;border:1px solid #ced8bf;background:#eef3e6;border-radius:10px;padding:4px 12px;font-weight:750;font-size:.95em;color:#3e5032}
.g-measure{display:block;flex-basis:100%;font-size:.82em;line-height:1.5;color:#60664f}
.g-ingredients input:checked~.g-food-text{opacity:.55}
.g-ingredients input:checked~.g-food-text strong{text-decoration:line-through}
.g-product{border-bottom:1px solid #dedfd4;padding:20px 0}
.g-product p{font-size:20px;line-height:1.55}
.g-product .g-eyebrow{font-size:13px;margin-bottom:8px}
@media(max-width:550px){.g-font-control{margin-left:0}.g-header{gap:10px}.g-food-icon{width:38px;height:38px;font-size:26px}.g-food-text strong{min-width:120px}}
@media(max-width:700px){.goulash .device{padding:18px 20px 120px}.g-intro,.g-columns,.g-step{grid-template-columns:1fr}.g-intro{gap:22px}.g-step .g-photo{position:static;max-height:340px}.g-top{flex-wrap:wrap;margin-bottom:20px}.g-top .g-btn{padding:10px 14px}.g-footer{padding-left:16px;padding-right:16px}.g-footer .g-primary{min-width:0;flex:1}.g-panel{padding:22px}.g-page h1{font-size:36px}}
@media(min-width:701px) and (orientation:portrait){.g-intro{grid-template-columns:1fr 1fr}.g-step{grid-template-columns:1fr}.g-step .g-photo{position:static;max-height:340px;object-position:center}}