/* Внутренние страницы рецептов и способов приготовления.
   Продолжает согласованный визуальный язык главной: кремовый фон,
   Fraunces, живой контур и лаймовая подложка. */
:root{--recipe-lime:#d8ff38;--recipe-paper:#fbf7ed;--recipe-line:#d9d2c3;--recipe-orange:#ff5a2b}
html,body{max-width:100%;overflow-x:clip}
body{background-color:var(--recipe-paper);background-image:radial-gradient(rgba(21,19,15,.045) .75px,transparent .75px);background-size:5px 5px}
.wrap{max-width:1120px}
.crumbs{margin-top:32px;font-size:12px}
.doc{position:relative;background:rgba(255,252,245,.72);border:1px solid var(--recipe-line);border-radius:18px;padding:clamp(28px,5vw,62px);margin:18px 0 76px;box-shadow:0 28px 70px -58px rgba(21,19,15,.45)}
.doc>.eyebrow{color:var(--recipe-orange);margin-bottom:18px}
.doc>h1{font-size:clamp(42px,6.2vw,74px);max-width:14ch;line-height:.98;margin-bottom:24px;letter-spacing:-.025em}
.doc>.lead{max-width:760px;color:#37332b;font-size:clamp(17px,2vw,20px);line-height:1.55;margin-bottom:34px}
.rhero-wrap{position:relative;isolation:isolate;margin:12px 0 44px!important;padding:10px}
.rhero-wrap::before{content:"";position:absolute;z-index:-2;inset:7% -1% -3% 2%;background:var(--recipe-lime);border-radius:44% 8% 38% 9%/15% 38% 13% 35%;transform:rotate(-1.4deg)}
.rhero-wrap::after{content:"";position:absolute;z-index:2;inset:10px;border:1.7px solid var(--ink);border-radius:39% 7% 35% 9%/14% 35% 12% 32%;transform:rotate(.45deg);pointer-events:none}
.rhero-picture{display:block;overflow:hidden;border-radius:39% 7% 35% 9%/14% 35% 12% 32%}
.rhero{width:100%;aspect-ratio:10/6.3!important;object-fit:cover;border-radius:0!important;margin:0!important}
.rhero-avatar{left:32px!important;bottom:auto!important;top:32px!important;width:106px!important;height:106px!important;border:5px solid #fff!important;outline:2px solid var(--recipe-orange);box-shadow:0 12px 28px rgba(21,19,15,.24)!important}
.rmeta{display:flex;flex-wrap:wrap;gap:9px!important;border:0!important;padding:0!important;margin:0 0 34px!important}
.rmeta span{display:inline-flex;align-items:center;min-height:36px;padding:7px 14px;border:1px solid var(--ink);border-radius:999px;background:rgba(255,255,255,.42);font-size:12px}
.doc>p:not(.lead){max-width:820px}
.doc h2{font-size:clamp(29px,3.5vw,42px);margin:50px 0 20px}
.doc h2::after{content:"";display:block;width:28px;height:2px;background:var(--recipe-orange);margin-top:12px}
.doc ul,.doc ol{margin-left:0;list-style:none;max-width:900px}
.doc ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
.doc ul li{position:relative;margin:0;padding:14px 16px 14px 38px;border:1px solid var(--recipe-line);border-radius:10px;background:rgba(255,255,255,.42);line-height:1.45}
.doc ul li::before{content:"✓";position:absolute;left:14px;top:14px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:var(--recipe-lime);font-size:10px;font-weight:900}
.doc ol{counter-reset:recipe-step;display:grid;gap:12px}
.doc ol li{counter-increment:recipe-step;position:relative;margin:0;padding:20px 22px 20px 70px;border:1px solid var(--recipe-line);border-radius:12px;background:rgba(255,255,255,.48);min-height:64px}
.doc ol li::before{content:counter(recipe-step);position:absolute;left:20px;top:16px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--recipe-lime);font:800 13px/1 Manrope,sans-serif}
.rbuy{gap:10px!important;margin:4px 0 24px!important}
.rbuy a{display:inline-flex!important;align-items:center;min-height:44px;background:var(--recipe-lime)!important;color:var(--ink)!important;border:1.5px solid var(--ink);border-radius:9px!important;padding:10px 18px!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.03em}
.doc>p[style]{max-width:820px!important;padding:18px 20px;border-left:3px solid var(--recipe-lime);border-radius:0 10px 10px 0;background:rgba(255,255,255,.38)}
.rback{margin-top:34px!important;padding:13px 20px;border:1.5px solid var(--ink);border-radius:9px;color:var(--ink)!important;text-decoration:none;text-transform:uppercase;font-size:11px}
.doc .note{border-left-color:var(--recipe-lime);background:rgba(255,255,255,.48)}
@media(max-width:720px){
  header nav{padding-left:16px;padding-right:16px}.wrap{padding-left:16px;padding-right:16px}
  .doc{padding:30px 20px;border-radius:14px}.doc>h1{font-size:44px}.doc>.lead{font-size:16px}
  .rhero-wrap{margin-left:-12px!important;margin-right:-12px!important;padding:7px}.rhero{aspect-ratio:10/7!important}.rhero-wrap::after{inset:7px}
  .rhero-avatar{left:23px!important;top:23px!important;width:74px!important;height:74px!important;border-width:4px!important}
  .doc ul{grid-template-columns:1fr}.doc ol li{padding:17px 16px 17px 60px}.doc ol li::before{left:14px;top:14px}
  .doc h2{font-size:31px;margin-top:40px}
}