@charset "UTF-8";
/* ═════════════════════════════════════════════════════════════════
   imp-legacy.css (2026-11-11) — 지금 사이트 모양 그대로 (예전 CSS 세 개를 한 파일로 묶은 것)
   위치: /theme/UXC_Flarumix/css/imp-legacy.css
   쓰이는 때: imp_family.extend.php 가 'preview'(미리보기 아닌 방문자) 또는 'off' 일 때
   새 디자인을 모두에게 켜고('on') 문제가 없으면 이 파일은 지워도 됩니다. 고치지 마세요.
   [L0] theme/UXC_Flarumix/css/custome.css v4
   [L1] extend/restaurant_ui.extend.php v13 안의 맛집 화면 CSS
   [L2] extend/ingredient_extend.php v2.5 안의 식재료 백과 CSS
   [L3] extend/ingredient_extend.php v2.5 — 레시피 글의 식재료 링크
   [L4] (2026-11-11 추가) 레시피 관리 시트가 넣는 '같이 보면 좋은 레시피' 상자 — 레시피 관리 v1.2.1 related-recipes.css 그대로
        (지금 사이트 글에는 아직 이 상자가 없어 기존 화면은 바뀌지 않음. 새 디자인 쪽은 imp-family.css [6]에 같은 상자가 --imp- 값으로 있음)
   ═════════════════════════════════════════════════════════════════ */
/* [L0] custome.css v4 */
/* v4 (2026-10-27) · v2: utf8mb4 는 DB 용어라 브라우저가 무시함 · v3: 평점 스타일 삭제 · v4: 가게 설명 상자 여백 넓힘 */

:root { --color-primary: #f97316; --color-primary-dark: #c2410c; --color-highlight: #fef08a; --color-green: #28a745; --color-blue: #7DD3FC; --color-red: #ef4444; --color-kakao-bg-blue: #E8F6FF; --color-kakao-answer-yellow: #FFE400; }
*, *::before, *::after { box-sizing: border-box; }

/* ========================================================= */
/* == GLOBAL BASE STYLES == */
/* ========================================================= */
html { scroll-behavior: smooth; }
ul, ol { list-style: none; padding: 0; margin: 0; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; height: auto; display: block; }
.title { font-size: 1.875em; line-height: 1.625; }
.text { line-height: 1.625; }
.footerWrap .footerBrand .logo-image { display: flex; align-items: center; gap: 10px; }
.footerWrap .footerBrand .logo-image img { max-height: 40px; width: auto; }
.footerBrand .logo-image strong { font-size: 1.5rem; color: #757575; }
.boardViewWrap .boardViewBody .viewContent { display: flex; padding: 20px 20px 20px; box-sizing: border-box; }


/* 로고 h1 -> div 변경에 따른 크기 보정 (헤더/사이드 로고만) */
.titleWrap .logo-image [data-item="logoTxt"],
.sideWrap .logo-image [data-item="logoTxt"] {
  font-size: 2em;
  font-weight: 700;
}
/* ========================================================= */
/* == GENERAL CONTENT STYLES == */
/* ========================================================= */
.section-title, .faq-title, .restaurant-block .restaurant-title { font-size: 1.5rem; font-weight: 700; color: #ffffff; background-image: linear-gradient(to right, var(--color-primary), var(--color-primary-dark)); margin: 2rem 0; padding: 0.75rem 1.5rem; border-radius: 0.75rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); text-shadow: 1px 1px 2px rgba(0,0,0,0.2); line-height: 1.4; }
.subsection-title { font-size: 1.125rem; font-weight: 700; color: var(--color-primary-dark); margin: 1.5rem 0; line-height: 1.6; }
.meta-box { background-color: #f0fff4; border-left: 4px solid var(--color-green); padding: 1rem; border-radius: 0 0.5rem 0.5rem 0; color: #065f46; } /* v2: 한글 기울임 제거 */
.info-box { background-color: #E0F2FE; border-left: 4px solid var(--color-blue); color: #0C4A6E; padding: 1rem; margin: 1.25rem 0; border-radius: 0 0.5rem 0.5rem 0; line-height: 1.7; }
.warning-box { background-color: #fef2f2; border-left: 4px solid var(--color-red); padding: 1rem; margin: 1.25rem 0; border-radius: 0 0.5rem 0.5rem 0; color: #991b1b; line-height: 1.7; }
.highlight { background-color: var(--color-highlight); padding: 0.25rem 0.5rem; border-radius: 0.25rem; color: #000; }

/* ========================================================= */
/* == TOC STYLES == */
/* ========================================================= */
#toc-container { margin-top: 20px; margin-bottom: 20px; padding: 15px; border: 1px solid #ddd; background-color: #f9f9f9; border-radius: 8px; }
#toc-container h2 { font-size: 1.5em; font-weight: bold; color: #333; margin-bottom: 10px; }
#toc-list { list-style: none; padding: 0; margin: 0; font-size: 1.125em; line-height: 1.6; }
.toc-h3 { margin-left: 20px; font-size: 1.1em; color: #666; }

/* ========================================================= */
/* == FAQ STYLES == */
/* ========================================================= */
.faq-list { margin: 0; padding-top: 1rem; background-color: var(--color-kakao-bg-blue); border-radius: 8px; padding: 1rem; }
.faq-item { padding: 0.5rem 0; margin-bottom: 0; border: none; background-color: transparent; border-radius: 0; box-shadow: none; }
.faq-item:last-of-type { border-bottom: none; margin-bottom: 0; }
.faq-item .question { font-weight: 600; font-size: 1.05rem; color: #1F2937; margin: 0 0.5rem 0 0; padding: 0.75rem 1rem; background-color: #ffffff; border-radius: 12px 12px 12px 4px; max-width: 80%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); width: fit-content; margin-left: 0; line-height: 1.5; }
.faq-item .answer { color: #1F2937; margin: 0.5rem 0 0 0.5rem; padding: 0.75rem 1rem; background-color: var(--color-kakao-answer-yellow); border-radius: 12px 12px 4px 12px; max-width: 80%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); width: fit-content; margin-left: auto; line-height: 1.6; }

/* ========================================================= */
/* == RECIPE CONTENT STYLES == */
/* ========================================================= */
.recipe-container .step-item { display: flex; flex-direction: column; margin-bottom: 2rem; padding: 1.25rem; background-color: rgba(249, 250, 251, 0.8); border-radius: 0.75rem; border: 1px solid rgba(229, 231, 235, 0.9); }
.recipe-container .step-header { display: flex; align-items: center; margin-bottom: 1rem; align-self: flex-start; }
.recipe-container .step-number { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; background-color: #f97316; color: #ffffff; border-radius: 9999px; font-weight: 700; font-size: 1.125rem; }
.recipe-container .step-title { margin-left: 1rem; font-weight: 600; font-size: 1.125rem; color: #374151; line-height: 1.5; }
.recipe-container .step-content { display: flex; flex-direction: column; gap: 1.25rem; width: 100%; }
.recipe-container .step-description { flex: 1 1 0%; color: #374151; line-height: 1.625; }
.recipe-container .step-image { width: 100%; border-radius: 0.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); object-fit: cover; }
.ingredient-highlight-box { background-color: #fcf8e3; padding: 1rem; border-radius: 0.75rem; margin-top: 1.5rem; margin-bottom: 2rem; border: 1px solid #fae69d; }
.ingredient-item { display: flex; align-items: center; padding-top: 0.75rem; padding-bottom: 0.75rem; border-bottom: 1px solid rgba(229, 231, 235, 0.9); line-height: 1.5; }
.ingredient-item:last-child { border-bottom: none; }
.ingredient-col-name { flex-basis: 40%; font-weight: 700; padding-right: 0.5rem; color: #374151; word-break: keep-all; }
.ingredient-col-qty { flex-basis: 40%; color: #713f12; text-align: left; padding: 0 1rem; word-break: keep-all; } /* v2: 한글 기울임 제거 */
.buy-button { flex-grow: 1; flex-shrink: 0; font-size: 0.8rem; padding: 0.3rem 0.7rem; border-radius: 9999px; text-align: center; text-decoration: none; background-color: #f97316; color: #ffffff; transition: all 0.15s ease-in-out; line-height: 1.5; white-space: nowrap; }
.buy-button:hover { background-color: #ea580c; transform: translateY(-1px); color: #ffffff; }
.partners-notice { text-align: center; font-size: 0.75rem; color: #6b7280; margin: 0.75rem 0; padding: 0.75rem; background-color: #f3f4f6; border-radius: 0.375rem; line-height: 1.5; }
.recipe-summary { display: flex; justify-content: space-around; padding: 1rem 0; margin: 2rem 0; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; background-color: #f9f9f9; border-radius: 0.5rem; }
.summary-item { text-align: center; padding: 0 0.5rem; }
.summary-item strong { display: block; font-size: 1.125rem; color: #c2410c; margin-bottom: 0.25rem; }
.summary-item span { font-size: 0.875rem; color: #4b5563; }
@media (min-width: 768px) { 
    .recipe-container .step-content { flex-direction: row; align-items: center; } 
    .recipe-container .step-image { width: 250px; height: 250px; max-width: 250px; } 
}

/* ========================================================= */
/* == RESTAURANT BLOCK STYLES == */
/* ========================================================= */
.restaurant-data-store { display: none !important; } /* 추가: 백그라운드 데이터가 화면에 보이지 않도록 강제 숨김 */

.restaurant-block { background-color: #F9FAFB; padding: 0 1.25rem 1.25rem 1.25rem; border-radius: 8px; } /* v2: 사이트 글꼴 그대로 사용 */
.restaurant-image-wrapper { margin: 0 -1.25rem 1.25rem; }
.restaurant-image-wrapper img { width: 100%; display: block; border-top-left-radius: 8px; border-top-right-radius: 8px; }
.restaurant-block .restaurant-title { margin-top: 0; margin-bottom: 1.5rem; padding: 0.75rem 1.5rem; border-radius: 0.375rem; display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; }
.restaurant-description { background-color: #f0fff4; border-left: 4px solid var(--color-green); padding: 1.375rem 1.625rem; margin: 0 0 2rem !important; border-radius: 0 0.75rem 0.75rem 0; color: #065f46; font-style: normal !important; line-height: 1.85 !important; word-break: keep-all !important; overflow-wrap: break-word; } /* v2: 기울임 제거, 단어 단위 줄바꿈 · v4: 안쪽 여백·줄 간격·아래 제목과의 간격 넓힘 (게시판 본문 기본 스타일이 덮어쓰지 못하게 !important) */
.restaurant-status-badge { font-size: 0.8rem; font-weight: 700; padding: 0.25rem 0.6rem; border-radius: 9999px; display: inline-flex; align-items: center; text-transform: uppercase; letter-spacing: 0.05em; white-space: nowrap; flex-shrink: 0; }
.restaurant-status-badge.open { color: #166534; background-color: #DCFCE7; }
.restaurant-status-badge.closed { color: #52525B; background-color: #F1F5F9; }
.restaurant-status-badge .restaurant-dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; margin-right: 0.4rem; }
.restaurant-status-badge.open .restaurant-dot { background-color: #22C55E; }
.restaurant-status-badge.closed .restaurant-dot { background-color: #94A3B8; }
.restaurant-info-list { list-style: none; padding: 0; margin: 0; }
.restaurant-info-list li { display: flex; align-items: flex-start; padding: 0.75rem 0; border-bottom: 1px solid #E5E7EB; }
.restaurant-info-list li:last-child { border-bottom: none; }
.restaurant-info-list .restaurant-label { width: 6rem; flex-shrink: 0; font-weight: 600; color: #4B5563; padding-top: 2px; }
.restaurant-info-list .restaurant-value { color: #1F2937; }
.restaurant-address-details div { margin-bottom: 0.5rem; }
.restaurant-address-details div:last-child { margin-bottom: 0; }
.restaurant-opening-hours .restaurant-day-time { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 0.25rem; padding: 0.25rem 0.5rem; margin-left: -0.5rem; margin-right: -0.5rem; border-radius: 4px; transition: background-color 0.2s; }
.restaurant-opening-hours .restaurant-day-time:last-child { margin-bottom: 0; }
.restaurant-opening-hours .restaurant-day { display: inline-block; width: 4.5rem; color: #4B5563; }
.restaurant-opening-hours .restaurant-day-time.today { background-color: #C2410C; color: #fff; } /* v2: 흰 글자 대비 2.9:1 → 5.2:1 */
.restaurant-opening-hours .restaurant-day-extra { flex-basis: 100%; font-size: 0.85em; opacity: 0.8; } /* v2: 브레이크 등은 다음 줄 작은 글씨 */
.restaurant-opening-hours .restaurant-day-time.today .restaurant-day,
.restaurant-opening-hours .restaurant-day-time.today span { font-weight: 700; color: #fff; }
.restaurant-badge { display: inline-block; background-color: #E5E7EB; color: #374151; font-size: 0.8rem; font-weight: 600; padding: 0.2rem 0.7rem; border-radius: 0.25rem; margin-right: 0.5rem; white-space: nowrap; flex-shrink: 0; }
.restaurant-button { display: inline-block; text-decoration: none; color: #ffffff; background-color: var(--color-primary); font-size: 0.875rem; font-weight: 600; padding: 0.5rem 0.75rem; border-radius: 0.375rem; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); transition: opacity 0.2s ease-in-out; }
.restaurant-block .restaurant-button.green { background-color: var(--color-green) !important; color: #ffffff !important; }
.restaurant-block .restaurant-button.green:hover { background-color: #249940 !important; color: #ffffff !important; opacity: 1 !important; }
.restaurant-button.yellow { background-color: #ffc107; color: #1F2937; }
.restaurant-button:hover { opacity: 0.9; color: #ffffff; }
.restaurant-button.yellow:hover { color: #1F2937; }
.restaurant-link-group { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }
.restaurant-parking-info { display: flex; gap: 1rem; flex-wrap: wrap; }
.restaurant-parking-details { font-size: 0.8rem; color: #6B7280; margin-top: 0.25rem; }
.restaurant-accolades div { margin-bottom: 0.25rem; }
.restaurant-accolades div:last-child { margin-bottom: 0; }
.restaurant-accolades strong { color: var(--color-primary); font-weight: 700; }
.restaurant-amenities-grouped .restaurant-amenity-group { margin-bottom: 0.75rem; }
.restaurant-amenities-grouped .restaurant-amenity-group:last-child { margin-bottom: 0; }
.restaurant-amenities-grouped .restaurant-amenity-group-title { display: block; font-weight: 600; color: #374151; margin-bottom: 0.5rem; font-size: 0.9rem; }
.restaurant-amenities-grouped .restaurant-amenity-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; justify-content: flex-start; } /* v2: 모바일도 왼쪽 정렬 */
.restaurant-amenity-tag { display: inline-block; background-color: #E5E7EB; color: #374151; font-size: 0.9rem; padding: 0.3rem 0.7rem; border-radius: 4px; }
.restaurant-divider { margin: 1.5rem 0; border: 0; border-top: 1px solid #D1D5DB; }

/* 메뉴 리스트 (PC에서는 좌우 나란히 배치) */
.restaurant-menu-list { list-style: none; margin: 0; background-color: #fcf8e3; padding: 1rem; border-radius: 0.75rem; margin-top: 1.5rem; margin-bottom: 2rem; border: 1px solid #fae69d; }
.restaurant-menu-list li { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1rem 0; border-bottom: 1px solid #E5E7EB; }
.restaurant-menu-list li:last-child { border-bottom: none; }
.restaurant-menu-item { flex: 1; min-width: 0; }
.restaurant-menu-name { font-size: 1.125rem; font-weight: 500; color: #1F2937; display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; word-break: keep-all; line-height: 1.4; }
.restaurant-menu-description { font-size: 0.9rem; color: #6B7280; margin-top: 0.3rem; word-break: keep-all; line-height: 1.4; }
.restaurant-menu-price { font-size: 1.125rem; font-weight: 700; color: #111827; padding-top: 2px; text-align: right; word-break: keep-all; flex-shrink: 0; line-height: 1.4; }

.restaurant-badge-signature { display: inline-block; background-color: var(--color-primary); color: #ffffff; font-size: 0.8rem; font-weight: 700; padding: 0.2rem 0.6rem; border-radius: 0.25rem; text-transform: uppercase; white-space: nowrap; flex-shrink: 0; }
.restaurant-footer { margin-top: 1rem; font-size: 0.875rem; color: #6B7280; }
.restaurant-footer p { margin: 0; }
.restaurant-footer a { margin-left: 0.5rem; }

/* ========================================================= */
/* == 모바일 전용 레이아웃 최적화 (768px 이하) == */
/* ========================================================= */
@media (max-width: 768px) {
    .restaurant-block { padding: 0 1rem 1rem 1rem; }
    .restaurant-image-wrapper { margin: 0 -1rem 1.25rem; }
    .restaurant-description { padding: 1.25rem 1.375rem; margin-bottom: 1.75rem !important; line-height: 1.8 !important; } /* v4: 모바일 설명 상자 여백 */
    
    /* v2: 메뉴명 왼쪽 · 가격 오른쪽 한 줄. 가격은 최대 절반 폭, 길면 가격 칸 안에서만 줄바꿈 (찌그러짐 방지) */
    .restaurant-menu-list { padding: 0.25rem 1rem; }
    .restaurant-menu-list li { gap: 0.75rem; padding: 0.75rem 0; }
    .restaurant-menu-name { font-size: 1.05rem; }
    .restaurant-menu-description { font-size: 0.85rem; margin-top: 0.15rem; }
    .restaurant-menu-price { flex: 0 1 auto; max-width: 48%; font-size: 1.05rem; }
}
/* [L1] restaurant_ui v13 */
.restaurant-block .restaurant-status-badge{text-shadow:none}
.restaurant-block .restaurant-title + .rui-tl{margin-top:-.5rem}
.rui-tl-st{font-size:.95rem;line-height:1.5;color:#374151;word-break:keep-all}
.rui-tl-st b{font-weight:800;margin-right:.1rem}
.rui-tl.is-open .rui-tl-st b{color:#15803d}
.rui-tl.is-break .rui-tl-st b,.rui-tl.is-lastorder .rui-tl-st b{color:#b45309}
.rui-tl.is-before .rui-tl-st b{color:#1d4ed8}
.rui-tl.is-after .rui-tl-st b,.rui-tl.is-dayoff .rui-tl-st b{color:#6b7280}
.rui-tl-day{font-size:.78rem;color:#9ca3af;white-space:nowrap}
.status-indicator.rui-st-open .restaurant-dot{background:#22c55e}
.status-indicator.rui-st-break .restaurant-dot,.status-indicator.rui-st-lastorder .restaurant-dot{background:#f59e0b}
.status-indicator.rui-st-before .restaurant-dot{background:#3b82f6}
.status-indicator.rui-st-after .restaurant-dot,.status-indicator.rui-st-dayoff .restaurant-dot{background:#9ca3af}
.restaurant-status-badge.rui-st-break,.restaurant-status-badge.rui-st-lastorder{background:#FEF3C7;color:#92400E}
.restaurant-status-badge.rui-st-before{background:#DBEAFE;color:#1E40AF}
.rui-menu-hide{display:none!important}

.rui-tl{margin:.1rem 0 .9rem}
.rui-tl[hidden]{display:none}
.rui-tl-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 10px;margin-bottom:30px;word-break:keep-all}
.rui-tl-bar{position:relative;height:12px;border-radius:999px;background:#eceff1}
.rui-tl-seg{position:absolute;top:0;bottom:0;border-radius:999px;background:#22c55e}
.rui-tl-seg.is-break{border-radius:0;background:repeating-linear-gradient(135deg,#fcd34d 0 4px,#fef3c7 4px 8px)}
.rui-tl-now{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:#111827;border-radius:2px}
.rui-tl-now em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:3px;padding:1px 6px;border-radius:6px;background:#111827;color:#fff;font-style:normal;font-size:.66rem;font-weight:700;line-height:1.4;white-space:nowrap}
.rui-tl-bar.is-off{display:flex;align-items:center;justify-content:center;height:24px;background:#f3f4f6}
.rui-tl-offtext{font-size:.78rem;font-weight:700;color:#6b7280}
.rui-tl-ticks{position:relative;height:14px;margin-top:4px;font-size:.66rem;color:#9ca3af}
.rui-tl-ticks span{position:absolute;transform:translateX(-50%);white-space:nowrap}
.rui-glance{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 1rem}
.rui-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid #E5E7EB;border-radius:999px;background:#fff;color:#374151;font-size:.8rem;font-weight:700;line-height:1.4}
.rui-chip i{font-style:normal}
.rui-chip.is-price{background:#FFF7ED;border-color:#FED7AA;color:#C2410C}
.rui-chip.is-off{background:#f5f5f5;border-color:#ececec;color:#9ca3af;font-weight:600}
.rui-nav{position:sticky;top:0;z-index:30;display:flex;gap:6px;overflow-x:auto;margin:1.25rem -1.25rem 4px;padding:8px 1.25rem;background:#F9FAFB;border-bottom:1px solid #E5E7EB;scrollbar-width:none}
@media (max-width:768px){.rui-nav{margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}}
.rui-nav::-webkit-scrollbar{display:none}
.rui-nav.is-overflow{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}
.rui-nav a{flex:0 0 auto;padding:6px 13px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#374151!important;font-size:.82rem;font-weight:700;line-height:1.3;text-decoration:none!important}
.rui-nav a.is-on{background:#C2410C;border-color:#C2410C;color:#fff!important}
.restaurant-menu-list.rui-menu-has-more{margin-bottom:0;border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}
.rui-menu-more{display:block;width:100%;margin:0 0 2rem;padding:.8rem 1rem;border:1px solid #fae69d;border-radius:0 0 .75rem .75rem;background:#fdf1bf;color:#92400E;font-family:inherit;font-size:.93rem;font-weight:700;cursor:pointer}
.rui-menu-more:active{background:#fae69d}

.rui-cp{margin:1.6rem 0 1.4rem;padding:16px 14px 14px;border-radius:14px;background:#fff7f1;border:1px solid #fde0cc}
.rui-cp-hook{margin:0 0 3px!important;font-size:1.04rem;font-weight:800;line-height:1.45;color:#1f2937;word-break:keep-all}
.rui-cp-sub{margin:0 0 12px!important;font-size:.82rem;color:#78716c}
.rui-cp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rui-cp-n1 .rui-cp-list{grid-template-columns:minmax(0,1fr);max-width:220px}
.rui-cp-n2 .rui-cp-list{grid-template-columns:repeat(2,minmax(0,1fr))}
.rui-cp-item{display:flex;flex-direction:column;background:#fff;border:1px solid #f3e3d7;border-radius:10px;overflow:hidden;color:inherit!important;text-decoration:none!important}
.rui-cp-thumb{display:block;aspect-ratio:1/1;background:#f5f5f4}
.rui-cp-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.rui-cp-name{word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 7px 0;font-size:.76rem;line-height:1.35;color:#374151;min-height:2.7em}
.rui-cp-price{margin:3px 7px 8px;font-size:.88rem;font-weight:800;color:#C2410C}
.rui-cp-rocket{font-style:normal;font-size:.66rem;font-weight:700;color:#2563eb;white-space:nowrap}
.rui-cp-more{display:block;margin-top:10px;text-align:center;font-size:.86rem;font-weight:700;color:#C2410C!important;text-decoration:none!important}
.rui-cp .rui-cp-notice{margin:10px 0 0;font-size:.72rem;line-height:1.5}
.rui-cp-cta{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 14px;background:#fff;border:1px solid #f3e3d7;border-radius:12px;color:inherit!important;text-decoration:none!important;transition:border-color .15s,box-shadow .15s}
.rui-cp-cta:hover{border-color:#fdba8c;box-shadow:0 2px 10px rgba(194,65,12,.08)}
.rui-cp-cta-emoji{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:#fff1e6;font-size:1.55rem;line-height:1}
.rui-cp-cta-text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.rui-cp-cta-text b{font-size:.98rem;font-weight:800;line-height:1.35;color:#1f2937;word-break:keep-all;overflow-wrap:anywhere}
.rui-cp-cta-text small{font-size:.76rem;line-height:1.4;color:#78716c;word-break:keep-all}
.rui-cp-cta-go{flex:0 0 auto;padding:7px 12px;border-radius:999px;background:#C2410C;color:#fff;font-size:.8rem;font-weight:800;line-height:1.2;white-space:nowrap}

.rui-near{margin:2rem 0 1rem}
.rui-near .rui-near-title{margin-bottom:1rem}
.rui-near-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.rui-near-card{display:flex;flex-direction:column;border:1px solid #ececec;border-radius:12px;overflow:hidden;background:#fff;color:inherit!important;text-decoration:none!important}
.rui-near-thumb{display:block;aspect-ratio:4/3;background:#f3f4f6}
.rui-near-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.rui-near-body{display:block;padding:8px 10px 10px}
.rui-near-name{word-break:keep-all;overflow-wrap:anywhere;display:block;font-size:.95rem;font-weight:800;line-height:1.35;color:#111827}
.rui-near-desc{word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:.8rem;line-height:1.4;color:#6b7280}
@media (min-width:768px){.rui-near-list{grid-template-columns:repeat(4,minmax(0,1fr))}}

.rui-bar{position:fixed;left:0;right:0;bottom:0;z-index:9990;display:flex;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid #e5e7eb;box-shadow:0 -4px 18px rgba(0,0,0,.07);transition:bottom .2s}
.rui-bar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;height:46px;margin:0;padding:0 6px;border:0;border-radius:11px;font-size:15px;font-weight:800;line-height:1;text-decoration:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit}
.rui-bar-call{background:#C2410C;color:#fff!important}
.rui-bar-map{background:#28a745;color:#fff!important}
.rui-bar-copy{background:#f3f4f6;color:#111827!important}
body.rui-has-bar{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
@media (min-width:901px){.rui-bar{display:none}body.rui-has-bar{padding-bottom:0}}
.rui-toast{position:fixed;left:50%;bottom:96px;z-index:9991;transform:translateX(-50%);max-width:86vw;padding:9px 15px;border-radius:20px;background:#111827;color:#fff;font-size:14px;line-height:1.4;opacity:0;pointer-events:none;transition:opacity .2s}
.rui-toast.show{opacity:.96}
.rui-toast-act{margin-left:10px;padding:0;border:0;background:none;color:#FDBA74;font:inherit;font-weight:800;text-decoration:underline;cursor:pointer;pointer-events:auto}
.rui-near-map{max-width:520px;margin:0 auto 12px}
.rui-map{display:block;width:100%;height:auto;max-width:100%}
.rui-map a circle{transition:r .15s}
.rui-map a:hover circle,.rui-map a:focus circle{stroke:#111827}
.rui-near-thumb{position:relative}
.rui-near-no{position:absolute;left:8px;top:8px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#28a745;border:2px solid #fff;color:#fff;font-style:normal;font-size:.72rem;font-weight:800;line-height:1}
.rui-near-dist{display:block;margin-top:2px;font-size:.78rem;font-weight:700;color:#15803d}
.rui-menu-wrap{position:relative}
.rui-cart-hint{margin:-.75rem 0 -.75rem;font-size:.82rem;color:#6b7280;word-break:keep-all}
.restaurant-menu-list li[data-rui-price]{position:relative}
.rui-qty{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;align-self:center}
.rui-qty button{width:28px;height:28px;margin:0;padding:0;border-radius:50%;border:1px solid #fae69d;background:#fff;color:#92400E;font-family:inherit;font-size:17px;font-weight:800;line-height:1;cursor:pointer}
.rui-qty .rui-add{background:#C2410C;border-color:#C2410C;color:#fff}
.rui-qty .rui-sub,.rui-qty .rui-n{display:none}
.restaurant-menu-list li.rui-in{background:#fdf1bf;margin:0 -1rem;padding-left:1rem;padding-right:1rem}
.restaurant-menu-list li.rui-in .rui-sub{display:inline-block}
.restaurant-menu-list li.rui-in .rui-n{display:inline-block;min-width:1.3em;text-align:center;font-size:.92rem;color:#92400E}
.rui-cart{position:sticky;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:25;display:grid;gap:8px;margin:.75rem 0 1.75rem;padding:12px 14px;border-radius:14px;background:#1F2937;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.rui-cart[hidden]{display:none}
@media (min-width:901px){.rui-cart{bottom:16px}}
/* v13 휴대폰 메뉴판: 이름 · 가격 · ＋ 한 줄, 설명은 아래 전체 폭 (테마 CSS 의 예전 세로 배치·좁은 가운데 칸을 덮어씀) */
@media (max-width:768px){
.restaurant-menu-list li{display:grid;grid-template-columns:minmax(40%,1fr) auto;column-gap:.6rem;row-gap:.15rem;align-items:center;flex-direction:row}
.restaurant-menu-list li[data-rui-price]{grid-template-columns:minmax(40%,1fr) auto auto}
.restaurant-menu-list li > .restaurant-menu-item{display:contents}
.restaurant-menu-list li > .restaurant-menu-item > *{grid-column:1/-1;min-width:0}
.restaurant-menu-list li > .restaurant-menu-item > .restaurant-menu-name{grid-column:1;grid-row:1;overflow-wrap:anywhere}
.restaurant-menu-list li > .restaurant-menu-price{grid-column:2;grid-row:1;width:auto;max-width:none;min-width:0;margin:0;padding-top:0;text-align:right;align-self:center;overflow-wrap:anywhere}
.restaurant-menu-list li > .rui-qty{grid-column:3;grid-row:1;align-self:center}
.restaurant-menu-list .restaurant-menu-description{margin:.1rem 0 0}
}
.rui-cart-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.92rem;line-height:1.4}
.rui-cart-row strong{font-size:1.12rem;font-weight:800}
.rui-cart-row b{font-weight:800}
.rui-pp-box{display:inline-flex;align-items:center;gap:6px}
.rui-pp-box button{width:26px;height:26px;margin:0;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-family:inherit;font-size:15px;line-height:1;cursor:pointer}
.rui-clear{margin-left:6px;padding:0;border:0;background:none;color:rgba(255,255,255,.7);font-family:inherit;font-size:.8rem;text-decoration:underline;cursor:pointer}
.rui-cart-muted{color:rgba(255,255,255,.6);font-size:.8rem}
.restaurant-image-wrapper{position:relative}
.restaurant-block .rui-save.is-on-img{position:absolute;right:12px;bottom:12px;margin:0;padding:.45rem .85rem;border:0;border-radius:999px;background:rgba(17,24,39,.6);color:#fff;font-family:inherit;font-size:.85rem;font-weight:800;line-height:1.2;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
.restaurant-block .rui-save.is-on-img[aria-pressed="true"]{background:#fff;color:#C2410C}
.restaurant-block .restaurant-title .rui-save{margin-left:auto;padding:.3rem .75rem;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-family:inherit;font-size:.82rem;font-weight:800;line-height:1.2;text-shadow:none;cursor:pointer;white-space:nowrap}
.restaurant-block .restaurant-title .rui-save[aria-pressed="true"]{background:#fff;color:#C2410C;border-color:#fff}
.rui-saved-link{display:block;margin:-.75rem 0 12px auto;padding:0;border:0;background:none;color:#C2410C;font-family:inherit;font-size:.86rem;font-weight:800;cursor:pointer}
.rui-saved-link[hidden]{display:none}
.rui-sheet{position:fixed;inset:0;z-index:9995}
.rui-sheet-bg{position:absolute;inset:0;background:rgba(17,24,39,.45)}
.rui-sheet-box{position:absolute;left:0;right:0;bottom:0;max-height:75%;overflow:auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0;background:#fff;color:#111827;box-shadow:0 -8px 30px rgba(0,0,0,.15)}
@media (min-width:640px){.rui-sheet-box{left:50%;right:auto;bottom:24px;width:420px;transform:translateX(-50%);border-radius:16px}}
.rui-sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:1rem}
.rui-sheet-x{width:32px;height:32px;padding:0;border:0;border-radius:50%;background:#f3f4f6;color:#374151;font-size:14px;cursor:pointer}
.rui-sheet-list{list-style:none;margin:0;padding:0}
.rui-sheet-list li{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #f1f1f1}
.rui-sheet-item{flex:1;min-width:0;display:flex;align-items:center;gap:10px;color:#111827!important;text-decoration:none!important}
.rui-sheet-thumb{flex:0 0 48px;width:48px;height:48px;border-radius:8px;overflow:hidden;background:#f3f4f6}
.rui-sheet-thumb img{display:block;width:100%;height:100%;object-fit:cover}
.rui-sheet-txt{min-width:0;display:grid}
.rui-sheet-txt b{overflow:hidden;font-size:.95rem;white-space:nowrap;text-overflow:ellipsis}
.rui-sheet-txt small{font-size:.78rem;color:#6b7280}
.rui-sheet-del{flex:0 0 auto;padding:5px 9px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#6b7280;font-family:inherit;font-size:.78rem;cursor:pointer}
.rui-sheet-note{margin:10px 0 0;font-size:.75rem;color:#9ca3af}
.rui-sheet-empty{padding:16px 0;color:#9ca3af}
/* [L2] ingredient v2.5 */
.ing-wrap{--ip:#f97316;--ipf:#c2410c;--ipd:#c2410c;--ipt:#9a3412;--ink:#1c1917;--itx:#292524;--isub:#57534e;--imu:#78716c;--iln:#e7e2dc;--ibg:#faf8f6;--iwm:#fff7ed;--iwb:#fed7aa;color:var(--itx);line-height:1.75;word-break:keep-all;overflow-wrap:break-word;container-type:inline-size}.darkMode .ing-wrap{background:#fff;border-radius:16px;padding:16px 14px}.ing-wrap p{margin:0}.ing-wrap,.ing-wrap *,.ing-wrap *:before,.ing-wrap *:after{box-sizing:border-box}.ing-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.84rem;color:var(--imu);margin:0 0 14px!important}.ing-crumb a{color:var(--ipd);font-weight:600}.ing-lift{position:relative;padding-top:38px}.ing-crumb-lift{position:absolute;top:0;left:0;right:0;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;margin:0!important}.ing-crumb-lift>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.ing-hero-img img{display:block;width:100%;height:auto;border-radius:16px!important;margin:0 0 12px;aspect-ratio:4/3;object-fit:cover;background:#efebe7}.ing-answer{position:relative;background:var(--iwm);border:1px solid var(--iwb);border-radius:16px;padding:18px 18px 16px;margin:0 0 12px}.ing-answer:before{content:"핵심 정리";display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.02em;line-height:1.6;color:#fff;background:var(--ipf);border-radius:999px;padding:1px 10px;margin-bottom:8px}.ing-answer p{font-size:1.06rem;line-height:1.8;color:var(--ink)}.ing-glance{border:1px solid var(--iln);border-radius:16px;background:#fff;margin:0 0 12px;overflow:hidden}.ing-facts{display:flex;flex-wrap:wrap;gap:1px;background:var(--iln);margin:0}.ing-fact{flex:1 1 30%;min-width:0;padding:12px 14px;background:#fff}.ing-fact-k{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--imu);line-height:1.4}.ing-fact-k .ing-i{color:var(--ip)}.ing-fact-v{display:block;font-size:1.12rem;font-weight:800;color:var(--ink);line-height:1.35;margin-top:3px;font-variant-numeric:tabular-nums}.ing-fact-s{display:block;font-size:.8rem;font-weight:600;color:var(--isub);line-height:1.4;margin-top:1px}.ing-fact-v a{color:var(--ink);text-decoration:none}.ing-fact-v a:after{content:"›";color:var(--ip);margin-left:5px;font-weight:800}.ing-season{padding:12px 14px 14px;border-top:1px solid var(--iln);background:var(--ibg)}.ing-season-head{display:flex;align-items:center;gap:5px}.ing-season-head .ing-i{color:var(--ip)}.ing-season-head .ing-fact-k{display:inline}.ing-season-head strong{margin-left:auto;font-size:.95rem;color:var(--ink)}.ing-season-now{display:inline-block;margin-left:6px;font-size:.74rem;font-weight:800;color:#fff;background:#15803d;border-radius:999px;padding:1px 8px}.ing-months{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;margin-top:9px!important}.ing-months li{text-align:center;font-size:.74rem;line-height:1;padding:7px 0;border-radius:6px;background:#efebe7;color:var(--isub);font-variant-numeric:tabular-nums}.ing-months li.on{background:#ea580c;color:#fff;font-weight:800}.ing-months li.now{box-shadow:0 0 0 2px var(--ink) inset}.ing-season-hubs{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:10px!important;font-size:.84rem;color:var(--isub)}.ing-season-hubs a{display:inline-flex;align-items:center;min-height:28px;padding:2px 12px;border:1px solid var(--iwb);border-radius:999px;background:#fff;color:var(--ipd);font-weight:700}.ing-season-hubs a:hover{background:var(--iwm)}.ing-keys{white-space:nowrap}.ing-editor{display:flex;gap:12px;align-items:flex-start;margin:16px 0 4px;padding:2px 0 2px 14px;border-left:3px solid var(--ip)}.ing-editor .ing-i{color:var(--ip);font-size:1.2rem;margin-top:3px}.ing-editor-k{display:block;font-size:.82rem;font-weight:800;color:var(--ipd)}.ing-editor p{color:var(--itx)}.ing-toc{margin:22px 0 4px;padding:12px 0;border-top:1px solid var(--iln);border-bottom:1px solid var(--iln)}.ing-toc-k{display:block;font-size:.8rem;font-weight:800;color:var(--imu);margin-bottom:8px}.ing-toc ol{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:0 28px 2px 0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}.ing-toc ol::-webkit-scrollbar{display:none}.ing-toc li{flex-shrink:0}.ing-toc a{display:inline-flex;align-items:center;gap:5px;font-size:.88rem;line-height:1.4;padding:8px 13px;border-radius:999px;background:#f3f0ec;color:#44403c;white-space:nowrap}.ing-toc a .ing-i{color:var(--ipd)}.ing-toc a:hover{background:var(--iwm);color:var(--ipd)}.ing-toc-cta{display:none}.ing-h2{display:flex;align-items:center;gap:10px;font-size:1.32rem;font-weight:800;color:var(--ink);line-height:1.35;margin:46px 0 16px;padding-bottom:10px;border-bottom:2px solid var(--ink);scroll-margin-top:70px}.ing-layout{counter-reset:ingsec}.ing-h2{counter-increment:ingsec}.ing-h2:before{content:counter(ingsec,decimal-leading-zero);font-size:.82rem;font-weight:800;color:#fff;background:var(--ipf);border-radius:6px;padding:1px 7px;line-height:1.5;font-variant-numeric:tabular-nums;flex-shrink:0}.ing-h3{display:flex;align-items:center;gap:6px;font-size:1.02rem;font-weight:800;color:var(--ink);margin:24px 0 10px}.ing-store{display:grid;gap:10px;margin:0 0 8px}.ing-store-item{border:1px solid var(--iln);border-radius:14px;padding:14px 16px;background:#fff}.ing-store-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap;row-gap:6px}.ing-store-name{display:flex;align-items:center;gap:6px;font-weight:800;color:var(--ink)}.ing-store-name .ing-i{color:var(--ip)}.ing-store-days{flex-shrink:0;font-size:.86rem;font-weight:800;color:var(--ipd);background:var(--iwm);border:1px solid var(--iwb);border-radius:999px;padding:2px 10px;font-variant-numeric:tabular-nums}.ing-store-how{color:#44403c}.ing-store-track{display:block;height:8px;margin-top:12px;background:#efebe7;border-radius:999px;overflow:hidden}.ing-store-bar{display:block;height:100%;background:#fdba74;border-radius:999px}.ing-store-min{display:block;height:100%;background:var(--ip);border-radius:999px}.ing-store-note{display:flex;align-items:flex-start;gap:5px;font-size:.8rem;color:var(--imu);line-height:1.55;margin:2px 0 14px!important}.ing-store-note .ing-i{margin-top:2px}.ing-key{display:inline-block;width:14px;height:8px;border-radius:999px;vertical-align:1px;margin:0 3px 0 2px}.ing-key-min{background:var(--ip)}.ing-key-max{background:#fdba74}.ing-points{margin:0 0 14px;border-top:1px solid var(--iln)}.ing-points li{position:relative;padding:12px 4px 12px 40px;border-bottom:1px solid var(--iln)}.ing-points li:before{content:"";position:absolute;left:4px;top:14px;width:24px;height:24px;border-radius:50%;background:#ffedd5}.ing-points li:after{content:"";position:absolute;left:9px;top:19px;width:14px;height:14px;background:var(--ipd);-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}.ing-points strong,.ing-steps strong,.ing-uses strong{display:block;color:var(--ink);line-height:1.55}.ing-points span,.ing-steps span,.ing-uses span{display:block;color:var(--isub);font-size:.95rem;line-height:1.65}.ing-steps{counter-reset:ingstep;margin:0 0 14px}.ing-steps li{counter-increment:ingstep;position:relative;padding:3px 0 18px 46px;min-height:34px}.ing-steps li:before{content:counter(ingstep);position:absolute;left:0;top:0;width:32px;height:32px;line-height:32px;border-radius:50%;background:var(--ipf);color:#fff;font-weight:800;text-align:center;font-size:.9rem}.ing-steps li:after{content:"";position:absolute;left:15px;top:36px;bottom:2px;width:2px;background:var(--iwb)}.ing-steps li:last-child{padding-bottom:4px}.ing-steps li:last-child:after{display:none}.ing-bad{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;padding:10px 16px;margin:0 0 14px}.ing-bad li{position:relative;padding:5px 0 5px 26px;color:#7f1d1d}.ing-bad li:before{content:"";position:absolute;left:0;top:10px;width:16px;height:16px;background:#dc2626;-webkit-mask:var(--ix) center/contain no-repeat;mask:var(--ix) center/contain no-repeat}.ing-h3-bad{color:#991b1b}.ing-uses{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;margin:0 0 14px}.ing-uses:has(>li:nth-child(4):last-child){grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.ing-uses>li:nth-child(3n+1):last-child:not(:first-child):not(:nth-child(4)){grid-column:1/-1}.ing-uses li{border:1px solid var(--iln);border-left:4px solid var(--ip);border-radius:12px;padding:12px 14px;background:#fff}.ing-uses strong{color:var(--ipd)}.ing-uses strong a{color:var(--ipd);text-decoration:underline;text-underline-offset:3px}.ing-tip{display:flex;gap:10px;align-items:flex-start;border-radius:14px;padding:12px 14px;margin:12px 0 16px;background:var(--ibg);border:1px solid var(--iln)}.ing-tip>.ing-i{color:var(--ip);font-size:1.15rem;margin-top:4px}.ing-tip-k{display:block;font-size:.82rem;font-weight:800;color:var(--ipd);line-height:1.5}.ing-tip p{color:var(--itx)}.ing-tip-mistake{background:#fef2f2;border-color:#fecaca}.ing-tip-mistake>.ing-i,.ing-tip-mistake .ing-tip-k{color:#b91c1c}.ing-xref,.ing-autolink{color:var(--ipd);text-decoration:underline;text-underline-offset:3px}.ing-text{color:var(--itx);margin:0 0 10px!important}.ing-empty{color:var(--imu);font-size:.92rem}.ing-sub h3{display:flex;align-items:center;gap:6px;font-size:1.02rem;font-weight:800;color:var(--ink);margin:26px 0 6px}.ing-sub h3 .ing-i{color:var(--ip)}.ing-more{margin:4px 0 16px!important}.ing-more a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;border:1px solid var(--iwb);border-radius:12px;background:var(--iwm);color:var(--ipd);font-weight:800}.ing-more a:after{content:"›";font-size:1.3rem;line-height:1}.ing-pn{display:flex;gap:6px;align-items:flex-start;font-size:.82rem!important;line-height:1.55!important;color:var(--isub)!important;margin:18px 0 8px!important;padding:0!important;background:none!important;text-align:left!important}.ing-pn .ing-i{color:var(--imu);margin-top:2px}.ing-pn-top{margin:0 0 14px!important;padding:9px 12px!important;border:1px solid var(--iln);border-radius:10px;background:var(--ibg)!important}.ing-product{margin:0 0 22px}.ing-product .ingredient-highlight-box{background:linear-gradient(135deg,#fff7ed 0%,#fff 70%);border:1.5px solid #fdba74;border-radius:16px;margin:0;padding:0;box-shadow:0 4px 16px rgba(249,115,22,.13)}.ing-product .ingredient-list{margin:0}.ing-product .ingredient-item{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border:0}.ing-prod-ico{flex-shrink:0;width:58px;height:58px;border-radius:14px;background:#fff;border:1px solid var(--iwb);display:flex;align-items:center;justify-content:center;color:var(--ip);font-size:1.75rem}.ing-prod-body{flex:1;min-width:0;display:block}.ing-prod-tag{display:inline-block;font-size:.76rem;font-weight:800;color:var(--ipt);background:#ffedd5;border-radius:999px;padding:1px 9px;margin-bottom:4px}.ing-product .ingredient-col-name{display:block;flex-basis:auto;padding:0;font-size:1.05rem;font-weight:800;color:var(--ink);line-height:1.4}.ing-product .ingredient-col-qty{display:block;flex-basis:auto;padding:0;margin-top:2px;font-style:normal;color:var(--isub);font-size:.88rem;line-height:1.5}.ing-product .buy-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;font-size:.92rem;font-weight:800;padding:11px 18px;border-radius:12px;background:var(--ipf);color:#fff;line-height:1.3;box-shadow:0 3px 8px rgba(194,65,12,.3)}.ing-product .buy-button:after{content:"";position:absolute;inset:0;border-radius:16px}.ing-product .ingredient-item:hover .buy-button{background:var(--ipt)}.ing-product-s .ingredient-highlight-box{background:#fff;border:1px solid var(--iwb);border-radius:12px;box-shadow:none}.ing-product-s .ingredient-item{gap:10px;padding:10px 12px}.ing-product-s .ing-prod-ico{width:36px;height:36px;border-radius:10px;font-size:1.15rem}.ing-product-s .ingredient-col-name{font-size:.95rem}.ing-product-s .ingredient-col-qty{font-size:.82rem}.ing-product-s .buy-button{background:none;color:var(--ipd);box-shadow:none;padding:6px 2px;font-size:.88rem}.ing-product-s .ingredient-item:hover .buy-button{background:none;color:var(--ipt)}.ing-slider{position:relative;margin:4px 0 4px}.ing-recipe-list{display:flex!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px 0 8px;margin:0}.ing-recipe-list::-webkit-scrollbar{display:none}.ing-recipe-list li{flex:0 0 44%;scroll-snap-align:start;min-width:0}.ing-recipe-list a{display:block;color:inherit;text-decoration:none}.ing-recipe-list img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:12px!important;display:block;margin-bottom:8px}.ing-recipe-list span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;font-weight:600;line-height:1.45;color:var(--itx)}.ing-sl-btn{position:absolute;top:34%;transform:translateY(-50%);width:40px;height:40px;border-radius:50%;border:1px solid var(--iln);background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.14);font-size:1.4rem;line-height:36px;text-align:center;color:var(--itx);cursor:pointer;z-index:2;padding:0}.ing-sl-prev{left:-8px}.ing-sl-next{right:-8px}.ing-sl-hint{display:flex;justify-content:space-between;font-size:.82rem;color:var(--imu);margin:0 0 6px!important}.ing-pair-k{font-size:.82rem;color:var(--imu);margin:0 0 12px!important}.ing-pair{display:grid;grid-template-columns:auto 1fr auto;gap:10px 12px;align-items:center;margin:0 0 10px}.ing-pair li{display:contents}.ing-pair-name{font-weight:700;font-size:.94rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ing-pair-name a{color:var(--ipd);text-decoration:underline;text-underline-offset:3px}.ing-pair-track{display:block;height:10px;background:#efebe7;border-radius:999px;overflow:hidden}.ing-pair-bar{display:block;height:100%;background:linear-gradient(90deg,#fdba74,var(--ip));border-radius:999px}.ing-pair-n{font-size:.84rem;color:var(--isub);text-align:right;font-variant-numeric:tabular-nums}.ing-faqs{counter-reset:ingfaq}.ing-faq{counter-increment:ingfaq;border:1px solid var(--iln);border-radius:14px;padding:14px 16px;margin:0 0 10px;background:#fff}.ing-faq-q{display:flex;gap:8px;font-size:1rem;font-weight:800;color:var(--ink);line-height:1.55;margin:0 0 6px}.ing-faq-q:before{content:"Q" counter(ingfaq);flex-shrink:0;min-width:28px;height:22px;line-height:22px;border-radius:6px;background:var(--ipf);color:#fff;text-align:center;font-size:.76rem;margin-top:2px;padding:0 4px}.ing-faq-a{color:#44403c;padding-left:36px}.ing-source{display:flex;gap:8px;align-items:flex-start;margin-top:36px!important;padding:12px 14px;border-radius:12px;background:var(--ibg);font-size:.84rem;color:var(--isub);line-height:1.6}.ing-source .ing-i{margin-top:3px}.ing-points li:after{--ic:var(--im-check)}.ing-bad li:before{--ix:var(--im-x)}.ing-h2-sub{font-size:.8rem;font-weight:600;color:var(--imu);margin-left:2px;align-self:center}.ing-conv{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin:0 0 14px}.ing-conv li{border:1px solid var(--iln);border-radius:12px;padding:10px 12px;background:#fff}.ing-conv-k{display:block;font-size:.84rem;color:var(--isub);line-height:1.45}.ing-conv-v{display:block;font-size:1.12rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:2px}.ing-h3 .ing-i{color:var(--ip)}.ing-nutr{border:1px solid var(--iln);border-radius:16px;background:#fff;overflow:hidden;margin:0 0 14px}.ing-nutr-top{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--iln)}.ing-nutr-kcal{flex:0 0 auto;min-width:130px;padding:16px 18px;border-right:1px solid var(--iln);display:flex;flex-direction:column;justify-content:center;background:var(--iwm)}.ing-nutr-kcal strong{font-size:2rem;font-weight:800;color:var(--ink);line-height:1.1;font-variant-numeric:tabular-nums}.ing-nutr-u{font-size:.84rem;color:var(--isub)}.ing-nutr-k{display:flex;align-items:center;gap:5px;font-size:.82rem;color:var(--imu);margin-bottom:6px}.ing-nutr-k .ing-i{color:var(--ip)}.ing-nutr-comp{flex:1 1 220px;padding:16px 18px}.ing-comp-bar{display:flex;gap:2px;height:18px;border-radius:999px;overflow:hidden;background:#efebe7}.ing-comp-bar span{display:block;height:100%}.ing-c-water{background:#bfdbe6}.ing-c-carb{background:#f97316}.ing-c-prot{background:#9a3412}.ing-c-fat{background:#fbbf24}.ing-c-ash{background:#a8a29e}.ing-comp-legend{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:10px!important;font-size:.84rem;color:var(--isub)}.ing-comp-legend li{display:flex;align-items:center;gap:5px}.ing-comp-legend i{display:inline-block;width:10px;height:10px;border-radius:3px}.ing-comp-legend strong{color:var(--ink);font-variant-numeric:tabular-nums}.ing-nutr-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:0}.ing-nutr-table th,.ing-nutr-table td{padding:10px 16px;border-bottom:1px solid var(--iln);text-align:left;vertical-align:middle}.ing-nutr-table thead th{font-size:.8rem;font-weight:700;color:var(--isub);background:var(--ibg)}.ing-nutr-table tbody th{font-weight:700;color:var(--ink);white-space:nowrap}.ing-nutr-table td:nth-child(2){font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--ink)}.ing-nutr-table td:last-child{width:46%}.ing-nutr-table tbody tr:last-child th,.ing-nutr-table tbody tr:last-child td{border-bottom:0}.ing-dv{display:inline-block;vertical-align:middle;width:calc(100% - 70px);height:8px;background:#efebe7;border-radius:999px;overflow:hidden}.ing-dv-bar{display:block;height:100%;background:var(--ip);border-radius:999px}.ing-nutr-table em{display:inline-block;vertical-align:middle;width:64px;text-align:right;font-style:normal;font-size:.84rem;color:var(--isub);font-variant-numeric:tabular-nums}.ing-dv-na{color:var(--imu)}.ing-nutr-src{display:flex;gap:6px;padding:10px 16px;font-size:.8rem;color:var(--isub);background:var(--ibg);border-top:1px solid var(--iln);line-height:1.55;margin:0!important}.ing-nutr-src .ing-i{margin-top:3px}@media (max-width:520px){.ing-product .ingredient-item{flex-wrap:wrap}.ing-product .buy-button{flex-basis:100%;padding:13px 12px;font-size:1rem}.ing-product-s .ingredient-item{flex-wrap:nowrap}.ing-product-s .buy-button{flex-basis:auto;padding:6px 2px;font-size:.88rem}.ing-nutr-kcal{flex:1 1 100%;border-right:0!important;border-bottom:1px solid var(--iln);flex-direction:row!important;align-items:baseline!important;gap:6px}.ing-nutr-kcal .ing-nutr-k{margin:0 6px 0 0}.ing-nutr-table th,.ing-nutr-table td{padding:9px 12px}.ing-faq-a{padding-left:0}}@media (min-width:768px){.ing-fact{flex-basis:0}.ing-pair{grid-template-columns:auto 1fr auto auto 1fr auto}.ing-pair li:nth-child(even) .ing-pair-name{padding-left:28px}.ing-store{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ing-store:has(>.ing-store-item:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.ing-points{display:grid;grid-template-columns:1fr 1fr;column-gap:28px}.ing-recipe-list li{flex-basis:calc(25% - 9px)}.ing-h2{font-size:1.45rem}.ing-answer p{font-size:1.1rem}}@container (min-width:960px){.ing-layout{position:relative;width:min(800px,calc(100% - 304px))}.ing-layout>.ing-toc{position:absolute;top:0;left:calc(100% + 48px);bottom:0;width:256px;margin:0;padding:0;border:0}.ing-toc-in{position:sticky;top:66px;padding:16px 0 16px 20px;border-left:1px solid var(--iln)}.ing-toc-k{font-size:.84rem;margin-bottom:10px}.ing-layout .ing-toc ol{display:block;overflow:visible;padding:0;-webkit-mask-image:none;mask-image:none;counter-reset:ingtoc}.ing-layout .ing-toc li{counter-increment:ingtoc}.ing-layout .ing-toc a{display:flex;width:100%;padding:7px 10px;margin:0 0 2px;border-radius:10px;background:none;font-size:.92rem;white-space:normal}.ing-layout .ing-toc a:before{content:counter(ingtoc,decimal-leading-zero);font-size:.76rem;font-weight:800;color:var(--imu);min-width:20px;font-variant-numeric:tabular-nums}.ing-layout .ing-toc a .ing-i{display:none}.ing-layout .ing-toc a:hover{background:var(--iwm)}.ing-layout .ing-toc-cta{display:block;margin-top:12px!important}.ing-layout .ing-toc-cta a{justify-content:center;padding:11px 10px;background:var(--ipf);color:#fff;font-weight:800}.ing-layout .ing-toc-cta a:before{display:none}.ing-layout .ing-toc-cta a:hover{background:var(--ipt);color:#fff}}@media (hover:none){.ing-sl-btn{display:none}}/* ===== 상품 이미지 카드 (상품 DB 연결 시. extend의 ing_product_lookup 훅이 데이터를 주면 .ing-product 대신 나옴) ===== */.ing-cp{margin:0 0 22px;border:1.5px solid #fdba74;border-radius:16px;background:linear-gradient(135deg,#fff7ed 0%,#fff 70%);box-shadow:0 4px 16px rgba(249,115,22,.13)}.ing-cp>a{display:flex;align-items:center;gap:14px;padding:14px 16px;color:inherit;text-decoration:none}.ing-cp-img{flex-shrink:0;width:88px;height:88px;border-radius:12px;background:#fff;border:1px solid var(--iwb);object-fit:contain;display:block}.ing-cp-body{flex:1;min-width:0;display:block}.ing-cp-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;font-weight:800;color:var(--ink);line-height:1.4}.ing-cp-meta{display:block;font-size:.84rem;color:var(--isub);line-height:1.5;margin-top:2px}.ing-cp-rocket{color:#0a5bc4;font-weight:800}.ing-cp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;font-size:.92rem;font-weight:800;padding:11px 18px;border-radius:12px;background:var(--ipf);color:#fff;line-height:1.3;box-shadow:0 3px 8px rgba(194,65,12,.3)}.ing-cp>a:hover .ing-cp-btn{background:var(--ipt)}.ing-cp-s{background:#fff;border:1px solid var(--iwb);border-radius:12px;box-shadow:none}.ing-cp-s>a{padding:10px 12px;gap:10px}.ing-cp-s .ing-cp-img{width:56px;height:56px;border-radius:10px}.ing-cp-s .ing-cp-name{font-size:.95rem}.ing-cp-s .ing-cp-btn{background:none;color:var(--ipd);box-shadow:none;padding:6px 2px;font-size:.88rem}.ing-cp-s>a:hover .ing-cp-btn{background:none;color:var(--ipt)}@media (max-width:520px){.ing-cp:not(.ing-cp-s)>a{flex-wrap:wrap}.ing-cp:not(.ing-cp-s) .ing-cp-btn{flex-basis:100%;padding:13px 12px;font-size:1rem}}/* ===== 인터랙티브 (ing-ix) — 백과 글 토큰(.ing-wrap 변수)을 그대로 씀 ===== */.ix-card{border:1px solid var(--iln);border-radius:16px;background:#fff;margin:14px 0 18px;overflow:hidden}.ix-head{display:flex;align-items:center;gap:7px;padding:14px 16px 0;font-size:1.02rem;font-weight:800;color:var(--ink);line-height:1.4}.ix-head .ing-i{color:var(--ip)}.ix-body{display:grid;gap:12px;padding:12px 16px 16px}.ix-row{display:grid;gap:6px}.ix-lab{font-size:.8rem;font-weight:700;color:var(--imu);letter-spacing:.01em}.ix-seg{display:flex;flex-wrap:wrap;gap:6px}.ix-btn{appearance:none;font:inherit;font-size:.9rem;line-height:1.3;min-height:44px;padding:7px 13px;border-radius:999px;border:1px solid var(--iln);background:#fff;color:#44403c;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.ix-btn:hover{border-color:var(--iwb);background:var(--iwm)}.ix-btn[aria-pressed="true"]{background:var(--iwm);border-color:var(--ip);color:var(--ipd);font-weight:800;box-shadow:inset 0 0 0 1px var(--ip)}.ix-btn:focus-visible,.ix-num:focus-visible,.ix-sel:focus-visible,.ix-date:focus-visible{outline:2px solid var(--ipf);outline-offset:2px}.ix-btn small{font-size:.8rem;font-weight:700;color:var(--imu)}.ix-btn[aria-pressed="true"] small{color:var(--ipd)}.ix-date{font:inherit;font-size:.9rem;min-height:44px;padding:6px 10px;border-radius:999px;border:1px solid var(--iln);background:#fff;color:var(--itx)}.ix-result{background:var(--ibg);border-top:1px solid var(--iln);padding:14px 16px 16px}.ix-seg-w{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.ix-seg-w .ix-btn{justify-content:space-between;gap:10px;border-radius:12px;padding:9px 13px;text-align:left;width:100%}.ix-seg-w .ix-btn b{font-size:.95rem;font-weight:800;color:var(--ink)}.ix-seg-w .ix-btn[aria-pressed="true"] b{color:var(--ipd)}.ix-cap0{font-size:.8rem;font-weight:700;color:var(--imu);margin:0 0 2px!important}.ix-big{font-size:1.32rem;font-weight:800;color:var(--ink);line-height:1.35;font-variant-numeric:tabular-nums;margin:0!important}.ix-sub{font-size:.92rem;color:var(--isub);margin:2px 0 12px!important}.ix-sub b{color:var(--ink)}.ix-track{position:relative;height:12px;border-radius:999px;background:#efebe7;margin:26px 0 6px}.ix-fill-min,.ix-fill-max{position:absolute;top:0;bottom:0;left:0;border-radius:999px}.ix-fill-max{background:#fdba74}.ix-fill-min{background:var(--ip)}.ix-today{position:absolute;top:-6px;bottom:-6px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--ink)}.ix-today:after{content:"오늘";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:2px;font-size:.8rem;font-weight:800;color:var(--ink);white-space:nowrap}.ix-scale{display:flex;justify-content:space-between;font-size:.8rem;color:var(--imu);font-variant-numeric:tabular-nums}.ix-state{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:12px 0 0!important;font-size:.92rem;font-weight:700}.ix-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ix-ok{color:#166534}.ix-ok .ix-dot{background:#16a34a}.ix-soon{color:var(--ipt)}.ix-soon .ix-dot{background:var(--ip)}.ix-over{color:#991b1b}.ix-over .ix-dot{background:#dc2626}.ix-state a{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:800}.ix-state .ix-next{flex-basis:100%;padding-left:17px}.ix-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--iln);font-size:.82rem;color:var(--isub)}.ix-foot label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.ix-foot input{width:16px;height:16px;accent-color:var(--ipf)}.ix-link{appearance:none;border:0;background:none;padding:0;font:inherit;font-size:.82rem;color:var(--ipd);text-decoration:underline;text-underline-offset:3px;cursor:pointer}/* ② 계량 환산 */.ix-q{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:.95rem;color:var(--itx)}.ix-step{display:inline-flex;align-items:center;border:1px solid var(--iln);border-radius:999px;background:#fff;overflow:hidden}.ix-step button{appearance:none;border:0;background:none;width:44px;height:44px;font-size:1.25rem;line-height:1;color:var(--ipd);cursor:pointer}.ix-step button:hover{background:var(--iwm)}.ix-step button:disabled{opacity:.35;cursor:default;background:none}.ix-num{width:58px;height:44px;border:0;border-left:1px solid var(--iln);border-right:1px solid var(--iln);text-align:center;font:inherit;font-size:1.05rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;background:#fff;-moz-appearance:textfield}.ix-num::-webkit-inner-spin-button,.ix-num::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ix-sel{font:inherit;font-size:.95rem;height:44px;padding:0 30px 0 12px;border-radius:999px;border:1px solid var(--iln);background:#fff;color:var(--ink);max-width:100%}.ix-out{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:8px;margin:0!important}.ix-out li{border-radius:12px;padding:10px 12px;background:#fff;border:1px solid var(--iln)}.ix-out li.is-g{border-color:var(--iwb);background:var(--iwm)}.ix-out span{display:block;font-size:.8rem;color:var(--isub);line-height:1.4}.ix-out strong{display:block;font-size:1.18rem;font-weight:800;color:var(--ink);font-variant-numeric:tabular-nums;margin-top:2px}.ix-ask{font-size:.92rem;color:var(--isub);margin:0!important}.ix-cap{font-size:.8rem;color:var(--imu);margin:10px 0 0!important}/* ③ 레시피 고르기 */.ix-pick{margin:4px 0 10px}.ix-pick .ix-lab{display:block;margin:0 0 7px}.ix-pick .ix-seg{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:0 0 2px;-webkit-overflow-scrolling:touch}.ix-pick .ix-seg::-webkit-scrollbar{display:none}.ix-pick .ix-btn{flex-shrink:0}.ing-recipe-list li[hidden]{display:none!important}.ix-empty{padding:16px;border:1px dashed var(--iln);border-radius:12px;color:var(--imu);font-size:.9rem}@media (prefers-reduced-motion:no-preference){.ix-fill-min,.ix-fill-max{transition:width .35s ease}.ix-today{transition:left .35s ease}}@container (min-width:600px){.ix-body{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:16px}.ix-row{display:contents}.ix-big{font-size:1.45rem}.ix-seg-w{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.ix-seg-w .ix-btn{flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:8px 12px}.ix-pick .ix-seg{flex-wrap:wrap;overflow-x:visible}}.ing-i{display:inline-block;width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-.17em;background:currentColor;-webkit-mask:var(--im) center/contain no-repeat;mask:var(--im) center/contain no-repeat}.ing-i-fridge{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cpath d='M5 10h14M9 5v2M9 13v3'/%3E%3C/svg%3E")}.ing-i-snow{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v20M3.3 7l17.4 10M3.3 17 20.7 7M9 4l3 2 3-2M9 20l3-2 3 2'/%3E%3C/svg%3E")}.ing-i-therm{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 14.8V4.5a2 2 0 0 0-4 0v10.3a4 4 0 1 0 4 0z'/%3E%3C/svg%3E")}.ing-i-book{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20V3H6.5A2.5 2.5 0 0 0 4 5.5z'/%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 0 6.5 22H20v-5'/%3E%3C/svg%3E")}.ing-i-cal{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4.5' width='18' height='17' rx='2'/%3E%3Cpath d='M8 2.5v4M16 2.5v4M3 10h18'/%3E%3C/svg%3E")}.ing-i-flame{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5c.8 3.5 5 5.6 5 10.5a5 5 0 0 1-10 0c0-2.6 1.6-3.8 2-6.2 1.2.9 1.8 2 2 3.4 1.2-2.2 1.6-4.6 1-7.7z'/%3E%3C/svg%3E")}.ing-i-knife{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 15 21 3c.4 5.6-3.4 10.8-8.2 13.8z'/%3E%3Cpath d='M9 15l-5.5 5.5M6.5 17.5l1.6 1.6'/%3E%3C/svg%3E")}.ing-i-check{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.ing-wrap{--im-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.ing-i-x{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.ing-wrap{--im-x:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}.ing-i-bulb{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21.5h4M12 2.5a6.5 6.5 0 0 0-3.8 11.8V16h7.6v-1.7A6.5 6.5 0 0 0 12 2.5z'/%3E%3C/svg%3E")}.ing-i-chat{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}.ing-i-alert{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E")}.ing-i-swap{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 2l4 4-4 4'/%3E%3Cpath d='M3 11V9a3 3 0 0 1 3-3h15'/%3E%3Cpath d='M7 22l-4-4 4-4'/%3E%3Cpath d='M21 13v2a3 3 0 0 1-3 3H3'/%3E%3C/svg%3E")}.ing-i-pot{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h16v6a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4z'/%3E%3Cpath d='M2 10h20M9 6.5c0-1.2 1-1.3 1-2.5M14 6.5c0-1.2 1-1.3 1-2.5'/%3E%3C/svg%3E")}.ing-i-box{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 8 12 3 3 8v8l9 5 9-5z'/%3E%3Cpath d='M3 8l9 5 9-5M12 13v8'/%3E%3C/svg%3E")}.ing-i-leaf{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.5 19 2c1 2 2 4.2 2 8 0 5.5-4.8 10-10 10z'/%3E%3Cpath d='M2 21c0-3 1.9-5.4 5.1-6'/%3E%3C/svg%3E")}.ing-i-help{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E")}.ing-i-link{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.5.5l3-3a5 5 0 0 0-7-7l-1.7 1.7'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.5-.5l-3 3a5 5 0 0 0 7 7l1.7-1.7'/%3E%3C/svg%3E")}.ing-i-arrow{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}.ing-i-cart{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20.5' r='1.3'/%3E%3Ccircle cx='18' cy='20.5' r='1.3'/%3E%3Cpath d='M1.5 2.5h3.5l2.6 12.4a2 2 0 0 0 2 1.6h8.6a2 2 0 0 0 2-1.6L22.5 7H6'/%3E%3C/svg%3E")}.ing-i-scale{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='10' rx='2'/%3E%3Ccircle cx='12' cy='16' r='2.5'/%3E%3Cpath d='M6 11V8.5h12V11M8 4.5h8'/%3E%3C/svg%3E")}.ing-i-chart{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3v18h18'/%3E%3Cpath d='M7.5 16v-4M12 16V7M16.5 16v-6.5'/%3E%3C/svg%3E")}.ing-i-clock{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 6.5V12l3.5 2'/%3E%3C/svg%3E")}.ing-i-info{--im:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 11v6M12 7.5h.01'/%3E%3C/svg%3E")}
/* [L3] ingredient link on recipes */
.ingredient-col-name a.ing-link{color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:3px}
/* [L4] related-recipes (레시피 관리 v1.2.1) */
.related-recipes { margin: 2.5rem 0 1.5rem; }
.related-recipes .related-list { list-style: none; margin: .75rem 0 0; padding: 0; display: grid; gap: .5rem; }
.related-recipes .related-list li { margin: 0; padding: 0; }
.related-recipes .related-list li::before { content: none; }
.related-recipes .related-list a {
  display: flex; align-items: center; gap: .625rem;
  padding: .875rem 1rem; border: 1px solid #ece6df; border-radius: .75rem;
  background: #faf8f5; color: #292524; font-weight: 600; line-height: 1.45; text-decoration: none;
  transition: border-color .15s, color .15s;
}
.related-recipes .related-list a::before { content: "🍳"; flex: none; }
.related-recipes .related-list a::after { content: "›"; margin-left: auto; padding-left: .5rem; color: #f97316; font-size: 1.375rem; line-height: 1; }
.related-recipes .related-list a:hover,
.related-recipes .related-list a:focus-visible { border-color: #f97316; color: #c2410c; }