/*
Theme Name: 내돈살림 (GeneratePress Child)
Theme URI: https://nedonsalim.com
Description: 내돈살림 디자인 시스템 — 네이비+골드. GeneratePress 차일드 테마.
Author: 살림지기
Template: generatepress
Version: 1.7.0
*/

/* ============================================
   내돈살림 디자인 시스템 — 사이트 전역 CSS (v3: 네이비+골드)
   적용 위치: 외모 → 사용자 정의(Customizer) → 추가 CSS 에 전체 붙여넣기
   전제 테마: GeneratePress (2026-08-26 벤치마킹 결정)
   ============================================ */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");

:root{
  --ndsl:#1E3A8A; --ndsl-dark:#172554; --ndsl-tint:#EEF2FA; --ndsl-line:#D7DFEF;
  --ndsl-text:#1F2937; --ndsl-gray:#6B7280;
  --ndsl-gold:#A16207; --ndsl-gold-bright:#FCD34D;
}

body{
  font-family:"Pretendard Variable",Pretendard,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;
  color:var(--ndsl-text);
  word-break:keep-all;
}

/* 본문 타이포그래피 */
.entry-content{font-size:17.5px;line-height:1.85;letter-spacing:-0.01em}
.entry-content>p{margin:0 0 1.5em}
.entry-content h2{
  font-size:1.45em;font-weight:800;line-height:1.4;letter-spacing:-0.02em;
  margin:2.3em 0 .9em;padding-left:.65em;border-left:5px solid var(--ndsl-gold);
}
.entry-content h3{font-size:1.15em;font-weight:700;margin:1.8em 0 .7em;color:var(--ndsl-dark)}
.entry-content ol,.entry-content ul{margin:0 0 1.5em;padding-left:1.4em}
.entry-content li{margin:.35em 0}

/* 표 */
.entry-content .wp-block-table table{border-collapse:collapse;width:100%;font-size:.95em;margin:0 0 1.6em}
.entry-content .wp-block-table th{background:var(--ndsl-tint);color:var(--ndsl-dark);padding:.65em .8em;border:1px solid var(--ndsl-line);text-align:left;font-weight:700}
.entry-content .wp-block-table td{padding:.6em .8em;border:1px solid #E5E7EB}

/* 이미지 */
.entry-content .wp-block-image img{border-radius:14px;border:1px solid #E5E7EB;height:auto}
.entry-content .wp-block-image{margin:0 0 1.6em}

/* 한눈에 요약 콜아웃 */
.ndsl-summary{background:var(--ndsl-tint);border:1px solid var(--ndsl-line);border-radius:14px;padding:1.2em 1.4em;margin:0 0 1.6em}
.ndsl-summary p{margin:0 0 .5em;color:var(--ndsl-dark)}
.ndsl-summary ul{margin:0;padding-left:1.2em}

/* 목차 */
.ndsl-toc{border:1px solid #E5E7EB;border-radius:14px;padding:1.1em 1.4em;margin:0 0 2em;font-size:.94em}
.ndsl-toc p{margin:0 0 .5em;color:#374151}
.ndsl-toc ol{margin:0;padding-left:1.3em}
.ndsl-toc a{color:var(--ndsl);text-decoration:none}
.ndsl-toc a:hover{text-decoration:underline}

/* 바이라인 */
.ndsl-byline{color:#9CA3AF;font-size:.88em;border-top:1px solid #E5E7EB;padding-top:1.1em;margin-top:2.6em}

/* 사이트 헤더 브랜드 컬러 */
.main-title a,.site-logo+.site-branding a{color:var(--ndsl-dark)}
.main-navigation a:hover{color:var(--ndsl)}

/* 대표 이미지 여백 */
.featured-image,.post-image{margin-bottom:1.6em}

/* ===== v3 (2026-08-26): 팔레트 B 네이비+골드 (사용자 확정) ===== */
:root{--accent:var(--ndsl)}
.entry-content a{color:var(--ndsl)}
.entry-content a:hover{color:var(--ndsl-dark)}
.wp-block-button__link,.wp-element-button{background-color:var(--ndsl) !important;border-radius:10px;font-weight:700}
.wp-block-button__link:hover,.wp-element-button:hover{background-color:var(--ndsl-dark) !important}
.ndsl-cta{margin:1.2em 0 1.8em}

/* 홈 히어로 */
.ndsl-hero{background:linear-gradient(160deg,#0F172A 0%,#1E3A8A 70%,#2547A8 100%);color:#fff;border-radius:20px;padding:2.6em 2.2em;margin:0 0 2.2em}
.ndsl-hero h1{color:#fff;font-size:1.7em;font-weight:800;letter-spacing:-0.02em;margin:0 0 .5em}
.ndsl-hero p{color:rgba(255,255,255,.85);margin:0 0 1.2em}
.ndsl-hero .wp-block-button__link{background:#fff !important;color:var(--ndsl-dark) !important;border-radius:999px;padding:.55em 1.2em;font-size:.92em}
.ndsl-hero .wp-block-button__link:hover{background:var(--ndsl-tint) !important}

/* 홈 최신 글 카드 그리드 */
.ndsl-grid{gap:1.4em !important}
.ndsl-grid .wp-block-post{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;transition:box-shadow .15s}
.ndsl-grid .wp-block-post:hover{box-shadow:0 6px 18px rgba(30,58,138,.12)}
.ndsl-grid .wp-block-post-featured-image{margin:0}
.ndsl-grid .wp-block-post-featured-image img{border-radius:0;border:0;width:100%;height:auto}
.ndsl-grid .wp-block-post-title{font-size:1.05em;font-weight:700;line-height:1.45;margin:.9em 1em .4em}
.ndsl-grid .wp-block-post-title a{color:var(--ndsl-text);text-decoration:none}
.ndsl-grid .wp-block-post-title a:hover{color:var(--ndsl)}
.ndsl-grid .wp-block-post-excerpt{font-size:.88em;color:var(--ndsl-gray);margin:0 1.1em .6em;line-height:1.6}
.ndsl-grid .wp-block-post-date{font-size:.8em;color:#9CA3AF;margin:0 1.25em 1.1em;display:block}

/* 사이드바 */
.sidebar .widget{margin-bottom:2.2em}
.sidebar .widget h4{font-size:1.02em;font-weight:800;color:var(--ndsl-dark);border-bottom:2px solid var(--ndsl-tint);padding-bottom:.5em;margin-bottom:.8em}
.sidebar .widget a{color:var(--ndsl-text);text-decoration:none}
.sidebar .widget a:hover{color:var(--ndsl)}

/* 홈 페이지 제목("홈") 숨김 */
.page-id-25 .entry-header{display:none}


/* ===== v4 (차일드 테마): 단조로움 해소 확장 ===== */
/* 헤더: 상단 골드 라인 + 은은한 그림자 */
.site-header{border-top:3px solid var(--ndsl-gold-bright);box-shadow:0 1px 0 #EEF0F4,0 4px 14px rgba(15,23,42,.04)}
.main-title a{font-weight:800;letter-spacing:-0.02em}
.main-title a::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--ndsl-gold-bright);margin-left:7px;vertical-align:middle}

/* 본문 도입부 살짝 크게 (리드 문단) */
.single .entry-content > p:first-of-type{font-size:1.06em;color:#111827}

/* 인용문 */
.entry-content blockquote{border-left:4px solid var(--ndsl-gold);background:#FFFDF5;padding:1em 1.2em;margin:0 0 1.5em;border-radius:0 12px 12px 0;color:#374151}

/* 글 상단 메타(날짜·카테고리) 정돈 */
.entry-header .entry-meta,.entry-meta{font-size:.85em;color:#9CA3AF}
.cat-links a{display:inline-block;background:var(--ndsl-tint);color:var(--ndsl);border-radius:999px;padding:.15em .8em;font-weight:700;text-decoration:none}

/* 아카이브(카테고리 목록)도 카드형 */
.archive .site-main article,.blog .site-main article{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:1.6em 1.8em;margin-bottom:1.6em;transition:box-shadow .15s}
.archive .site-main article:hover,.blog .site-main article:hover{box-shadow:0 6px 18px rgba(30,58,138,.10)}
.archive .entry-title a,.blog .entry-title a{color:var(--ndsl-text);text-decoration:none}
.archive .entry-title a:hover,.blog .entry-title a:hover{color:var(--ndsl)}

/* 푸터: 네이비 마감 */
.site-footer{background:#0F172A;color:#94A3B8;margin-top:3em}
.site-footer a{color:#CBD5E1}
.site-footer .inside-site-info{padding:1.6em 0}

/* 링크 호버·포커스 접근성 */
a{transition:color .15s}
a:focus-visible{outline:2px solid var(--ndsl-gold);outline-offset:2px}

/* 모바일 여백 */
@media (max-width:768px){
  .entry-content{font-size:16.5px}
  .ndsl-hero{padding:1.8em 1.3em}
}


/* ===== v5 (1.1.0): 플로팅 스티키 헤더 + 소프트 심도(그림자·라운드) ===== */
/* 부드러운 스크롤 + 스티키 헤더에 가리지 않는 앵커 오프셋(목차 클릭 대응) */
html{scroll-behavior:smooth;scroll-padding-top:96px}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}

/* 스크롤해도 떠 있는 반투명 블러 헤더 */
.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.86);
  backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);
  box-shadow:0 1px 0 rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.07)}

/* 배경을 쿨 그레이로 — 흰 카드가 떠 보이게 */
body{background:#F3F5F9}

/* 본문·페이지 흰 박스: 라운드 + 소프트 그림자 */
.separate-containers .inside-article,.separate-containers .comments-area,
.separate-containers .page-header,.separate-containers .paging-navigation{
  border-radius:18px;box-shadow:0 2px 14px rgba(15,23,42,.05)}

/* 사이드바 위젯 카드화 */
.sidebar .widget{background:#fff;border:1px solid #E9EDF4;border-radius:16px;
  padding:1.3em 1.4em;box-shadow:0 2px 10px rgba(15,23,42,.04)}

/* 본문 이미지·히어로 심도 */
.entry-content .wp-block-image img{box-shadow:0 4px 16px rgba(15,23,42,.06)}
.ndsl-hero{box-shadow:0 14px 34px rgba(30,58,138,.25)}

/* 푸터: 위로 둥글게 떠오르는 마감 */
.site-footer{border-radius:22px 22px 0 0;box-shadow:0 -6px 24px rgba(15,23,42,.08)}


/* ===== v6 (1.2.0): 플로팅 필 헤더 + 배경 그라데이션 + 녹아드는 푸터 ===== */
/* 배경: 단색 회색 → 은은한 그라데이션 + 네이비·골드 빛 번짐 */
body{background:
  radial-gradient(900px 460px at 88% -120px, rgba(30,58,138,.075), transparent 60%),
  radial-gradient(760px 420px at -120px 24%, rgba(252,211,77,.10), transparent 55%),
  linear-gradient(180deg,#F8FAFE 0%,#EEF2FA 100%)}

/* 헤더: 전체 폭 흰 띠 해제 → 배경 위에 떠 있는 라운드 필 */
.site-header{position:sticky;top:10px;z-index:999;background:transparent;border-top:0;
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0 14px}
.site-header .inside-header{background:rgba(255,255,255,.88);
  backdrop-filter:blur(12px) saturate(1.5);-webkit-backdrop-filter:blur(12px) saturate(1.5);
  border:1px solid rgba(255,255,255,.65);border-radius:18px;
  box-shadow:0 8px 28px rgba(15,23,42,.09);max-width:1180px;margin:10px auto 0;
  padding:14px 26px !important}
.main-navigation,.main-navigation ul{background:transparent}

/* 푸터: 흰 직사각형 대신 배경에 녹아드는 마감 */
.site-footer{background:transparent;box-shadow:none;border-radius:0;color:#8A94A6;margin-top:2.4em}
.site-footer .inside-site-info{padding:2.2em 0 2.8em;border-top:1px solid rgba(15,23,42,.07)}
.site-footer a{color:#64748B}

/* 모바일 필 헤더 */
@media (max-width:768px){
  .site-header{top:6px;padding:0 8px}
  .site-header .inside-header{border-radius:14px;padding:10px 16px !important;margin-top:6px}
}


/* ===== v7 (1.3.0): 정렬 통일 + 홈 매거진 구조 (Editorial Grid 근거) ===== */
/* 헤더 필과 본문 폭 통일 — 어긋남 해결 */
.grid-container{max-width:1180px}

/* 홈: 사이드바 제거(우측 공백 해결) + 흰 통상자 해제 → 섹션이 배경 위에 직접 배치 */
.page-id-25 #secondary,.home #secondary{display:none}
.page-id-25 #primary,.home #primary{width:100%;margin:0;float:none}
.page-id-25 .inside-article,.home.page .inside-article{background:transparent;box-shadow:none;border-radius:0;padding:0}

/* 히어로: 넓고 시원하게 */
.ndsl-hero{padding:3.4em 2.6em;margin:1.6em 0 1.4em}
.ndsl-hero h1{font-size:2.1em;line-height:1.35}

/* 퀵링크 스트립 (이니시스 스타일) */
.ndsl-quick{background:#fff;border:1px solid #E9EDF4;border-radius:18px;box-shadow:0 2px 14px rgba(15,23,42,.05);
  display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden;margin:0 0 2.6em}
.ndsl-quick p{margin:0;text-align:center;border-right:1px solid #EEF1F6}
.ndsl-quick p:last-child{border-right:0}
.ndsl-quick a{display:block;padding:1.15em .5em;font-weight:700;color:var(--ndsl-text);text-decoration:none;transition:all .15s}
.ndsl-quick a:hover{background:var(--ndsl-tint);color:var(--ndsl)}

/* 섹션 제목 */
.ndsl-section-title{font-size:1.35em;font-weight:800;margin:2.2em 0 1em;padding-left:.6em;border-left:5px solid var(--ndsl-gold)}

/* 신뢰 3요소 카드 */
.ndsl-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.3em;margin-bottom:2.5em}
.ndsl-value{background:#fff;border:1px solid #E9EDF4;border-radius:16px;padding:1.6em 1.5em;box-shadow:0 2px 12px rgba(15,23,42,.04)}
.ndsl-value .v-num{font-size:.85em;font-weight:800;color:var(--ndsl-gold);letter-spacing:.08em;margin:0 0 .5em}
.ndsl-value .v-title{font-size:1.05em;margin:0 0 .4em;color:var(--ndsl-dark)}
.ndsl-value .v-desc{font-size:.92em;color:var(--ndsl-gray);margin:0;line-height:1.7}

/* 모바일 */
@media (max-width:768px){
  .ndsl-quick{grid-template-columns:repeat(3,1fr)}
  .ndsl-quick p:nth-child(3){border-right:0}
  .ndsl-quick p:nth-child(-n+3){border-bottom:1px solid #EEF1F6}
  .ndsl-values{grid-template-columns:1fr}
  .ndsl-hero{padding:2em 1.4em}
  .ndsl-hero h1{font-size:1.55em}
}


/* ===== v8 (1.4.0): 홈 = 중앙 콘텐츠 + 우측 고정 카테고리(네이버식) / 그룹 폭 붕괴 수정 ===== */
/* 그룹 블록 폭 붕괴(세로 나열 버그) 근본 수정 */
.entry-content .wp-block-group,.wp-block-post-content .wp-block-group{max-width:100%}

/* 홈 사이드바 복원 (v7의 숨김 무효화) */
.page-id-25 #secondary,.home #secondary{display:block}
.page-id-25 #primary,.home #primary{width:auto;float:left}

/* 사이드바: 스크롤 시 헤더처럼 따라오는 고정 위젯 */
#right-sidebar .inside-right-sidebar,.sidebar .inside-right-sidebar{position:sticky;top:104px}

/* 네이버식 카테고리 위젯 */
.widget .wp-block-categories{list-style:none;margin:0;padding:0}
.widget .wp-block-categories li{margin:0}
.widget .wp-block-categories a{display:flex;justify-content:space-between;align-items:center;
  padding:.55em .6em;border-radius:10px;font-weight:600;color:var(--ndsl-text)}
.widget .wp-block-categories a:hover{background:var(--ndsl-tint);color:var(--ndsl)}
.widget .wp-block-latest-posts{list-style:none;margin:0;padding:0}
.widget .wp-block-latest-posts li{padding:.45em .2em;border-bottom:1px solid #F0F2F7;font-size:.93em;line-height:1.5}
.widget .wp-block-latest-posts li:last-child{border-bottom:0}

/* 히어로·섹션은 메인 칼럼 폭에 맞게 */
.ndsl-hero{padding:2.6em 2.2em;margin:0 0 1.8em}
.ndsl-hero h1{font-size:1.8em}
.ndsl-values{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1em}
.ndsl-value{padding:1.3em 1.2em}

/* 홈 본문 흰 통상자 해제 유지하되 폭은 메인 칼럼 그대로 */
@media (max-width:768px){
  .ndsl-values{grid-template-columns:1fr}
  #right-sidebar .inside-right-sidebar,.sidebar .inside-right-sidebar{position:static}
}


/* ===== v9 (1.5.0): 내부 컨테이너 구조 대응(세로 나열 근본 수정) + 홈 2열(우측 고정 카테고리) ===== */
/* 클래식 테마의 그룹 내부 컨테이너 폭 정상화 */
.wp-block-group__inner-container{max-width:100% !important;width:100%}

/* 홈: GP 사이드바 흔적 제거 — 오른쪽 30% 유령 여백 해결 */
.page-id-25 .content-area,.home .content-area{width:100% !important}
.page-id-25 #right-sidebar,.home #right-sidebar{display:none}

/* 홈 2열 레이아웃: 본문 + 우측 고정 열 */
.ndsl-home > .wp-block-group__inner-container{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.8em;align-items:start}
.ndsl-aside{position:sticky;top:104px}
.ndsl-widget{background:#fff;border:1px solid #E9EDF4;border-radius:16px;padding:1.2em 1.3em;
  box-shadow:0 2px 10px rgba(15,23,42,.04);margin-bottom:1.2em}
.ndsl-widget h4{font-size:1em;font-weight:800;color:var(--ndsl-dark);border-bottom:2px solid var(--ndsl-tint);
  padding-bottom:.5em;margin:0 0 .6em}

/* 네이버식 카테고리 목록 */
.ndsl-widget .wp-block-categories{list-style:none;margin:0;padding:0}
.ndsl-widget .wp-block-categories li{margin:0}
.ndsl-widget .wp-block-categories a{display:block;padding:.5em .55em;border-radius:10px;font-weight:600;
  color:var(--ndsl-text);text-decoration:none}
.ndsl-widget .wp-block-categories a:hover{background:var(--ndsl-tint);color:var(--ndsl)}
.ndsl-widget .wp-block-latest-posts{list-style:none;margin:0;padding:0}
.ndsl-widget .wp-block-latest-posts li{padding:.45em .1em;border-bottom:1px solid #F0F2F7;font-size:.92em;line-height:1.5}
.ndsl-widget .wp-block-latest-posts li:last-child{border-bottom:0}
.ndsl-widget .wp-block-latest-posts a{color:var(--ndsl-text);text-decoration:none}
.ndsl-widget .wp-block-latest-posts a:hover{color:var(--ndsl)}

/* 신뢰 3카드 — 내부 컨테이너에 그리드 적용 (세로 나열 수정의 핵심) */
.ndsl-values > .wp-block-group__inner-container{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1em}
.ndsl-value{background:#fff;border:1px solid #E9EDF4;border-radius:16px;padding:1.3em 1.2em;
  box-shadow:0 2px 12px rgba(15,23,42,.04)}

/* 히어로 크기 (메인 열 기준) */
.ndsl-hero{padding:2.6em 2.2em;margin:0 0 1.8em}
.ndsl-hero h1{font-size:1.8em;line-height:1.35}

/* 모바일: 1열, 카테고리는 본문 아래 */
@media (max-width:900px){
  .ndsl-home > .wp-block-group__inner-container{grid-template-columns:1fr}
  .ndsl-aside{position:static}
  .ndsl-values > .wp-block-group__inner-container{grid-template-columns:1fr}
}


/* ===== v10 (1.6.0): 에디토리얼 플랫 — 'AI 랜딩' 문법 제거, 실매체 문법 적용 ===== */
/* 근거: wpbeginner·TechCrunch 등 실제 매체 비교 (2026-08-26)
   플랫 배경 + 전체폭 부착형 헤더 + 히어로는 박스가 아닌 타이포그래피 */

/* 1) 배경: 빛번짐 그라데이션 제거 → 플랫한 종이 톤 */
body{background:#F7F8FA}

/* 그룹 내부 컨테이너의 기본 30px 패딩 제거 — 중첩 시 여백이 이중으로 쌓이는 원인 */
.ndsl-home .wp-block-group__inner-container{padding:0}
/* 모바일: 홈 콘텐츠 좌우 가터 복원 */
@media (max-width:768px){
  .ndsl-home > .wp-block-group__inner-container{padding:0 16px}
}

/* 2) 헤더: 떠 있는 필 → 전체 폭 부착형 (배경·보더는 바깥, 폭 제한은 안쪽) */
.site-header{position:sticky;top:0;z-index:999;padding:0;
  border-top:3px solid var(--ndsl-gold-bright);
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(10px) saturate(1.3);-webkit-backdrop-filter:blur(10px) saturate(1.3);
  border-bottom:1px solid #E7EAF0;box-shadow:0 2px 12px rgba(15,23,42,.03)}
.site-header .inside-header{background:transparent;border:0;border-radius:0;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  max-width:1180px;margin:0 auto;padding:15px 24px !important}
html{scroll-padding-top:76px}

/* 3) 히어로: 네이비 그라데이션 박스 → 플랫 에디토리얼 인트로 (틀·위치는 그대로) */
.ndsl-hero{background:none;color:inherit;border-radius:0;box-shadow:none;
  padding:2.5em 0 2.1em;margin:0 0 1.6em;border-bottom:1px solid #E7EAF0}
.ndsl-hero h1{color:var(--ndsl-dark);font-size:2em;line-height:1.32;letter-spacing:-0.03em;margin:0 0 .5em}
.ndsl-hero h1::before{content:"내 돈 찾기 · 지키기";display:block;
  font-size:.4em;font-weight:800;color:var(--ndsl-gold);letter-spacing:.14em;margin-bottom:1.1em}
.ndsl-hero p{color:var(--ndsl-gray);font-size:1.02em;line-height:1.75;max-width:36em;margin:0}
.ndsl-hero .wp-block-button__link{background:var(--ndsl) !important;color:#fff !important}
.ndsl-hero .wp-block-button__link:hover{background:var(--ndsl-dark) !important}

/* 4) 카드·위젯: 그림자 의존 → 보더 위주 (플랫), 반경 축소 */
.separate-containers .inside-article,.separate-containers .comments-area,
.separate-containers .page-header,.separate-containers .paging-navigation{
  border-radius:12px;box-shadow:none;border:1px solid #E7EAF0}
/* 홈은 통상자 해제 상태(v7) 유지 — 보더도 제거 */
.page-id-25 .inside-article,.home.page .inside-article{border:0}
.ndsl-widget,.ndsl-value,.ndsl-quick{border-radius:12px;box-shadow:none;border:1px solid #E5E8EF}
.archive .site-main article,.blog .site-main article{border-radius:12px;box-shadow:none;border:1px solid #E7EAF0}
.sidebar .widget{border-radius:12px;box-shadow:none}

/* 5) 자연스러운 동적 요소 — 과하지 않은 마이크로 인터랙션 */
.ndsl-value,.ndsl-grid .wp-block-post,
.archive .site-main article,.blog .site-main article{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.ndsl-value:hover,.ndsl-grid .wp-block-post:hover{
  transform:translateY(-3px);box-shadow:0 10px 24px rgba(15,23,42,.07);border-color:#D7DFEF}
.archive .site-main article:hover,.blog .site-main article:hover{
  transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.06)}
.ndsl-quick a{position:relative}
.ndsl-quick a::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;
  background:var(--ndsl-gold);transition:width .2s ease,left .2s ease}
.ndsl-quick a:hover::after{width:60%;left:20%}

/* 히어로 텍스트 페이드업 (1회, 절제) */
@keyframes ndsl-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ndsl-hero h1{animation:ndsl-rise .5s ease-out both}
.ndsl-hero p{animation:ndsl-rise .5s ease-out .1s both}
@media (prefers-reduced-motion:reduce){
  .ndsl-hero h1,.ndsl-hero p{animation:none}
  .ndsl-value,.ndsl-grid .wp-block-post,
  .archive .site-main article,.blog .site-main article{transition:none}
}

/* 모바일 */
@media (max-width:768px){
  .site-header .inside-header{padding:11px 16px !important}
  .home .site-main{margin-top:6px}
  .home .entry-content{margin-top:0}
  .ndsl-hero{padding:1.3em 0 1.5em}
  .ndsl-hero h1{font-size:1.5em}
  .ndsl-hero h1::before{margin-bottom:.8em}
}


/* ===== v11 (1.6.1): 카테고리 글 수 표시 — 동적 categories 블록 정렬 ===== */
/* 글 수 "(n)"는 링크 밖 텍스트 노드라 li를 플렉스로 — 이름 좌, 숫자 우 */
.ndsl-widget .wp-block-categories li,
.sidebar .widget .wp-block-categories li{
  display:flex;align-items:center;justify-content:space-between;gap:.5em;
  padding:.5em .55em;border-radius:10px;margin:0;
  font-size:.95em;color:#9CA3AF;font-variant-numeric:tabular-nums}
.ndsl-widget .wp-block-categories li:hover,
.sidebar .widget .wp-block-categories li:hover{background:var(--ndsl-tint)}
.ndsl-widget .wp-block-categories a,
.sidebar .widget .wp-block-categories a{flex:1;display:block;padding:0;border-radius:0;
  font-weight:600;color:var(--ndsl-text);text-decoration:none}
.ndsl-widget .wp-block-categories li:hover a,
.sidebar .widget .wp-block-categories li:hover a{background:none;color:var(--ndsl)}


/* ===== v12 (1.7.0): 브레드크럼 + 저자 박스 ===== */
.ndsl-crumb{font-size:.85em;color:#9CA3AF;margin:.2em 0 1em;display:flex;gap:.5em;align-items:center}
.ndsl-crumb a{color:#6B7280;text-decoration:none}
.ndsl-crumb a:hover{color:var(--ndsl)}
.ndsl-author{background:#fff;border:1px solid #E5E8EF;border-radius:12px;padding:1.2em 1.4em;margin:2em 0 0}
.ndsl-author .a-name{font-weight:800;color:var(--ndsl-dark);margin:0 0 .4em}
.ndsl-author .a-desc{font-size:.92em;color:var(--ndsl-gray);line-height:1.7;margin:0 0 .6em}
.ndsl-author .a-link{margin:0;font-size:.88em}
.ndsl-author .a-link a{color:var(--ndsl);text-decoration:none;font-weight:700}
.ndsl-author-head{margin:1.6em 0 1.4em}