/* 레시피 페이지 (guide.css 위에) */
.doc.recipe{ max-width:860px; }
.recipe h1 span{ color:var(--faint); font-weight:700; }
.rc{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:16px; margin:16px 0 8px; box-shadow:var(--fig-shadow); }
.rc-head{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; }
.rc-head b{ font-size:16px; color:var(--text); }
.rc-in{ display:flex; gap:12px; flex-wrap:wrap; }
.rc label{ display:inline-flex; gap:6px; align-items:center; font-size:14px; color:var(--dim); }
.rc input, .rc select{ background:var(--panel2); border:1px solid var(--line); color:var(--text); border-radius:8px; padding:7px 9px; font:inherit; font-size:14.5px; }
.rc input{ width:90px; }
.rc table{ margin:6px 0; } .rc td.amt{ font-weight:700; color:var(--text); white-space:nowrap; } .rc tr.water td{ color:var(--faint); }
.rc th small{ font-weight:400; color:var(--faint); margin-left:4px; }
.rc-note{ font-size:13px; margin:6px 0 0; color:var(--brand); }
.rc-work{ display:flex; gap:12px; align-items:center; flex-wrap:wrap; margin-top:10px; padding-top:10px; border-top:1px dashed var(--line); font-size:14px; }
.rc-work b{ color:var(--text); }
.rc-btns{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin-top:12px; }
.rc-btns button{ background:var(--panel2); border:1px solid var(--line); color:var(--dim); border-radius:8px; padding:6px 12px; font:inherit; font-size:13px; cursor:pointer; }
.rc-btns button:hover{ border-color:var(--brand); color:var(--brand); } .rc-btns a{ font-size:13.5px; margin-left:auto; }
.rsteps li{ margin:6px 0; }
.faq details{ background:var(--panel); border:1px solid var(--line); border-radius:10px; padding:10px 14px; margin:8px 0; }
.faq summary{ cursor:pointer; font-weight:700; color:var(--text); font-size:15px; } .faq details p{ margin:8px 0 0; }
.safety{ border-left:3px solid #e0484f; }
.disclaimer{ font-size:12.5px; color:var(--faint); margin-top:22px; }
.rlist{ display:grid; grid-template-columns:repeat(auto-fill, minmax(240px, 1fr)); gap:12px; margin:12px 0 24px; }
.rlist a{ display:block; background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:14px 16px; text-decoration:none; box-shadow:var(--fig-shadow); }
.rlist a:hover{ border-color:var(--brand); } .rlist b{ display:block; color:var(--text); font-size:15.5px; margin-bottom:4px; } .rlist span{ display:block; color:var(--dim); font-size:13.5px; line-height:1.55; }
.rlist em{ display:block; font-style:normal; font-size:12px; color:var(--brand); margin-top:6px; }
@media print{ .sn-bar, .sn-foot, .rc-btns, .related, .faq, .tfilter, ins, #wlkLangBar{ display:none !important; } body{ background:#fff; } .rc{ box-shadow:none; } }
@media (max-width:600px){ .rc-btns a{ margin-left:0; } }