/* ══════════════════════════════════════════════════════════════════
   조각-기본.css — 조각-기본.html / 조각-마무리.html 전용 추가 규칙 (O3)
   규칙: 색·둥글기·그림자 리터럴 0건. var(--dm-*) 또는 등재값(대문.css)만 소비.
        새 색/radius/shadow 도입 0건 — 아래는 전부 레이아웃·타이포 보정이다.
   ══════════════════════════════════════════════════════════════════ */

/* 진갈색 히어로 카드 안에서 본문이 어두운 잉크로 남지 않게 (카드 위 대비 보정) */
.dm-card-hero .dm-base-desc,
.dm-card-hero .dm-meta{ color:var(--dm-on-dark-sub); }

/* 히어로 카드 안 칩 — 크림 표면 유지, 좁은 폭에서 줄바꿈 허용 */
.dm-card-hero .dm-scroller{ flex-wrap:wrap; }
.dm-card-hero .dm-chip{ background:var(--dm-surface); color:var(--dm-ink-strong); border-color:var(--dm-surface); }
.dm-card-hero .dm-chip .dm-ico{ color:var(--dm-accent); }

/* 주 버튼 줄 — 버튼과 상태점이 좁은 화면에서 겹치지 않게 */
.dm-card-hero .dm-row{ flex-wrap:wrap; }
/* 버튼이 <a>일 때 .dm-page a(더 높은 특이도)의 링크색이 버튼 잉크를 덮는 것을 되돌림 */
.dm-page a.dm-btn{ color:var(--dm-on-accent); }
.dm-page a.dm-btn:hover{ color:var(--dm-on-accent); }
.dm-page a.dm-chip{ color:var(--dm-ink-strong); }

/* 다크에서 히어로 카드 바탕(--dm-ink-strong)이 크림으로 반전되므로,
   그 위 보조 텍스트를 흰 70%(--dm-on-dark-sub) 대신 어두운 잉크(--dm-on-accent)로 되돌린다.
   새 색 도입 0건 — 대문.css 등재 토큰만 교체 소비. */
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .dm-card-hero .dm-sub,
  :root:not([data-theme="light"]) .dm-card-hero .dm-meta,
  :root:not([data-theme="light"]) .dm-card-hero .dm-base-desc{ color:var(--dm-on-accent); }
}
:root[data-theme="dark"] .dm-card-hero .dm-sub,
:root[data-theme="dark"] .dm-card-hero .dm-meta,
:root[data-theme="dark"] .dm-card-hero .dm-base-desc{ color:var(--dm-on-accent); }

/* 마무리 블록 — 가운데 정렬 + 읽기 폭 제한(레이아웃만) */
.dm-close{ align-items:stretch; }
.dm-close .dm-close-desc{ max-width:46ch; margin:0 auto; text-align:center; color:var(--dm-muted); }
.dm-close .dm-close-name{ color:var(--dm-ink-strong); }
.dm-close .dm-close-name:hover{ color:var(--dm-accent); }
.dm-close .dm-close-cta{ justify-content:center; }

/* 히어로 카드 — body text-align:center 가 카드 안까지 내려오는 것을 되돌림(레이아웃만) */
.dm-card-hero{ text-align:left; }