/* ============================================================
   루미인 — 칼럼 / 공지사항 / 이벤트 지면 (community-template.php · single-blog.php)
   패키지 기본(매거진형 col-*) 위에 덧입히는 루미인 전용 스킨.
   패키지 파일은 건드리지 않고 이 파일만 로드해 외형을 바꾼다.
   팔레트·서체는 case-lumiin.css 와 동일 토큰을 쓴다.
============================================================ */
.pcase-lumiin{
  --lmn-brand: var(--brand-accent,    #7a6255);
  --lmn-cocoa: var(--brand-primary,   #302722);
  --lmn-cream: var(--brand-secondary, #f6f1eb);
  --lmn-paper: #fbfaf8;
  --lmn-ink:   #2c2521;
  --lmn-body:  #6f625b;
  --lmn-line:  #e2d9d2;
  --lmn-disp:  var(--serif, "Playfair Display", "Noto Sans KR", serif);
}

/* ---- 히어로 — 크림 밴드 + 키커 라인 + 세리프 제목 ---- */
.pcase-lumiin .cmty-hero{
  background: var(--lmn-cream);
  padding: clamp(80px, 9vw, 128px) 0 clamp(60px, 7vw, 96px);
  border-bottom: 0;
}
.pcase-lumiin .cmty-hero__k{
  display: inline-flex; align-items: center; gap: 12px;
  color: var(--lmn-brand); font-size: 12px; font-weight: 600;
  letter-spacing: .18em; text-transform: uppercase;
}
.pcase-lumiin .cmty-hero__k::before{
  content: ""; width: 38px; height: 1px; background: currentColor;
}
.pcase-lumiin .cmty-hero__title{
  margin: 18px 0 22px;
  font-family: var(--lmn-disp);
  font-size: clamp(30px, 4.2vw, 52px);
  font-weight: 500; line-height: 1.24; letter-spacing: -.045em;
  color: var(--lmn-ink);
}
.pcase-lumiin .cmty-hero__lede{
  max-width: 640px; margin-inline: auto;
  color: var(--lmn-body); font-size: 15.5px; line-height: 1.8;
}

/* ---- 필터칩 — 각진 아웃라인, 활성만 브랜드색 ---- */
.pcase-lumiin .community-filter{
  display: flex; flex-wrap: wrap; justify-content: center; gap: 10px;
  margin: clamp(34px, 4vw, 48px) 0 0;
}
.pcase-lumiin .community-chip{
  padding: 13px 22px; border-radius: 0;
  border: 1px solid var(--lmn-line); background: transparent;
  color: var(--lmn-ink); font-size: 13px; font-weight: 600; letter-spacing: .02em;
  text-decoration: none; transition: border-color .25s, color .25s, background .25s;
}
.pcase-lumiin .community-chip:hover{ border-color: var(--lmn-brand); color: var(--lmn-brand); }
.pcase-lumiin .community-chip.is-active{
  border-color: var(--lmn-brand); background: var(--lmn-brand); color: #fff;
}

/* ---- 피드 컨테이너 ---- */
.pcase-lumiin .col-magazine{
  padding: clamp(56px, 7vw, 96px) 0 clamp(80px, 9vw, 120px);
  background: #fff;
}

/* ---- 대표 글 — 좌 도판 / 우 본문, 매트 없이 라인으로 ---- */
.pcase-lumiin .col-mag-feature{
  display: grid; grid-template-columns: 1.05fr .95fr;
  gap: clamp(28px, 4vw, 56px); align-items: center;
  background: transparent; border: 0; border-radius: 0;
  padding: 0 0 clamp(40px, 5vw, 60px);
  border-bottom: 1px solid var(--lmn-line);
  box-shadow: none;
}
.pcase-lumiin .col-mag-feature-thumb{
  border-radius: 0; overflow: hidden; background: var(--lmn-cream); margin: 0;
}
.pcase-lumiin .col-mag-feature-thumb img{ width: 100%; height: auto; display: block; }
.pcase-lumiin .col-mag-feature-title{
  font-family: var(--lmn-disp);
  font-size: clamp(22px, 2.4vw, 30px);
  font-weight: 500; line-height: 1.35; letter-spacing: -.03em;
  color: var(--lmn-ink); margin: 14px 0 12px;
}
.pcase-lumiin .col-mag-feature-excerpt{
  color: var(--lmn-body); font-size: 14.5px; line-height: 1.85;
}

/* ---- 카드 그리드 — 3열, 각진 프레임 ---- */
.pcase-lumiin .col-mag-grid{
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: clamp(24px, 3vw, 34px) clamp(20px, 2.4vw, 26px);
  margin-top: clamp(40px, 5vw, 60px);
}
.pcase-lumiin .col-mag-card{
  background: transparent; border: 0; border-radius: 0;
  padding: 0; box-shadow: none; transition: transform .3s;
}
.pcase-lumiin .col-mag-card:hover{ transform: translateY(-3px); }
.pcase-lumiin .col-mag-card-thumb{
  border-radius: 0; overflow: hidden; background: var(--lmn-cream);
  border: 1px solid var(--lmn-line); margin: 0;
}
.pcase-lumiin .col-mag-card-thumb img{ width: 100%; height: auto; display: block; }
.pcase-lumiin .col-mag-card-body{ padding: 16px 2px 0; }
.pcase-lumiin .col-mag-card-title{
  font-family: var(--lmn-disp);
  font-size: 17.5px; font-weight: 500; line-height: 1.5; letter-spacing: -.02em;
  color: var(--lmn-ink); margin: 8px 0 8px;
  transition: color .25s;
}
.pcase-lumiin .col-mag-card:hover .col-mag-card-title{ color: var(--lmn-brand); }
.pcase-lumiin .col-mag-card-date{
  color: var(--lmn-body); font-size: 12.5px; letter-spacing: .04em; font-style: normal;
}

/* ---- 카테고리 배지 — 각지고 낮은 채도 ---- */
.pcase-lumiin .col-mag-card-body > span:first-child,
.pcase-lumiin .col-mag-feature-body > span:first-child{
  display: inline-block; padding: 5px 11px; border-radius: 0;
  background: var(--lmn-cream); color: var(--lmn-brand);
  font-size: 11px; font-weight: 600; letter-spacing: .1em;
}

/* ---- 단일 칼럼 글 — 본문 폭·서체 정돈 ---- */
.pcase-lumiin .col-single .col-single-title,
.pcase-lumiin .col-post-title{
  font-family: var(--lmn-disp); font-weight: 500; letter-spacing: -.035em;
}

@media (max-width: 1080px){
  .pcase-lumiin .col-mag-feature{ grid-template-columns: 1fr; }
  .pcase-lumiin .col-mag-grid{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 720px){
  .pcase-lumiin .col-mag-grid{ grid-template-columns: 1fr 1fr; gap: 18px 14px; }
  .pcase-lumiin .col-mag-card-title{ font-size: 15px; }
  .pcase-lumiin .community-chip{ padding: 11px 16px; font-size: 12.5px; }
}