/*
Theme Name: 돈의 눈금 (GeneratePress Child)
Template: generatepress
Version: 1.0.0
Description: 돈의 눈금 경제블로그 디자인 시스템 — 모던 잉크/블루 팔레트, Pretendard, 섹션 박스
Author: 돈의 눈금
*/

/* ===== 사이트 전역 ===== */
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
:root{--dn-ink:#191F28;--dn-body:#333D4B;--dn-muted:#8B95A1;--dn-line:#EAEDF0;--dn-soft:#F7F9FC;--dn-accent:#3182F6;--dn-accent-deep:#1B64DA}
body{font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif !important;
  color:var(--dn-body);letter-spacing:-0.01em;word-break:keep-all;background:#fff}
a{color:var(--dn-accent-deep)}
/* 헤더 */
.site-logo img,.header-image{max-height:46px !important;width:auto !important}
.site-header .main-title,.site-header .site-description,.site-branding .main-title{display:none !important}
.site-logo{margin-right:0}
.inside-header{padding:18px 40px}
.content-area{width:100% !important;float:none}
.sidebar,.widget-area{display:none !important}
.site-content{max-width:1000px;margin:0 auto}
.site-footer .site-info{display:none}
.site-header{border-bottom:1px solid var(--dn-line);background:#fff}
.main-title a{font-weight:800;letter-spacing:-0.02em;color:var(--dn-ink) !important;font-size:22px}
.main-navigation a{font-weight:600;color:var(--dn-body) !important}
.main-navigation .current-menu-item > a{color:var(--dn-accent-deep) !important}
/* 목록 카드 */
.site-main article.post{border:1px solid var(--dn-line);border-radius:18px;padding:28px 30px;margin-bottom:22px;transition:box-shadow .2s}
.site-main article.post:hover{box-shadow:0 8px 30px rgba(25,31,40,.08)}
.entry-title a{color:var(--dn-ink) !important;font-weight:800;letter-spacing:-0.02em;font-size:24px;line-height:1.35}
.entry-meta,.posted-on,.byline{color:var(--dn-muted);font-size:13px}
.cat-links a,.tags-links a{background:#E8F3FF;color:var(--dn-accent-deep) !important;border-radius:999px;padding:3px 11px;font-size:12px;font-weight:700;text-decoration:none}
.read-more{font-weight:700;color:var(--dn-accent-deep) !important}
/* 단일 글 */
.single .entry-title{font-size:34px;font-weight:800;letter-spacing:-0.03em;line-height:1.35;color:var(--dn-ink);text-wrap:balance}
.single .entry-content{max-width:780px;margin:0 auto}
/* 푸터 */
.site-footer{border-top:1px solid var(--dn-line);color:var(--dn-muted);font-size:13px}
/* ===== 히어로 (홈) ===== */
.dne-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;
  background:linear-gradient(135deg,#F7F9FC 0%,#E8F3FF 100%);border-radius:28px;padding:52px 56px;margin:12px 0 40px}
.dne-hero h1{font-size:44px;font-weight:800;letter-spacing:-0.03em;line-height:1.25;color:var(--dn-ink);margin:0 0 14px;text-wrap:balance}
.dne-hero h1 em{font-style:normal;color:var(--dn-accent)}
.dne-hero p{font-size:17px;color:var(--dn-body);margin:0 0 26px;line-height:1.75}
.dne-hero .cta{display:flex;gap:10px;flex-wrap:wrap}
.dne-hero .cta a{display:inline-block;padding:12px 20px;border-radius:12px;font-weight:700;text-decoration:none;font-size:15px}
.dne-hero .cta .primary{background:var(--dn-accent);color:#fff !important}
.dne-hero .cta .ghost{background:#fff;color:var(--dn-accent-deep) !important;border:1.5px solid #CFE0FA}
.dne-hero .mascot{text-align:center}
.dne-hero .mascot img{max-width:300px;width:100%;mix-blend-mode:multiply;filter:drop-shadow(0 12px 24px rgba(25,31,40,.10))}
/* 요일 코너 칩 */
.dne-corners{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 44px}
.dne-corners a{display:block;background:#fff;border:1px solid var(--dn-line);border-radius:14px;padding:14px 12px;text-decoration:none;text-align:center;transition:.15s}
.dne-corners a:hover{border-color:var(--dn-accent);box-shadow:0 6px 20px rgba(49,130,246,.10);transform:translateY(-2px)}
.dne-corners .day{display:block;font-size:12px;font-weight:800;color:var(--dn-accent);letter-spacing:.08em}
.dne-corners .name{display:block;font-size:15px;font-weight:700;color:var(--dn-ink);margin-top:3px}
/* 글 카드 썸네일 폴백 */
.dne-thumb-fallback{background:linear-gradient(135deg,#F7F9FC,#E8F3FF);border-radius:14px;display:flex;align-items:center;justify-content:center;height:180px;margin-bottom:18px}
.dne-thumb-fallback img{height:130px;mix-blend-mode:multiply}
/* 저자 박스 */
.dne-author{display:flex;gap:18px;align-items:center;margin:44px 0 0;padding:20px 24px;border:1px solid var(--dn-line);border-radius:16px;background:var(--dn-soft);font-size:14px;color:#4E5968}
.dne-author img{width:72px;height:72px;object-fit:contain;mix-blend-mode:multiply;flex:none}
.dne-author strong{color:var(--dn-ink)}
/* 푸터 */
.dne-footer{display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap;max-width:1000px;margin:0 auto;padding:26px 20px 8px;box-sizing:border-box;font-size:13px;color:var(--dn-muted)}
.dne-footer img{height:44px;mix-blend-mode:multiply}
.dne-footer nav{display:flex;flex-wrap:wrap;gap:6px 16px}
.dne-footer nav a{color:var(--dn-muted) !important;text-decoration:none}
@media (max-width:640px){.dne-footer{flex-direction:column;align-items:flex-start;gap:14px;padding:22px 16px 10px;box-sizing:border-box;width:100%}.dne-footer img{height:38px}}
/* 404 */
.dne-404{text-align:center;padding:40px 0}
.dne-404 img{max-width:220px;mix-blend-mode:multiply}
@media (max-width:768px){.dne-hero{grid-template-columns:1fr;padding:30px 22px;gap:8px}.dne-hero h1{font-size:30px}.dne-hero .mascot img{max-width:180px}.dne-corners{grid-template-columns:repeat(2,1fr)}}
/* 광고 슬롯 자리 (승인 후 functions.php의 DNE_ADS_ENABLED=true) */
.dne-ad{margin:28px 0;text-align:center;min-height:0}
@media (max-width:640px){.site-main article.post{padding:20px 18px;border-radius:14px}.entry-title a{font-size:20px}.single .entry-title{font-size:25px}}

/* ===== 본문 박스 디자인 (render_html 단일 소스) ===== */

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css');
.dne{font-family:'Pretendard Variable',Pretendard,-apple-system,'Malgun Gothic',sans-serif;
  line-height:1.8;font-size:17px;color:#191F28;letter-spacing:-0.01em;
  font-feature-settings:'tnum';word-break:keep-all;overflow-wrap:break-word}
.dne section{margin:0 0 8px}
.dne h2{font-size:24px;font-weight:800;letter-spacing:-0.02em;margin:52px 0 16px;
  color:#191F28;display:flex;align-items:center;gap:11px}
.dne h2::before{content:"";flex:0 0 17px;height:19px;border-radius:2px;
  background:repeating-linear-gradient(90deg,#3182F6 0 4px,transparent 4px 7px)}
.dne h3{font-size:19px;font-weight:700;letter-spacing:-0.02em;margin:32px 0 10px;color:#191F28}
.dne p{margin:15px 0}
.dne strong{font-weight:700}
.dne figure{margin:28px 0;padding:0;border:1px solid #F2F4F6;border-radius:16px;
  overflow:hidden;background:#fff}
.dne figure img{max-width:100%;height:auto;display:block}
.dne table{border-collapse:separate;border-spacing:0;width:100%;margin:24px 0;font-size:15px;
  border:1px solid #EAEDF0;border-radius:14px;overflow:hidden}
.dne th{background:#F7F8FA;color:#4E5968;padding:12px 14px;text-align:left;font-weight:700;
  border-bottom:1px solid #EAEDF0}
.dne td{border-top:1px solid #F2F4F6;padding:12px 14px;color:#333D4B}
.dne tr:first-child td{border-top:none}
.dne td strong{color:#1B64DA}
.dne code{background:#F5F9FF;border:none;border-radius:10px;padding:7px 15px;
  color:#1B64DA;font-weight:800;font-size:16px;display:inline-block;margin:4px 0;
  font-family:inherit}
.dne em{color:#8B95A1;font-size:14px;font-style:normal}
/* HOOK — 리드문 확대 */
.dne .sec-HOOK>p:first-child{font-size:19.5px;line-height:1.75;font-weight:500}
/* TLDR — 다크 요약 카드 */
.dne .sec-TLDR{background:#191F28;border-radius:20px;padding:28px 32px;margin:32px 0;color:#E5E8EB}
.dne .sec-TLDR::before{content:"핵심 3줄";display:block;color:#6CA8FF;font-weight:800;
  font-size:13px;letter-spacing:.14em;margin-bottom:14px}
.dne .sec-TLDR ul{margin:0;padding:0;list-style:none}
.dne .sec-TLDR li{padding:8px 0 8px 30px;position:relative;font-size:16.5px;font-weight:500}
.dne .sec-TLDR li::before{content:"✓";position:absolute;left:2px;color:#3182F6;font-weight:800}
.dne .sec-TLDR li+li{border-top:1px solid rgba(255,255,255,.07)}
/* ACTION — 스텝 카드 */
.dne .sec-ACTION{background:#F7F9FC;border-radius:20px;padding:10px 30px 24px;margin:32px 0}
.dne .sec-ACTION table{background:#fff}
/* RISK — 경고 카드 */
.dne .sec-RISK{background:#FFF9F0;border-radius:20px;padding:10px 30px 20px;margin:32px 0}
.dne .sec-RISK h2::before{content:"⚠";background:none;flex:none;height:auto;color:#F79009}
.dne .sec-RISK blockquote{border:none;background:rgba(25,31,40,.045);color:#6B7684;
  border-radius:12px;margin:20px 0 8px;padding:13px 18px;font-size:13.5px}
.dne .sec-RISK blockquote p{margin:0}
/* FAQ — Q 배지 카드 */
.dne .sec-FAQ h3{background:#F7F8FA;border:none;border-radius:14px;
  padding:14px 18px;display:flex;gap:11px;align-items:baseline;font-size:17.5px}
.dne .sec-FAQ h3::before{content:"Q";background:#3182F6;color:#fff;border-radius:9px;
  padding:1px 10px;font-size:14px;flex:none;font-weight:800}
.dne .sec-FAQ h3+p{padding:2px 18px 10px;margin-top:8px}
/* CLOSING — CTA 카드 */
.dne .sec-CLOSING{background:linear-gradient(135deg,#191F28 0%,#1B4DD8 130%);color:#E5E8EB;
  border-radius:20px;padding:12px 32px 26px;margin:36px 0}
.dne .sec-CLOSING h2{color:#fff}
.dne .sec-CLOSING strong{color:#8AB8FF}
/* 개념 배지 (concepts 보유 ANALYSIS 블록) */
.dne .has-concept h2::after{content:"개념 해부";background:#E8F3FF;color:#1B64DA;font-size:12px;
  border-radius:999px;padding:4px 13px;font-weight:700;letter-spacing:.06em}

/* 한국어 줄내림 정책: 단어 중간 절단 금지 + 제목 균형 + 문단 고아줄 방지 */
.dne, .dne p, .dne li, .dne td, .dne h1, .dne h2, .dne h3{word-break:keep-all;overflow-wrap:break-word}
.dne p, .dne li{text-wrap:pretty}
.dne h2, .dne h3{text-wrap:balance}
.dne ul{padding-left:20px}
.dne ul li{margin:6px 0}
.dne li::marker{color:#3182F6}
.dne .tablewrap{overflow-x:auto;margin:24px 0;-webkit-overflow-scrolling:touch}
.dne .tablewrap table{margin:0;min-width:520px}
@media (max-width:640px){
  .dne{font-size:16px;line-height:1.75}
  .dne h2{font-size:20.5px;margin:40px 0 12px;gap:9px}
  .dne h2::before{flex-basis:14px;height:16px}
  .dne h3{font-size:17.5px}
  .dne .sec-HOOK>p:first-child{font-size:17.5px}
  .dne .sec-TLDR{padding:20px 18px;border-radius:16px}
  .dne .sec-TLDR li{font-size:15px;padding:7px 0 7px 25px}
  .dne .sec-ACTION{padding:6px 18px 18px;border-radius:16px}
  .dne .sec-RISK{padding:6px 18px 16px;border-radius:16px}
  .dne .sec-CLOSING{padding:8px 20px 20px;border-radius:16px}
  .dne .sec-FAQ h3{font-size:16px;padding:12px 14px}
  .dne .tablewrap{margin:18px -4px}
  .dne .tablewrap table{min-width:0;width:100%}
  .dne table{font-size:12.5px;line-height:1.5}
  .dne th,.dne td{padding:8px 7px;word-break:keep-all}
  .dne code{font-size:14px;padding:6px 12px}
  .dne figure{margin:20px 0;border-radius:12px}
  .dne .has-concept h2::after{display:none}
  .dne ul{padding-left:18px}
}