/* ===== 살림 만렙남 — 모바일 우선 스타일 =====
   본문 글씨는 검정(#000000) 고정. */
:root{
  --ink:#000000;       /* 본문 글자: 무조건 검정 */
  --muted:#6B6B6B;     /* 보조 글자 (날짜·안내) */
  --r:18px;
  --nav-h:62px;
  /* 폰트: 원티드 산스 (SIL OFL, static/fonts/wanted-sans) — 못 불러오면 기기 기본 고딕 */
  --font:"Wanted Sans Variable","Wanted Sans",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
}
/* ── 색 (확정 2026-11-11) ──
   배경 크림 / 로고·메뉴·카테고리 초록 / 상품 링크·특가 다홍 / 본문 검정 */
:root{
  --bg:#FFFBEF; --bg-blur:rgba(255,251,239,.94); --pc-outer:#FFFBEF;
  --paper:#FFFFFF; --soft:#FBF6E6; --line:#EEE7D3; --line2:#D9D0B8; --card-border:transparent;
  --accent:#008A50;       /* 초록: 로고·메뉴·카테고리 */
  --accent-soft:#E2F3EA; --accent-ink:#00713F; --accent-on-dark:#7FE0B0;
  --deal:#F04424;         /* 다홍: 상품 링크·특가 */
  --deal-soft:#FFEDE8;
  --dot:#D8CFB6; --cap:10,40,28;
  --t-single1:#FFF4D6; --t-single2:#F6E2AE;
  --t-married1:#FFF0EA; --t-married2:#FFD2C4;
  --t-camp1:#D8EBDD; --t-camp2:#7FB394;
  --t-fish1:#DDEFF0; --t-fish2:#86BFC2;
  --hero-dark1:#123326; --hero-dark2:#2E5A3F; --hero-b:#E2F3EA; --hero-c:#FFF1C9;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65;
  padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom) + 8px);word-break:keep-all}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input{font-family:inherit}
button{font:inherit;cursor:pointer}
.wrap{max-width:1120px;margin:0 auto;padding:0 16px}
.pc-only{display:none}
.meta{color:var(--muted);font-size:12.5px;margin:4px 0 0}
.sec-t{font-size:19px;font-weight:800;letter-spacing:-.4px;margin:0}
.sec-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}
.more{font-size:13px;color:var(--muted)}
.cnt{font-size:13px;color:var(--muted);margin:0}
.empty{background:var(--paper);border-radius:var(--r);padding:28px 18px;text-align:center;color:var(--muted)}

/* ── 상단 ── */
.top{position:sticky;top:0;z-index:20;background:var(--bg-blur);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.top-in{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:18px;letter-spacing:-.5px;color:var(--accent)}
.logo-av{position:relative;width:44px;height:44px;flex:none}
.logo-av img{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent);object-fit:cover}
.logo-av b{position:absolute;right:-8px;bottom:-3px;background:var(--accent);color:#fff;font-size:9px;font-weight:800;padding:1px 5px;border-radius:999px;letter-spacing:0;border:2px solid var(--bg)}
.logo-t{display:flex;flex-direction:column;line-height:1.15}
.logo-t small{font-size:10.5px;font-weight:700;color:var(--muted);letter-spacing:-.2px}
.top-nav{display:none}
.top-icons{display:flex;gap:4px}
.top-icons a{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--accent);border-radius:12px}

/* ── 모바일 검색 ── */
.m-search{display:flex;align-items:center;gap:8px;background:var(--paper);border:1px solid var(--line2);border-radius:14px;padding:0 14px;height:48px;margin:6px 0 14px}
.m-search input{flex:1;border:0;outline:0;font:inherit;font-size:15px;background:transparent;min-width:0}
.m-search.big{height:54px}

/* ── 모바일 히어로 슬라이드 ── */
.hero{margin-bottom:22px}
.hero-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;border-radius:var(--r)}
.hero-track::-webkit-scrollbar{display:none}
.hero-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;justify-content:space-between;align-items:stretch;
  border-radius:var(--r);padding:20px 18px;min-height:190px;gap:10px}
.hero-txt{display:flex;flex-direction:column;align-items:flex-start}
.eyebrow{font-size:11.5px;font-weight:800;margin-bottom:6px;color:var(--deal)}
.tone-night .eyebrow{color:#FF9A85}
.hero-slide h2{font-size:23px;line-height:1.25;margin:0 0 6px;letter-spacing:-.6px}
.hero-slide p{font-size:13px;margin:0 0 14px;opacity:.8}
.hero-art{font-size:66px;display:flex;align-items:center;justify-content:center;flex:0 0 110px;border-radius:14px;background:rgba(255,255,255,.35)}
.tone-night{background:linear-gradient(135deg,var(--hero-dark1),var(--hero-dark2));color:#fff}
.tone-night .btn-dark{background:var(--deal);color:#fff}
.tone-lime{background:var(--hero-b)}
.tone-sand{background:var(--hero-c)}
.btn-dark{display:inline-block;background:var(--deal);color:#fff;font-size:13px;font-weight:700;padding:9px 14px;border-radius:10px;margin-top:auto}
.dots{display:flex;justify-content:center;gap:6px;margin-top:10px}
.dots i{width:6px;height:6px;border-radius:50%;background:var(--dot)}
.dots i.on{background:var(--accent);width:16px;border-radius:4px}

/* ── 썸네일 (사진 없을 때 아이콘) ── */
.thumb{position:relative;aspect-ratio:16/10;border-radius:14px;overflow:hidden;display:flex;align-items:center;justify-content:center}
/* 쿠팡 상품 사진(흰 배경)은 자르지 않고 흰 판 위에 여백을 두고 그대로 보여줌 */
.thumb img{width:100%;height:100%;object-fit:contain;background:#fff;padding:7%}
.thumb-ic{font-size:44px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.thumb.sm{aspect-ratio:1/1;border-radius:12px}
.thumb.sm .thumb-ic{font-size:30px}
.g-single{background:linear-gradient(140deg,var(--t-single1),var(--t-single2))}
.g-married{background:linear-gradient(140deg,var(--t-married1),var(--t-married2))}
.g-camping{background:linear-gradient(160deg,var(--t-camp1),var(--t-camp2))}
.g-fishing{background:linear-gradient(160deg,var(--t-fish1),var(--t-fish2))}

/* ── 배지 ── */
.badge{display:inline-flex;align-items:center;gap:6px;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;padding:3px 10px 3px 8px;border-radius:999px}
.badge i{width:8px;height:8px;border-radius:50%;background:var(--accent)}

/* ── 카테고리 내비 ── */
.catnav{margin-bottom:22px}
.cat-groups{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:12px}
.cat-groups::-webkit-scrollbar{display:none}
.grp{flex:0 0 auto;border:1px solid var(--line2);background:var(--paper);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:600;color:var(--ink)}
.grp.on{background:var(--accent);border-color:var(--accent);color:#fff}
.cat-icons{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.cat-icons::-webkit-scrollbar{display:none}
.cat-ic{flex:0 0 68px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.cat-ic .ic{width:62px;height:62px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;border:2px solid transparent}
.cat-ic .nm{font-size:11.5px;line-height:1.3;color:var(--ink)}
.cat-ic.on .ic{border-color:var(--accent)}
.cat-ic.on .nm{font-weight:800;color:var(--accent)}
.cat-ic[hidden]{display:none}

/* ── 글 목록: 모바일은 줄형 ── */
.feed{margin-bottom:26px}
.feed-list{display:flex;flex-direction:column;gap:10px}
.card{display:grid;grid-template-columns:104px 1fr;gap:12px;background:var(--paper);border:1px solid var(--card-border);border-radius:var(--r);padding:10px;align-items:center}
.card .thumb{aspect-ratio:1/1;border-radius:12px}
.card .thumb-ic{font-size:34px}
.card .badge{font-size:11px;padding:2px 8px 2px 6px}
.card h3{font-size:15.5px;line-height:1.4;margin:6px 0 0;letter-spacing:-.3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card .ex{display:none}
.btn-more{display:block;width:100%;margin-top:12px;border:1px solid var(--line2);color:var(--ink);background:var(--paper);border-radius:14px;padding:13px;font-weight:700}
.pager{display:none}

/* 줄형 (최신 글·관련 글) */
.row{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:8px 0}
.row-cat{font-size:11.5px;color:var(--accent);font-weight:600}
.row h3{font-size:14.5px;line-height:1.4;margin:2px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ── 목록 페이지 ── */
.list-head{margin:10px 0 14px}
.list-head h1{font-size:24px;margin:0 0 2px;letter-spacing:-.6px}
.chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:14px}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid var(--line2);background:var(--paper);border-radius:999px;padding:7px 13px;font-size:13px;font-weight:600}
.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}
.cat-block{margin-bottom:22px}
.cat-block .sec-t{margin-bottom:10px}
.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cat-tile{background:var(--paper);border:1px solid var(--card-border);border-radius:16px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}
.cat-tile .ic{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px}
.cat-tile b{font-size:13px;line-height:1.3}
.cat-tile small{font-size:11px;color:var(--muted)}

/* ── 글 본문 ── */
.post{background:var(--paper);border:1px solid var(--card-border);border-radius:var(--r);padding:20px 18px 28px;margin:6px 0 18px}
.crumb{font-size:12px;color:var(--muted);margin-bottom:12px}
.post-head h1{font-size:24px;line-height:1.35;letter-spacing:-.7px;margin:10px 0 4px}
.disc-top{font-size:12.5px;color:var(--muted);background:var(--soft);border-radius:10px;padding:10px 12px;margin:14px 0 6px}
.post-body{font-size:16.5px;line-height:1.85;color:var(--ink)}
.post-body h2{font-size:20px;letter-spacing:-.5px;margin:2em 0 .6em;padding-top:.4em}
.post-body h3{font-size:17px;margin:1.6em 0 .4em}
.post-body table{width:100%;border-collapse:collapse;font-size:14px}
.post-body th{background:var(--soft);text-align:left}
.post-body th,.post-body td{padding:10px;border-bottom:1px solid var(--line)}
.post-body blockquote{margin:1.2em 0;padding:14px 16px;background:var(--accent-soft);border-radius:14px;color:var(--ink)}
.post-body blockquote p{margin:0}
/* 결론 먼저 박스 */
.summary{background:#141414;color:#fff;border-radius:16px;padding:16px 18px;margin:16px 0}
.summary b{color:#FF9A85}
.summary ul{margin:6px 0 0;padding-left:18px}
/* 상품 카드 */
/* 상품 카드 (카드 전체가 쿠팡 링크) */
.product{display:grid;grid-template-columns:88px 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:16px;padding:12px;margin:14px 0;background:var(--paper);text-decoration:none!important;color:var(--ink)!important;font-weight:400!important}
.product .p-img{aspect-ratio:1/1;border-radius:12px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:30px;overflow:hidden}
.product .p-img img{width:100%;height:100%;object-fit:contain}
.product .p-txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.product .p-name{font-weight:700;font-size:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.product .p-why{font-size:13px;color:var(--muted);margin:3px 0 8px;line-height:1.5}
.product .p-btn{display:inline-block;background:var(--deal);color:#fff;font-size:13px;font-weight:700;padding:8px 14px;border-radius:10px}
/* 본문 속 작은 링크 버튼 */
.post-body a.p-link{display:inline-block;background:var(--deal);color:#fff;text-decoration:none;font-size:12.5px;font-weight:700;padding:4px 11px;border-radius:999px;white-space:nowrap;margin:2px 0}
.post-body a.p-thumb{display:block;text-decoration:none}
.post-body a.p-thumb img{width:56px;height:56px;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;margin-bottom:4px}
/* 글 맨 위 '오늘 비교한 상품' 줄 */
.p-row-wrap{margin:12px 0 18px}
.p-row-t{font-size:13px;font-weight:800;color:var(--deal);margin:0 0 8px}
.p-row{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:4px}
.p-row::-webkit-scrollbar{display:none}
.post-body a.p-mini{flex:0 0 132px;display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);font-weight:400}
.p-mini .p-img{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;font-size:30px}
.p-mini .p-img img{width:100%;height:100%;object-fit:contain;padding:6%}
.p-mini .p-name{font-size:12.5px;font-weight:700;line-height:1.35;padding:8px 9px 2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.p-mini .p-price{font-size:12px;color:var(--muted);padding:0 9px}
.p-mini .p-btn{margin:7px 9px 10px;align-self:flex-start;background:var(--deal);color:#fff;font-size:11.5px;font-weight:700;padding:4px 9px;border-radius:999px}
.post-meta-note{font-size:12.5px;color:var(--muted);margin:6px 0 0}
.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:10px 0}
.table-wrap table{min-width:520px}
.related{margin-bottom:24px}
.related .sec-t{margin-bottom:6px}
.related-list{background:var(--paper);border:1px solid var(--card-border);border-radius:var(--r);padding:6px 14px}

/* ── 하단 ── */
.foot{padding:26px 0 18px;color:var(--muted);font-size:12.5px}
.foot-name{font-weight:700;color:var(--ink);margin:0 0 4px}
.foot p{margin:4px 0}
.foot-links a{text-decoration:underline}
.notfound{text-align:center;padding:60px 0}
.notfound .big{font-size:60px;margin:0}

/* ── 모바일 하단 메뉴 ── */
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:space-around;
  background:rgba(255,255,255,.96);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-top:1px solid var(--line);height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px}
.bottom-nav i{font-style:normal;font-size:19px;filter:grayscale(1);opacity:.65}
.bottom-nav a.on{color:var(--accent);font-weight:700}
.bottom-nav a.on i{filter:none;opacity:1}

/* =================== PC (900px 이상) =================== */
@media (min-width:900px){
  body{padding:28px 0 40px;font-size:16px;background:var(--pc-outer)}
  .m-only{display:none!important}
  .pc-only{display:block}
  .bottom-nav{display:none}
  .wrap{padding:0 44px}
  /* 흰 판 위에 사이트를 올린 느낌 */
  .top,main.wrap,.foot{max-width:1120px;margin:0 auto;background:var(--paper)}
  .top{position:static;border-radius:28px 28px 0 0;backdrop-filter:none}
  main.wrap{padding-top:18px;padding-bottom:30px}
  .foot{border-radius:0 0 28px 28px;border-top:1px solid var(--line);padding:22px 44px 26px}
  .foot .wrap{padding:0}
  .top-in{height:84px}
  .logo{font-size:21px}
  .top-icons{display:none}
  .top-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:600;color:var(--accent)}
  .top-nav a:hover{color:var(--accent-ink)}
  .top-nav a:last-child{background:var(--accent);color:#fff;padding:10px 20px;border-radius:999px}

  .sec-t{font-size:24px}
  .sec-head{margin-bottom:18px}
  .empty{background:var(--soft)}

  /* 대표 글 + 최신 글 */
  .feature{display:grid!important;grid-template-columns:1.55fr 1fr;gap:32px;padding-bottom:34px;margin-bottom:34px;border-bottom:1px solid var(--line)}
  .feature-main{position:relative;border-radius:22px;overflow:hidden;min-height:330px;display:block}
  .thumb.xl{position:absolute;inset:0;aspect-ratio:auto;border-radius:0}
  .thumb.xl .thumb-ic{font-size:120px;transform:translateY(-40px)}
  .feature-cap{position:absolute;left:0;right:0;bottom:0;padding:70px 22px 20px;
    background:linear-gradient(to top,rgba(var(--cap),.85),rgba(var(--cap),.45) 60%,transparent);color:#fff}
  .feature-cap .badge{background:#fff}
  .feature-cap h2{font-size:25px;line-height:1.35;font-weight:600;margin:12px 0 4px;letter-spacing:-.5px}
  .feature-cap .meta{color:rgba(255,255,255,.85)}
  .feature-main:hover .thumb-ic{transform:translateY(-40px) scale(1.05);transition:.3s}
  .feature-side .sec-t{margin-bottom:10px}
  .feature-side .row{grid-template-columns:76px 1fr;padding:9px 0}
  .feature-side .row h3{font-size:15px}
  .feature-side .row:hover h3{color:var(--accent)}

  /* 코너 (가로 넘김) */
  .corner{margin-bottom:34px;padding-bottom:34px;border-bottom:1px solid var(--line)}
  .arrows{display:flex;gap:10px}
  .arrows button{width:40px;height:40px;border-radius:50%;border:1px solid var(--line2);background:#fff;font-size:16px;color:var(--ink)}
  .arrows button:hover{border-color:var(--ink)}
  .corner-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
  .corner-track::-webkit-scrollbar{display:none}
  .corner-track .card{scroll-snap-align:start}

  /* 카드: PC는 세로형 그리드 */
  .card{display:flex;flex-direction:column;gap:0;background:var(--soft);padding:6px;border-radius:20px;align-items:stretch;transition:transform .2s}
  .card:hover{transform:translateY(-3px)}
  .card .thumb{aspect-ratio:16/9;border-radius:15px}
  .card .thumb-ic{font-size:52px}
  .card-b{padding:14px 12px 12px}
  .card .badge{font-size:12px;padding:3px 10px 3px 8px}
  .card h3{font-size:18px;margin:10px 0 6px;line-height:1.4}
  .card .ex{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;color:var(--muted);margin:0 0 8px;line-height:1.6}
  .feed-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

  /* 카테고리 내비 */
  .catnav{margin-bottom:30px}
  .cat-icons{flex-wrap:wrap;gap:14px 10px;overflow:visible}
  .cat-ic{flex:0 0 84px}
  .cat-ic .ic{width:70px;height:70px;font-size:30px}
  .cat-ic:hover .ic{border-color:var(--line2)}
  .grp{padding:8px 16px;font-size:14px}

  .btn-more{display:none!important}
  .pager{display:flex;justify-content:center;gap:8px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
  .pager button{min-width:34px;height:34px;border-radius:50%;border:0;background:transparent;font-size:13.5px;color:var(--ink)}
  .pager button.on{background:var(--accent);color:#fff}
  .pager button.arr{background:var(--soft)}
  .pager button:disabled{opacity:.3;cursor:default}

  .list-head h1{font-size:30px}
  .cat-grid{grid-template-columns:repeat(6,1fr);gap:12px}
  .cat-tile{background:var(--soft)}

  /* 글 본문: 가운데 읽기 폭 */
  .post{max-width:760px;margin:10px auto 30px;padding:10px 0 0;background:transparent}
  .post-head h1{font-size:34px}
  .post-body{font-size:17px}
  .related{max-width:760px;margin:0 auto 20px}
  .related-list{background:var(--soft);display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
  .product{grid-template-columns:120px 1fr;padding:14px}
  .product:hover{border-color:var(--deal)}
  .post-body a.p-mini{flex-basis:150px}
}

/* 본문 안 상품 링크: 다홍 */
.post-body a{color:var(--deal);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.post-body a.p-btn{text-decoration:none;color:#fff}


/* =================== 캐릭터 (2026-11-11) =================== */
/* 타이틀 배너 */
.title-banner{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:6px;overflow:hidden;
  background:linear-gradient(135deg,#E3F3EA 0%,#FFF4D6 100%);border-radius:var(--r);padding:20px 0 0 18px;margin:4px 0 14px;min-height:190px}
.tb-txt{position:relative;z-index:1;padding-bottom:20px;flex:1;min-width:0}
.tb-lv{display:inline-block;background:var(--accent);color:#fff;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;margin-bottom:8px}
.title-banner h1{font-size:21px;line-height:1.3;letter-spacing:-.7px;margin:0 0 8px;font-weight:800}
.title-banner h1 em{font-style:normal;color:var(--accent);font-size:1.25em}
.title-banner p{font-size:12.5px;line-height:1.55;color:#3a3a3a;margin:0}
.tb-char{width:128px;height:auto;flex:none;align-self:flex-end;margin-right:6px;filter:drop-shadow(0 6px 10px rgba(0,0,0,.12))}
/* 히어로 슬라이드 캐릭터 */
.hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.18))}
.hero-art:has(img){background:transparent}
/* 그룹 카드 */
.grp-all{padding:6px 12px;font-size:12.5px}
.grp-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.grp-card{position:relative;display:flex;align-items:flex-end;justify-content:space-between;text-align:left;border:2px solid transparent;
  border-radius:18px;padding:12px 0 0 12px;height:118px;overflow:hidden;color:var(--ink)}
.grp-card .gc-txt{display:flex;flex-direction:column;align-self:flex-start;z-index:1}
.grp-card b{font-size:15.5px;font-weight:800;letter-spacing:-.4px}
.grp-card small{font-size:11px;color:#444;margin-top:2px;line-height:1.35}
.grp-card img{position:absolute;right:-4px;bottom:-6px;height:92px;width:auto;max-width:62%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.grp-card.on{border-color:var(--accent);box-shadow:0 4px 14px rgba(0,138,80,.18)}
.grp-card.on b{color:var(--accent)}
/* 코너·카테고리 제목 옆 캐릭터 */
.corner-t{display:flex;align-items:center;gap:8px}
.corner-t img{height:40px;width:auto}
/* 사진 없는 글 썸네일 = 그룹 캐릭터 */
.thumb img.thumb-char{object-fit:contain;background:transparent;padding:6%;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
/* 그룹·카테고리 페이지 배너 */
.list-banner{display:flex;align-items:flex-end;justify-content:space-between;border-radius:var(--r);padding:16px 0 0 18px;overflow:hidden;min-height:132px;margin-top:6px}
.list-banner .lb-txt{padding-bottom:16px}
.lb-group{font-size:12.5px;font-weight:700;color:var(--accent)}
.list-banner h1{margin:4px 0 2px}
.list-banner img{height:120px;width:auto;margin-right:8px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
/* 글: 만렙남의 한마디·작성자 */
.post-body h2.talk-h{display:flex;align-items:center;gap:10px}
.post-body h2.talk-h img{width:46px;height:46px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent)}
.author{display:flex;gap:14px;align-items:flex-start;background:var(--soft);border-radius:16px;padding:16px;margin-top:28px}
.author img{width:60px;height:60px;border-radius:50%;background:var(--accent-soft);border:2px solid var(--accent);flex:none}
.author b{font-size:15px;color:var(--accent)}
.author p{font-size:13px;color:#333;line-height:1.6;margin:4px 0 0}
/* 빈 화면·404 */
.empty-char{display:flex;flex-direction:column;align-items:center;gap:8px}
.empty-char img{width:110px;height:auto}
.empty-char p{margin:0}
.nf-char{width:220px;height:auto;margin:0 auto 10px}

@media (min-width:900px){
  .title-banner{min-height:300px;padding:34px 0 0 44px;margin:6px 0 34px;border-radius:24px}
  .tb-txt{padding-bottom:36px}
  .tb-lv{font-size:12px;padding:3px 11px}
  .title-banner h1{font-size:38px;margin-bottom:12px}
  .title-banner p{font-size:15.5px;max-width:460px}
  .tb-char{width:230px;margin-right:60px}
  .tb-groups{display:flex!important;flex-wrap:wrap;gap:8px;margin-top:20px}
  .tb-groups a{background:#fff;border:1px solid var(--line2);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:700;color:var(--accent)}
  .tb-groups a:hover{border-color:var(--accent)}
  .logo-t small{font-size:11.5px}
  .grp-cards{grid-template-columns:repeat(4,1fr);gap:14px}
  .grp-card{height:150px;padding:16px 0 0 16px}
  .grp-card b{font-size:18px}
  .grp-card small{font-size:12.5px}
  .grp-card img{height:122px}
  .grp-card:hover{border-color:var(--line2)}
  .corner-t img{height:52px}
  .list-banner{min-height:170px;padding:24px 0 0 32px}
  .list-banner img{height:156px;margin-right:40px}
}
/* 그룹 카드 배경 (일반 .grp 버튼 스타일 덮어쓰기) */
.grp-card{background:var(--gc-bg)!important;color:var(--ink)!important}
.grp-card.g-single{--gc-bg:linear-gradient(140deg,var(--t-single1),var(--t-single2))}
.grp-card.g-married{--gc-bg:linear-gradient(140deg,var(--t-married1),var(--t-married2))}
.grp-card.g-camping{--gc-bg:linear-gradient(160deg,var(--t-camp1),#B5D6BF)}
.grp-card.g-fishing{--gc-bg:linear-gradient(160deg,var(--t-fish1),#B7DADC)}
.grp-card .gc-txt{max-width:56%}
.grp-card small{word-break:keep-all}
@media (min-width:900px){ .grp-card .gc-txt{max-width:52%} }

/* 사진 없는 글 썸네일: 카테고리 15개 각각 다른 배경 */
.tone-c0{background:linear-gradient(145deg,#FFF4D6,#F6E2AE)}
.tone-c1{background:linear-gradient(145deg,#FFF0DC,#FFD8A8)}
.tone-c2{background:linear-gradient(145deg,#F3EBDD,#E2CDA9)}
.tone-c3{background:linear-gradient(145deg,#E6F2F7,#B9DCEB)}
.tone-c4{background:linear-gradient(145deg,#FBF0D0,#F3D77A)}
.tone-c5{background:linear-gradient(145deg,#FFF0EA,#FFD2C4)}
.tone-c6{background:linear-gradient(145deg,#FDEBEF,#F6C1CC)}
.tone-c7{background:linear-gradient(145deg,#EFE9F8,#D3C5EE)}
.tone-c8{background:linear-gradient(145deg,#E3F3EA,#A9D8BD)}
.tone-c9{background:linear-gradient(145deg,#EEF3DA,#C9D99A)}
.tone-c10{background:linear-gradient(145deg,#FFE9DD,#FBC09E)}
.tone-c11{background:linear-gradient(145deg,#E2E8EE,#AFC0CF)}
.tone-c12{background:linear-gradient(145deg,#E9F2DC,#B9D59A)}
.tone-c13{background:linear-gradient(145deg,#DDEFF0,#9CCCCF)}
.tone-c14{background:linear-gradient(145deg,#E3EDF8,#AEC8E8)}
.thumb .thumb-badge{position:absolute;left:8px;top:8px;z-index:2;width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;font-size:16px}
.thumb img.thumb-char.flip{transform:scaleX(-1)}
.thumb.has-photo{background:#fff}
@media (min-width:900px){ .thumb .thumb-badge{width:36px;height:36px;font-size:19px;left:10px;top:10px} }

/* 본문 중간 만렙남 말풍선 팁 */
.char-tip{display:flex;align-items:flex-end;gap:10px;margin:22px 0}
.char-tip img{width:88px;height:auto;flex:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.char-tip p{position:relative;flex:1;background:var(--accent-soft);border-radius:18px 18px 18px 4px;padding:12px 15px;margin:0 0 14px;font-size:15px;line-height:1.6;color:var(--ink)}
.char-tip p b{display:block;font-size:12px;color:var(--accent);margin-bottom:2px}
.char-tip p::before{content:"";position:absolute;left:-7px;bottom:10px;border:8px solid transparent;border-right-color:var(--accent-soft);border-left:0}
.char-tip.rev{flex-direction:row-reverse}
.char-tip.rev img{transform:scaleX(-1)}
.char-tip.rev p{background:#FFF1C9;border-radius:18px 18px 4px 18px}
.char-tip.rev p b{color:#9A6B00}
.char-tip.rev p::before{left:auto;right:-7px;border-right-color:transparent;border-left:8px solid #FFF1C9;border-right:0}
@media (min-width:900px){ .char-tip img{width:110px} .char-tip p{font-size:16px} }
.char-tip img[src*="camping"],.char-tip img[src*="fishing"]{width:124px}
@media (min-width:900px){ .char-tip img[src*="camping"],.char-tip img[src*="fishing"]{width:156px} }