/* news.crowny.org 테마 — 색은 중앙 크라우니디자인.css 토큰(--crowny-*)만 소비, 하드코딩 hex 0 */
:root{
  --nw-bg:var(--crowny-cream); --nw-ink:var(--crowny-ink); --nw-ink2:var(--crowny-mut);
  --nw-accent:var(--crowny-gold); --nw-line:var(--crowny-line); --nw-card:var(--crowny-card);
  --nw-warm:var(--crowny-terracotta);
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --nw-bg:var(--crowny-dark); --nw-ink:var(--crowny-dark-txt); --nw-ink2:var(--crowny-mut);
  --nw-line:var(--crowny-dark-line); --nw-card:var(--crowny-panel);
}}
:root[data-theme="dark"]{
  --nw-bg:var(--crowny-dark); --nw-ink:var(--crowny-dark-txt); --nw-ink2:var(--crowny-mut);
  --nw-line:var(--crowny-dark-line); --nw-card:var(--crowny-panel);
}

*{box-sizing:border-box}
body{margin:0;background:var(--nw-bg);color:var(--nw-ink);
  font-family:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
  line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}

/* ---- 제호 ---- */
.nw-hero{max-width:1080px;margin:0 auto;padding:56px 16px 28px;border-bottom:2px solid var(--nw-ink)}
.nw-eyebrow{color:var(--nw-accent);font-size:13px;letter-spacing:.2em;margin:0 0 10px;text-transform:uppercase;font-weight:600}
.nw-hero h1{font-size:clamp(34px,7vw,64px);line-height:1.1;margin:0;font-weight:600;letter-spacing:-.03em}
.nw-lead{color:var(--nw-ink2);font-size:16px;margin:12px 0 0;max-width:40em}
.nw-meta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;
  max-width:1080px;margin:0 auto;padding:10px 16px;color:var(--nw-ink2);font-size:13px;border-bottom:1px solid var(--nw-line)}
.nw-btn{display:inline-block;padding:10px 18px;border-radius:999px;border:1px solid var(--nw-line);text-decoration:none;font-weight:600;font-size:14px}

/* ---- 장 목차 ---- */
.nw-toc{max-width:1080px;margin:0 auto;padding:14px 16px 0;display:flex;gap:8px;flex-wrap:wrap}
.nw-toc a{font-size:13px;text-decoration:none;padding:6px 12px;border-radius:999px;border:1px solid var(--nw-line);color:var(--nw-ink2)}
.nw-toc a:hover{color:var(--nw-ink);border-color:var(--nw-accent)}

/* ---- 6장 카드 ---- */
.nw-main{max-width:1080px;margin:0 auto;padding:24px 16px 32px}
.nw-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.nw-card{background:var(--nw-card);border:1px solid var(--nw-line);border-radius:16px;padding:20px 20px 14px;
  display:flex;flex-direction:column;min-width:0;scroll-margin-top:16px}
.nw-card-head{display:flex;align-items:baseline;gap:8px;margin:0 0 4px}
.nw-no{color:var(--nw-accent);font-weight:600;font-size:13px;font-variant-numeric:tabular-nums}
.nw-card h2{font-size:18px;margin:0;letter-spacing:-.01em}
.nw-desc{color:var(--nw-ink2);font-size:13px;margin:0 0 12px}
.nw-list{list-style:none;margin:0;padding:0;flex:1}
.nw-item{padding:12px 0;border-top:1px solid var(--nw-line)}
.nw-item h3{font-size:14px;line-height:1.45;margin:0 0 6px;font-weight:600}
.nw-item h3 a{text-decoration:none}
.nw-item h3 a:hover{text-decoration:underline;text-decoration-color:var(--nw-accent)}
.nw-item p{font-size:14px;margin:0;color:var(--nw-ink);overflow-wrap:anywhere}
.nw-src{display:block;margin-top:6px;color:var(--nw-ink2);font-size:12px}
.nw-more{margin-top:8px;align-self:flex-start;background:none;border:0;padding:6px 0;color:var(--nw-accent);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.nw-empty{color:var(--nw-ink2);font-size:14px;padding:14px 0;border-top:1px solid var(--nw-line);margin:0}

/* 킴프린 장 — 생각의 기록, 본문 줄바꿈 보존·서체 크게 */
.nw-card.nw-kimprin{border-color:var(--nw-accent);border-width:1.5px}
.nw-kimprin .nw-no,.nw-kimprin h2{color:var(--nw-accent)}
.nw-kimprin .nw-item p{font-size:14px;line-height:1.8;white-space:pre-line}

/* ---- 크라우니패밀리 띠 ---- */
.nw-band{max-width:1080px;margin:0 auto 40px;padding:0 16px}
.nw-band-in{border-top:2px solid var(--nw-ink);padding-top:18px}
.nw-band h2{font-size:22px;margin:0}
.nw-band .nw-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}
.nw-links{margin:0 0 8px}
.nw-links a{color:var(--nw-ink);text-underline-offset:3px}
/* ---- 메인: 장(카테고리) 타일 ---- */
.nw-group{margin:8px 0 28px}
.nw-group-title{font-size:18px;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--nw-ink)}
.nw-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.nw-tile{display:flex;flex-direction:column;gap:6px;background:var(--nw-card);border:1px solid var(--nw-line);border-radius:16px;padding:18px;text-decoration:none;color:var(--nw-ink);min-width:0;transition:transform .15s ease,border-color .15s ease}
.nw-tile:hover{transform:translateY(-2px);border-color:var(--nw-accent)}
.nw-tile-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.nw-tile-head h3{margin:0;font-size:18px}
.nw-tile-count{color:var(--nw-accent);font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.nw-tile .nw-desc{margin:0}
.nw-tile-latest{margin:4px 0 0;font-size:14px;line-height:1.5;padding-top:8px;border-top:1px solid var(--nw-line);flex:1}
.nw-mut{color:var(--nw-ink2)}
.nw-tile-go{font-size:13px;color:var(--nw-accent);font-weight:600}
.nw-tile.nw-kimprin{border-color:var(--nw-accent)}

/* ---- 서브 페이지 ---- */
.nw-hero-sub{padding-top:36px}
.nw-hero-sub .nw-eyebrow a{text-decoration:none;color:inherit}
.nw-svc{margin:12px 0 0}
.nw-toc a[aria-current="page"]{color:var(--nw-ink);border-color:var(--nw-accent);font-weight:600}
.nw-grid-sub .nw-card{padding:18px}
.nw-card h3{font-size:16px;line-height:1.45;margin:0 0 6px}
.nw-card h3 a{text-decoration:none}
.nw-card h3 a:hover{text-decoration:underline;text-decoration-color:var(--nw-accent)}
.nw-card-sum{font-size:14px;margin:0 0 10px;flex:1}
.nw-card-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.nw-kit-btn{font:inherit;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;border:1px solid var(--nw-accent);background:none;color:var(--nw-ink);cursor:pointer}
.nw-src-link{font-size:13px;color:var(--nw-ink2)}
.nw-kit{margin-top:12px;padding:12px;border-radius:12px;background:var(--nw-bg);border:1px dashed var(--nw-line)}
.nw-kit-hook{font-size:16px;font-weight:600;margin:0 0 8px}
.nw-kit-points{margin:0 0 8px;padding-left:18px;font-size:14px}
.nw-kit-q,.nw-kit-use{font-size:13px;margin:0 0 6px}
.nw-kit-tags{font-size:13px;color:var(--nw-accent);margin:0 0 6px}
.nw-target{border-color:var(--nw-accent);box-shadow:0 0 0 2px var(--nw-accent)}
.nw-books{margin:28px 0 0}
.nw-books h2{font-size:18px;margin:0 0 10px}
.nw-book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.nw-book{display:flex;flex-direction:column;gap:4px;padding:14px;border:1px solid var(--nw-line);border-radius:12px;text-decoration:none;color:var(--nw-ink);background:var(--nw-card)}
.nw-book strong{font-size:14px}
.nw-book span{font-size:13px;color:var(--nw-ink2)}
@media (max-width:960px){.nw-tiles,.nw-book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){.nw-tiles,.nw-book-grid{grid-template-columns:1fr}}

/* ---- 크라우니패밀리 개발소식 (연대기) ---- */
.nw-dev{max-width:1080px;margin:0 auto 40px;padding:0 16px}
.nw-dev-head{display:flex;align-items:baseline;gap:10px}
.nw-dev-head h2{font-size:22px;margin:0}
.nw-dev-count{color:var(--nw-ink2);font-size:13px;font-variant-numeric:tabular-nums}
.nw-dev-chips{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 10px}
.nw-chip{font:inherit;font-size:13px;padding:5px 12px;border-radius:999px;border:1px solid var(--nw-line);background:none;color:var(--nw-ink2);cursor:pointer}
.nw-chip[aria-pressed="true"]{border-color:var(--nw-accent);color:var(--nw-ink);font-weight:600}
.nw-dev-search{width:100%;font:inherit;font-size:14px;color:var(--nw-ink);background:var(--nw-card);border:1px solid var(--nw-line);border-radius:10px;padding:9px 12px;margin:0 0 6px}
.nw-dev-month{margin-top:18px}
.nw-dev-mtitle{font-size:16px;margin:0 0 6px;padding-bottom:6px;border-bottom:1px solid var(--nw-line)}
.nw-dev-items{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}
.nw-dev-item{padding:12px 0;border-bottom:1px solid var(--nw-line);min-width:0}
.nw-dev-meta{display:flex;gap:8px;align-items:center;margin:0 0 4px}
.nw-dev-date{color:var(--nw-accent);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}
.nw-dev-svc{font-size:12px;color:var(--nw-ink2);border:1px solid var(--nw-line);border-radius:6px;padding:1px 7px}
.nw-dev-item h4{font-size:14px;margin:0 0 4px;line-height:1.45}
.nw-dev-item p{font-size:13px;margin:0;color:var(--nw-ink);overflow-wrap:anywhere}
@media (max-width:599px){.nw-dev-items{grid-template-columns:1fr}}
.nw-foot{max-width:1080px;margin:0 auto;padding:20px 16px 48px;color:var(--nw-ink2);font-size:12px;border-top:1px solid var(--nw-line)}

@media (max-width:960px){.nw-grid,.nw-band .nw-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:599px){
  .nw-grid,.nw-band .nw-list{grid-template-columns:1fr}
  .nw-hero{padding-top:36px}
}