:root{color:#17202a;background:#f4f1ea;font-family:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(247,244,238,.96)),radial-gradient(circle at 14% 0%,rgba(255,107,107,.16),transparent 26%),#f7f4ee;color:#121417;font-size:17px;line-height:1.65}
a{color:#27364a;text-underline-offset:3px}
.wrap{width:min(100% - 32px,980px);margin-inline:auto}
.site-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 0;border-bottom:1px solid #d8d1c6}
.brand{color:#121417;font-weight:900;text-decoration:none}
.site-head nav{display:flex;gap:14px;font-size:14px;font-weight:750}
.breadcrumbs{margin:24px 0 10px;color:#66707c;font-size:14px}
main{padding-bottom:42px}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:32px;align-items:center;padding:22px 0}
.eyebrow{margin:0 0 8px;color:#826c4d;font-size:13px;font-weight:850}
h1{margin:0;font-size:clamp(34px,7vw,64px);line-height:1.05;letter-spacing:-.02em}
.en-name{margin:10px 0 0;color:#66707c;font-size:20px;font-weight:750}
.lead{max-width:680px;margin:22px 0 0}
.hero img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #d8d1c6;border-radius:14px;box-shadow:0 18px 48px rgba(22,24,29,.14)}
.ai-note{margin:8px 0 0;color:#66707c;font-size:12px;text-align:center}
.panel{margin-top:24px;padding:22px;border:1px solid #d8d1c6;border-radius:12px;background:rgba(255,255,255,.82)}
.panel h2{margin:0 0 16px;font-size:24px}
.facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.facts div{padding:14px;border:1px solid #ded8ce;border-radius:9px;background:#fffdfa}
dt{color:#66707c;font-size:12px;font-weight:850}
dd{margin:4px 0 0;font-weight:750}
.ingredients{margin:0;padding-left:22px}
.ingredients li+li{margin-top:7px}
.notice{margin-top:24px;padding:16px;border:1px solid #ead8a7;border-radius:10px;background:#fff8df;color:#4f4328;font-size:14px}
.pager{display:flex;justify-content:space-between;gap:16px;margin-top:28px}
.pager a{display:block;max-width:48%;padding:12px 14px;border:1px solid #d8d1c6;border-radius:9px;background:#fffdfa;text-decoration:none}
.pager small,.pager strong{display:block}
.pager small{color:#66707c}
.site-foot{padding:22px 0 38px;border-top:1px solid #d8d1c6;color:#66707c;font-size:13px}
.site-foot nav{display:flex;gap:14px;margin-bottom:8px}
.prose{padding:34px 0 48px}
.prose h1{font-size:clamp(34px,6vw,54px)}
.prose h2{margin-top:34px;font-size:24px}
.prose li+li{margin-top:6px}
.recipe-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0;list-style:none}
.recipe-list a{display:block;padding:12px 14px;border:1px solid #d8d1c6;border-radius:9px;background:#fffdfa;text-decoration:none}
.recipe-list strong,.recipe-list span{display:block}
.recipe-list span{color:#66707c;font-size:13px}
@media(max-width:720px){body{font-size:16px}.site-head{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.hero img{order:-1}.facts,.recipe-list{grid-template-columns:1fr}.pager{flex-direction:column}.pager a{max-width:none}}