/* DANOVI — 소개 페이지 · 갤러리 상단 소개 · 카카오톡 버튼 */

/* ── 카카오톡 CTA (헤더 · 홈 · 소개 · 전자책 공통) ── */
.dn-kao{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:999px;
  background:#FEE500;border:1px solid #FEE500;color:#191600;font-size:14.5px;font-weight:700;
  transition:.24s ease;white-space:nowrap;cursor:pointer}
.dn-kao:hover{background:#F5DA00;border-color:#F5DA00;transform:translateY(-2px)}
.dn-kao svg{width:17px;height:17px;flex:none;fill:#191600}
.dn-kao.sm{padding:9px 16px;font-size:13px;gap:7px}
.dn-kao.sm svg{width:15px;height:15px}

/* 헤더 우측 CTA */
.dn-nav-cta{background:#FEE500;color:#191600;font-weight:700;display:inline-flex;align-items:center;gap:7px}
.dn-nav-cta:hover{background:#F5DA00;color:#191600}
.dn-nav-cta svg{width:15px;height:15px;fill:#191600}

/* ── 소개 페이지 ───────────────────────── */
.dn-abp{padding:calc(72px + 48px) 0 var(--sec)}
@media (max-width:720px){.dn-abp{padding:calc(72px + 28px) 0 var(--sec)}}

.dn-abp-intro{max-width:820px}
.dn-abp-h1{font-size:clamp(26px,3.4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.22;margin-top:14px}
.dn-abp-lead{margin-top:22px;font-size:15.5px;line-height:1.95;color:var(--ink-2);max-width:62ch}
.dn-abp-intro .dn-cta-kakao{margin-top:30px}

.dn-abp-sec{margin-top:var(--sec);border-top:1px solid var(--line);padding-top:26px}
.dn-sec-h{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.3}

.dn-abp-areas{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
@media (max-width:760px){.dn-abp-areas{grid-template-columns:1fr;gap:0}}
.dn-abp-area{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:baseline;border-top:1px solid var(--line);padding:15px 0}
.dn-abp-area:first-child,.dn-abp-area:nth-child(2){border-top:0}
@media (max-width:760px){.dn-abp-area:first-child{border-top:0}.dn-abp-area:nth-child(2){border-top:1px solid var(--line)}
  .dn-abp-area{grid-template-columns:110px 1fr;gap:12px}}
.dn-abp-area dt{font-size:14.5px;font-weight:700;letter-spacing:-.01em}
.dn-abp-area dd{font-size:14px;line-height:1.7;color:var(--ink-2)}

.dn-abp-steps{margin-top:22px;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 24px}
@media (max-width:860px){.dn-abp-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}
@media (max-width:560px){.dn-abp-steps{grid-template-columns:1fr}}
.dn-abp-steps li{display:grid;gap:7px;border-top:1px solid var(--ink);padding:14px 0 18px}
.dn-abp-steps b{font-family:ui-monospace,Menlo,monospace;font-size:11.5px;font-weight:400;color:var(--ink-2);letter-spacing:.08em}
.dn-abp-step-k{font-size:15px;font-weight:700;letter-spacing:-.01em}
.dn-abp-step-v{font-size:13.5px;line-height:1.7;color:var(--ink-2)}

.dn-abp-founder-body{margin-top:22px;max-width:66ch}
.dn-abp-founder-body p{font-size:15px;line-height:1.95;color:var(--ink-2)}
.dn-abp-founder-body p + p{margin-top:16px}

/* 대표 섹션은 폐기했습니다. */

.dn-abp-cta{display:grid;gap:0;justify-items:start}
.dn-abp-cta>p{margin-top:16px;font-size:14.5px;color:var(--ink-2)}
.dn-abp-cta .dn-cta-kakao{margin-top:22px}

/* 문의 — 버튼만 남깁니다 */
.dn-abp-contact{display:flex;justify-content:flex-start}

/* ── 홈 소개 (짧은 문장 + 작업 영역) ───── */
.dn-ac-lead{margin-top:16px;font-size:clamp(16px,1.8vw,20px);font-weight:700;letter-spacing:-.02em;line-height:1.6;max-width:64ch}
.dn-ac-sub{margin-top:14px;font-size:14.5px;line-height:1.8;color:var(--ink-2);max-width:60ch}
.dn-ac-tags{margin-top:22px;display:flex;flex-wrap:wrap;gap:8px}
.dn-ac-tags span{font-size:13px;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;padding:7px 14px;line-height:1;white-space:nowrap}
.dn-ac-cta{margin-top:28px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
@media (max-width:720px){
  .dn-ac-cta{gap:10px}
  .dn-ac-tags span{font-size:12px;padding:6px 12px}
}

/* 갤러리 상단 소개 스타일은 g1-works.css 를 봅니다. */
.dn-gabout-list dt{font-weight:700;letter-spacing:-.01em}
.dn-gabout-list dd{color:var(--ink-2)}
.dn-gabout-list em{font-style:normal;font-variant-numeric:tabular-nums;color:var(--ink-2);font-size:12.5px}
