/* 쿠킹나라 — 레시피 카드 테마 · 단일 컬럼 1060px
   크림 바탕, 원목 메뉴판·푸터, 토마토 체크무늬 띠, 바질 도메인. 제목 Gowun Dodum, 손글씨 Gaegu, 본문 Noto Sans KR.
   코스 색: 부엌(k-kitchen) 토마토, 생활(k-life) 바질, 쉬는 날(k-rest) 원목. */
:root{
  --cream:#FFF7E8; --card:#FFFDF8; --card2:#FBF1DE; --ink:#2B211B; --text:#4A3B30; --soft:#6A5646; --line:#EADCC4; --dot:#C9B08A;
  --tomato:#C8452C; --tomato-d:#A8371F; --basil:#3F6E3A; --wood:#8A5A3B; --wood-d:#5E3D27; --honey:#E3A33B; --red:#8E2A17;
  --hd:'Gowun Dodum','Noto Sans KR',sans-serif; --hand:'Gaegu','Gowun Dodum',cursive;
  --cc:var(--tomato);
}
.k-life{--cc:var(--basil)}.k-rest{--cc:var(--wood)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body.ck-body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere}
a{color:var(--ink);text-decoration:none}
a:hover{color:var(--tomato-d)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:1060px;margin:0 auto;padding:0 24px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kskip{position:absolute;left:-9999px}.kskip:focus{left:12px;top:12px;z-index:99;background:var(--tomato);color:#fff;padding:8px 14px;border-radius:999px}
:focus-visible{outline:3px solid var(--honey);outline-offset:2px}
.kcloth{height:8px;background:repeating-linear-gradient(90deg,var(--tomato) 0 16px,var(--card) 16px 32px)}

/* 헤더 */
.ktop{position:sticky;top:0;z-index:50;background:var(--card);border-bottom:1px solid var(--line)}
.ktop-in{min-height:66px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px}
.kbrand{display:flex;align-items:center;gap:10px;font-family:var(--hd);font-weight:700;font-size:26px;color:var(--ink)}
.kbrand img{width:150px;height:auto}
.knav{margin-left:auto;display:flex;flex-wrap:wrap;gap:4px 20px;font-size:15px;font-weight:500}
.knav a{padding:10px 0;border-bottom:2px dotted transparent}
.knav a:hover{border-color:var(--tomato)}
.kmbtn{display:none;margin-left:auto;width:44px;height:44px;border:2px solid var(--ink);border-radius:999px;background:var(--card);font-size:18px;cursor:pointer;color:var(--ink)}

/* 메뉴판 히어로 */
.kmenu{padding:40px 0 16px}
.kboard{background:var(--card);border:10px solid var(--wood);border-radius:14px;box-shadow:0 6px 0 var(--wood-d);padding:34px 38px;display:flex;flex-wrap:wrap;gap:28px 48px}
.kboard-main{flex:999 1 460px;min-width:0}
.khand{margin:0 0 6px;font-family:var(--hand);font-size:24px;font-weight:700;color:var(--tomato-d)}
.kboard h1{margin:0 0 14px;font-family:var(--hd);font-weight:700;font-size:50px;line-height:1.2;letter-spacing:-1px}
.kboard h1 span{color:var(--tomato)}
.ksub{margin:0 0 20px;max-width:560px;font-size:17px;color:var(--text)}
.ksub b{color:var(--ink)}
.ksearch{display:flex;max-width:560px;background:#fff;border:2px solid var(--ink);border-radius:999px;overflow:hidden}
.ksearch input{flex:1;min-width:0;border:0;outline:none;padding:13px 20px;font:inherit;font-size:15px;background:none;color:var(--ink)}
.ksearch button{flex:none;border:0;background:var(--tomato);color:#fff;font:inherit;font-weight:700;padding:0 26px;cursor:pointer;min-height:48px}
.ksearch button:hover{background:var(--tomato-d)}
.kcourses{flex:1 1 280px;max-width:360px;border-left:2px dashed #D9C3A0;padding-left:30px}
.kcourses .t{margin:0 0 8px;font-family:var(--hd);font-weight:700;font-size:20px;text-align:center}
.kcourses a{display:flex;align-items:baseline;gap:8px;padding:10px 0;min-height:44px}
.kcourses .m{font-family:var(--hand);font-size:22px;color:var(--tomato-d)}
.kcourses .n{font-weight:700}
.kcourses .dots,.kcard .dots,.kingr .dots{flex:1;border-bottom:2px dotted var(--dot);transform:translateY(-4px);min-width:12px}
.kcourses .c{font-size:14px;color:var(--soft)}
.kcourses .st{margin:10px 0 0;padding-top:10px;border-top:1px solid var(--line);font-size:14px;color:var(--soft);text-align:center}

/* 공통 */
.kmain{padding-bottom:64px}
.kblock{padding-top:56px}
.ksec{margin:0 0 10px;font-family:var(--hd);font-weight:700;font-size:28px;line-height:1.35;color:var(--ink)}
.ksec .kw{color:var(--tomato)}
.khead2{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:12px}
.khead2 .ksec{margin:0}
.kmini{font-size:13px;color:var(--soft)}
.kmore{margin-left:auto;font-size:14px;font-weight:700;color:var(--tomato-d)}
.klead{margin:0 0 16px;color:var(--text)}
.kempty{color:var(--soft)}
.knohit{margin:24px 0 0;padding:14px 18px;background:var(--card);border:1px solid var(--line);border-radius:10px;color:var(--red)}
.ksub2{margin:18px 0 8px;font-weight:700;color:var(--soft);font-size:14px}

/* 양념통 */
.kwords{padding-top:24px}
.kjars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kjars>div{background:var(--card);border:1px solid var(--line);border-radius:18px 18px 10px 10px;overflow:hidden;padding:0 16px 16px}
.kjars>div::before{content:"";display:block;height:14px;margin:0 -16px 12px;background:var(--tomato)}
.kjars .j2::before{background:var(--basil)}.kjars .j3::before{background:var(--honey)}.kjars .j4::before{background:var(--wood)}
.kjars h3{margin:0 0 4px;font-family:var(--hd);font-size:20px}
.kjars p{margin:0;font-size:14px;color:var(--text)}
.kjars a{font-weight:700;color:var(--tomato-d)}

/* 코스·레시피 카드 */
.kcourse{padding-top:56px}
.kcourse-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:4px}
.kcourse-h .no{font-family:var(--hand);font-weight:700;font-size:26px;color:var(--tomato-d)}
.kcourse-h h2{margin:0;font-family:var(--hd);font-size:30px;font-weight:700}
.kcourse-h h2 .kw{color:var(--cc)}
.kcourse-h .sub{font-size:14px;color:var(--soft)}
.kcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kcard{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}
.kcard-h{padding:14px 18px 10px;border-bottom:2px dashed var(--line)}
.kcard-h .r{display:flex;justify-content:space-between;align-items:center;gap:8px}
.kcard .plate,.krange .plate{display:inline-block;font-size:13px;font-weight:700;color:#fff;background:var(--cc);border-radius:999px;padding:1px 10px}
.kcard .time{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--soft)}
.kcard h3{margin:6px 0 2px;font-family:var(--hd);font-size:22px}
.kcard-h .d{margin:0;font-size:14px;color:var(--soft)}
.kcard-b{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.kcard .ing{padding:12px 18px}
.kcard .how{padding:12px 18px;background:var(--card2)}
.kcard .lb{margin:0 0 4px;font-size:13px;font-weight:700;color:var(--tomato-d)}
.kcard .ing ul{list-style:none;margin:0;padding:0;font-size:14px}
.kcard .ing li{display:flex;align-items:baseline;gap:8px;padding:5px 0}
.kcard .ing a{font-weight:700}
.kcard .box,.kingr .box{flex:none;width:13px;height:13px;border:2px solid var(--cc);border-radius:3px;transform:translateY(2px)}
.kcard .dm{color:var(--basil);font-size:13px}
.kcard .how ol{margin:0;padding-left:18px;font-size:14px;color:var(--text)}
.kcard .how li{padding:3px 0}
.kcard-go{margin-top:auto;display:block;padding:11px 18px;border-top:1px solid var(--line);font-size:14px;font-weight:700;color:var(--tomato-d)}
.khero-img{margin-top:40px;border-radius:12px;width:100%}

/* 맛보기 */
.kcheck{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.kcheck-t{margin:0 0 12px;font-weight:700}
.kdots4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;text-align:center;font-size:14px;color:var(--soft)}
.kdots4>div{background:var(--cream);border:1px solid var(--line);border-radius:999px;padding:14px 8px}
.kdots4 b{display:block;font-family:var(--hd);font-size:30px;line-height:1.3}
.kdots4 .s-ok b{color:var(--basil)}.kdots4 .s-mv b{color:var(--tomato-d)}.kdots4 .s-blk b{color:var(--soft)}.kdots4 .s-down b{color:var(--red)}
.khist{list-style:none;margin:12px 0 0;padding:0;font-size:13px;color:var(--soft)}
.khist li{padding:4px 0;border-top:1px dotted var(--dot)}
.khist .d{font-weight:700;color:var(--text)}
.kcheck-n{margin:12px 0 0;font-size:13px;color:var(--soft)}
.kcheck-n a{font-weight:700;color:var(--tomato-d)}

/* 쿠킹 노트 */
.knotes{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.knotes a{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--card);border:1px solid var(--line);border-top:6px solid var(--cc);border-radius:10px;padding:14px 16px}
.knotes .pc{font-size:12px;font-weight:700;color:var(--basil)}
.knotes b{line-height:1.5}

/* 조리법 노트 */
.kguides{list-style:none;margin:0;padding:0;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.kguides a{display:flex;gap:14px;align-items:baseline;padding:13px 18px;border-top:1px dashed var(--line)}
.kguides li:first-child a{border-top:0}
.kguides .no{flex:none;font-family:var(--hand);font-weight:700;font-size:22px;color:var(--tomato-d)}
.kguides .ex{font-size:14px;color:var(--soft)}

/* 급상승 */
.trends{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 20px 12px}
.trends .thead{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;justify-content:space-between;padding:6px 0 8px;border-bottom:1px dotted var(--dot)}
.trends .live{font-size:12px;color:var(--soft)}
.trends .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tomato);margin-right:6px}
.trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.trend-grid a{display:flex;gap:12px;padding:8px 0;border-bottom:1px dotted var(--dot);min-width:0}
.trend-grid .rk{width:22px;font-weight:700;color:var(--soft)}.trend-grid .rk.top{color:var(--tomato)}
.trend-grid .kw{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lead{color:var(--text)}

/* FAQ */
.kfaq{display:flex;flex-direction:column;gap:8px}
.kfaq details{background:var(--card);border:1px solid var(--line);border-radius:10px}
.kfaq summary{cursor:pointer;padding:14px 18px;min-height:48px;font-weight:700}
.kfaq .q{color:var(--tomato);margin-right:6px}
.kfaq .a{margin:0;padding:0 18px 16px 42px;color:var(--text)}

/* 푸터 */
.kfoot{background:var(--wood-d);color:#F1E3CC;font-size:14px;margin-top:24px}
.kfoot .kcloth{background:repeating-linear-gradient(90deg,var(--tomato) 0 16px,#F1E3CC 16px 32px)}
.kfoot a{color:#FBEFD9}.kfoot a:hover{color:#FFD9A8}
.kfoot-g{padding:30px 24px 18px;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:20px 32px}
.kfoot-brand{margin:0 0 6px;font-family:var(--hd);font-weight:700;font-size:22px;color:#FFD9A8}
.kfoot-g p{margin:0 0 8px}
.kfoot-stat{color:#D9C3A0;font-size:13px}
.kfh{margin:0 0 6px!important;font-weight:700;color:#fff}
.kfl{list-style:none;margin:0;padding:0;line-height:1.95}
.kfoot-b{padding:12px 24px 26px;border-top:1px solid #7A5640;font-size:13px;color:#D9C3A0}
.kfoot-b p{margin:4px 0}

/* 하위 페이지 */
.kpage{padding-top:20px}
.kcrumb{font-size:14px;color:var(--soft);padding:6px 0}
.kcrumb a{color:var(--soft)}
.kphead{padding:14px 0 6px;border-bottom:2px dashed var(--dot);margin-bottom:6px}
.kphead h1{margin:6px 0 10px;font-family:var(--hd);font-weight:700;font-size:38px;line-height:1.3}
.krange{margin:0;font-size:14px;font-weight:700;color:var(--cc)}
.kstatl,.kdate{margin:0 0 12px;font-size:14px;color:var(--soft)}
.kstatl a{color:var(--tomato-d);font-weight:700}
.krecipe{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;align-items:start}
.krecipe-ing,.krecipe-how{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.krecipe-how{background:var(--card2)}
.krecipe .ksec{font-size:22px}
.krecipe-how ol{margin:0;padding-left:20px;color:var(--text)}
.krecipe-how li{padding:4px 0}
.krecipe-how .tip{margin:12px 0 0;padding-top:10px;border-top:1px dotted var(--dot);font-size:14px;color:var(--text)}
.krecipe-how .tip b{color:var(--basil);margin-right:6px}
.kingr{list-style:none;margin:0;padding:0}
.kingr li{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:9px 0;border-top:1px dotted var(--dot)}
.kingr li:first-child{border-top:0}
.kingr .tt{display:flex;flex-direction:column;min-width:0}
.kingr .tt a:hover b{color:var(--tomato-d)}
.kingr .ft{font-size:13px;color:var(--soft)}
.kingr .dm{font-size:14px;color:var(--basil)}
.kst{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--card2);color:var(--soft)}
.kst-ok{background:#E3EEDF;color:#2F5A2B}.kst-mv{background:#FBE3D9;color:#8A3016}.kst-down{background:#F6DCD5;color:var(--red)}
.kbox{margin-top:24px;padding:16px 20px;background:var(--card2);border:2px dashed var(--dot);border-radius:12px}
.kbox-h{margin:0 0 4px;font-family:var(--hand);font-weight:700;font-size:20px;color:var(--tomato-d)}
.kbox p{margin:0}
.kbox a,.kprose a,.khome a,.klead a{color:var(--tomato-d);font-weight:500;border-bottom:1px solid #EDC2B5}
.ktbl{overflow-x:auto;background:var(--card);border:1px solid var(--line);border-radius:10px;margin:12px 0}
.ktbl table{width:100%;border-collapse:collapse;font-size:15px;min-width:480px}
.ktbl th{background:var(--card2);text-align:left;padding:10px 14px;font-size:14px}
.ktbl td{padding:10px 14px;border-top:1px dotted var(--dot);vertical-align:top}
.kprose{max-width:800px}
.kprose h2{font-family:var(--hd);font-size:24px;margin:36px 0 10px}
.kprose h3{font-size:18px;margin:24px 0 6px}
.kprose p,.kprose li{color:var(--text)}
.kprose ol,.kprose ul{padding-left:22px}
.kprose li{margin:4px 0}
.kchk{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.kchk li{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px 10px 40px;position:relative}
.kchk li::before{content:"";position:absolute;left:14px;top:15px;width:13px;height:13px;border:2px solid var(--cc);border-radius:3px}
.kposts{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kposts a{display:flex;flex-direction:column;gap:6px;height:100%;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:16px}
.kposts a:hover{border-color:var(--tomato)}
.kposts .pc{font-size:12px;font-weight:700;color:var(--basil)}
.kposts b{line-height:1.5}
.kposts .ex{font-size:14px;color:var(--text)}
.kposts .meta{margin-top:auto;font-size:12px;color:var(--soft)}
.kpn{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kpn a{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px 16px;font-weight:700}
.kpn a:hover{border-color:var(--tomato)}
.kpn .n{text-align:right;grid-column:2}
.kpn small{font-weight:500;color:var(--soft)}
.krel{list-style:none;margin:10px 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.krel a{display:inline-flex;align-items:center;min-height:40px;padding:6px 14px;background:var(--card);border:2px solid var(--line);border-radius:999px;font-size:14px}
.krel a:hover{border-color:var(--tomato);color:var(--tomato-d)}
.krel.plain{display:block}.krel.plain li{margin:6px 0}
.khome{margin:14px 0 0;color:var(--text);font-size:15px}
.kpager{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}
.kpager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.kpager .current{background:var(--tomato);color:#fff;border-color:var(--tomato)}
.kpimg{margin:16px 0;border-radius:12px;width:100%}

/* 반응형 */
@media (max-width:900px){
  .kjars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kfoot-g{grid-template-columns:1fr 1fr}
  .knotes,.kposts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:720px){
  .wrap{padding:0 16px}
  .kmbtn{display:inline-flex;align-items:center;justify-content:center}
  .knav{display:none;width:100%;margin:0;flex-direction:column;gap:0;padding-bottom:8px}
  .knav.on{display:flex}
  .knav a{padding:12px 0;border-bottom:1px dotted var(--dot)}
  .kmenu{padding-top:20px}
  .kboard{border-width:6px;padding:22px 18px}
  .kboard h1{font-size:36px}
  .kcourses{max-width:none;border-left:0;border-top:2px dashed #D9C3A0;padding:16px 0 0}
  .kcards,.kcard-b,.kjars,.knotes,.kposts,.kchk,.kpn,.trend-grid,.krecipe{grid-template-columns:1fr}
  .kdots4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kpn .n{grid-column:auto}
  .kfaq .a{padding:0 18px 16px}
  .kphead h1{font-size:30px}
  .ksec{font-size:24px}
  .kcourse-h h2{font-size:26px}
  .kfoot-g{grid-template-columns:1fr}
}
/* 재료 줄: 이름·도메인이 글자 단위로 끊기지 않게 */
.kcard .ing li{flex-wrap:wrap;row-gap:0}
.kcard .ing a{white-space:nowrap}
.kcard .dm,.kingr .dm{white-space:nowrap;margin-left:auto}