/* ══════════════════════════════════════════════════════════════════
   제안.css — crowny.org/seven/<키>/ 영역 제안서 페이지 전용
   세븐.css 뒤에 읽는다. dm-* 토큰만 소비, 색 리터럴 0건, 여백은 --dm-sp-*.
   ══════════════════════════════════════════════════════════════════ */

/* 본문 카드 — 가독성: 문단 줄간 1.75, 최대폭 72ch */
.pr-body{ gap:var(--dm-sp-4); padding:var(--dm-sp-6) var(--dm-sp-7); text-align:left; }
.pr-body p{ margin:0; line-height:1.75; max-width:72ch; color:var(--dm-ink); }
.pr-body ul, .pr-body ol{ margin:0; padding-left:var(--dm-sp-6); max-width:72ch; display:flex; flex-direction:column; gap:var(--dm-sp-2); }
.pr-body li{ line-height:1.75; color:var(--dm-ink); }
.pr-body strong{ color:var(--dm-ink-strong); font-weight:800; }
.pr-body a, .pr-grid a:not(.dm-card), .sv-hero-desc a{ color:var(--dm-accent); text-decoration:underline; text-underline-offset:3px; }
.pr-body a:focus-visible{ outline:none; box-shadow:var(--dm-ring-accent); }

/* 인용 — 왼쪽 금빛 선 */
.pr-body blockquote, .pr-quote{
  margin:0;
  padding:var(--dm-sp-2) var(--dm-sp-5);
  border-left:3px solid var(--dm-accent);
  background:var(--dm-accent-tint);
  display:flex; flex-direction:column; gap:var(--dm-sp-2);
}
.pr-body blockquote p{ color:var(--dm-muted); }

/* 한눈에·더 읽기·책 — 2열 카드 (720px 아래 1열) */
.pr-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--dm-sp-5); text-align:left; }
.pr-grid > .dm-card{ gap:var(--dm-sp-3); padding:var(--dm-sp-6) var(--dm-sp-7); text-decoration:none; color:var(--dm-ink); }
.pr-grid > .dm-card p{ margin:0; line-height:1.75; }
.pr-grid > .dm-card-link:hover{ transform:translateY(-3px); box-shadow:var(--dm-shadow-up); border-color:var(--dm-accent); }
.pr-grid > .dm-card-link:focus-visible{ outline:none; box-shadow:var(--dm-ring-accent); }
.pr-lead{ margin:0; line-height:1.75; max-width:72ch; color:var(--dm-ink); }
.pr-glance-wrap{ gap:var(--dm-sp-5); }

/* 상단 칩·마무리 */
.sv-top .dm-chip{ white-space:nowrap; }
.sv-top .dm-chip[aria-current="page"]{ cursor:default; }
/* 조각-기본.css 의 .dm-page a.dm-chip(0,2,1)이 활성 칩 글자색을 덮어 안 보이게 되므로 같은 특이도로 되돌림 */
.dm-page a.dm-chip.on{ color:var(--bg); }
.sv-close-cta{ align-items:center; text-align:center; }
.sv-close-cta .dm-row{ gap:var(--dm-sp-3); flex-wrap:wrap; justify-content:center; }
.sv-hero .dm-row{ gap:var(--dm-sp-4); flex-wrap:wrap; }
.sv-hero > .dm-row{ margin-top:var(--dm-sp-3); }
.sv-hero .dm-meta{ margin:var(--dm-sp-3) 0 0; }

@media (max-width:720px){
  .pr-grid{ grid-template-columns:1fr; }
  .pr-body, .pr-grid > .dm-card{ padding:var(--dm-sp-5); }
  .sv-mark{ width:56px; height:56px; }
}

@media (prefers-reduced-motion:reduce){
  .pr-grid > .dm-card-link{ transition:none; }
  .pr-grid > .dm-card-link:hover{ transform:none; }
}
@media print{
  .pr-grid > .dm-card-link{ break-inside:avoid; }
}