/* wglm-site.css — 사이트 외관 통일 (header/네비/푸터/목록/단일 글 헤더).
 * 본문 디자인 (wglm-content.css) 과 동일 폰트/컬러 팔레트 사용.
 * Noto Serif KR (제목/본문) + Inter (메타/UI), Ink/Paper/Rule 톤.
 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --wglm-ink:#1c1c1c;
  --wglm-ink-soft:#444;
  --wglm-paper:#fafaf8;
  --wglm-rule:#e0ddd6;
  --wglm-rule-soft:#f0efeb;
  --wglm-muted:#8a8779;
}

body{font-family:'Noto Serif KR',Georgia,serif;color:var(--wglm-ink);background:var(--wglm-paper);-webkit-font-smoothing:antialiased}

/* === HEADER === */
.site-header{background:var(--wglm-paper);border-bottom:1px solid var(--wglm-rule);padding:22px 0}
.site-header .inside-header{align-items:center}
.site-branding .main-title{margin:0;line-height:1.1}
.site-branding .main-title a{font-family:'Noto Serif KR',serif;font-weight:700;letter-spacing:-0.02em;font-size:1.7rem;color:var(--wglm-ink);text-decoration:none}
.site-branding .main-title a:hover{color:var(--wglm-ink-soft)}
.site-description{font-family:'Inter',sans-serif;font-size:0.7em;letter-spacing:0.22em;text-transform:uppercase;color:var(--wglm-muted);margin-top:6px;font-weight:500}

/* === NAVIGATION === */
.main-navigation{background:transparent;border-bottom:1px solid var(--wglm-rule)}
.main-navigation .main-nav>ul{display:flex;justify-content:center;flex-wrap:wrap}
.main-navigation .main-nav ul li a{font-family:'Inter',sans-serif;font-size:0.78em;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--wglm-ink-soft);padding:16px 22px;transition:color 0.18s;background:transparent}
.main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a,.main-navigation .main-nav ul li.current_page_item>a{color:var(--wglm-ink);background:transparent}
.main-navigation .main-nav ul ul{background:#fff;border:1px solid var(--wglm-rule)}
.main-navigation .main-nav ul ul li a{font-size:0.74em;padding:12px 18px;text-transform:uppercase}

/* === LIST PAGES (홈/아카이브/카테고리/검색) === */
.blog .site-main,.archive .site-main,.search-results .site-main{max-width:1100px;margin:0 auto;padding:24px}
.blog article,.archive article,.search-results article{background:transparent;border:0;border-bottom:1px solid var(--wglm-rule);box-shadow:none;margin:0;padding:40px 0}
.blog article:last-of-type,.archive article:last-of-type{border-bottom:0}
.blog .inside-article,.archive .inside-article,.search-results .inside-article{padding:0;display:grid;grid-template-columns:300px 1fr;gap:40px;align-items:start}
.blog .inside-article .post-image,.archive .inside-article .post-image,.search-results .inside-article .post-image{margin:0;grid-column:1;grid-row:1/span 4}
.blog .inside-article .post-image img,.archive .inside-article .post-image img,.search-results .inside-article .post-image img{width:100%;height:200px;object-fit:cover;border-radius:2px;display:block}
.blog .inside-article>:not(.post-image),.archive .inside-article>:not(.post-image),.search-results .inside-article>:not(.post-image){grid-column:2}
.blog .entry-header,.archive .entry-header{margin:0}
.entry-title{font-family:'Noto Serif KR',serif;font-weight:700;letter-spacing:-0.018em;line-height:1.28}
.blog .entry-title,.archive .entry-title,.search-results .entry-title{font-size:1.65em;margin:0 0 10px}
.entry-title a{color:var(--wglm-ink);text-decoration:none;background-image:none;border-bottom:0}
.entry-title a:hover{color:var(--wglm-ink-soft)}

/* === ENTRY META (목록 + 단일) === */
.entry-meta{font-family:'Inter',sans-serif;font-size:0.7em;letter-spacing:0.16em;text-transform:uppercase;color:var(--wglm-muted);font-weight:500}
.entry-meta a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.18s}
.entry-meta a:hover{border-bottom-color:var(--wglm-muted)}
.entry-meta>span{margin-right:14px}
.entry-summary{font-family:'Noto Serif KR',serif;font-size:1em;line-height:1.7;color:#444;margin:10px 0 0;max-width:640px}
.entry-summary p{margin:0}
.entry-summary p+p{margin-top:10px}

/* 카테고리 라벨 (목록에서) */
.cat-links{display:inline-block;font-family:'Inter',sans-serif;font-size:0.62em;font-weight:700;letter-spacing:0.2em;text-transform:uppercase;color:var(--wglm-ink);background:transparent;border:1px solid var(--wglm-ink);padding:3px 10px;border-radius:1px;margin-bottom:12px}
.cat-links a{color:inherit;text-decoration:none}

/* === SINGLE POST HEADER === */
.single .entry-header{margin:0 0 36px;padding:0 0 32px;border-bottom:1px solid var(--wglm-rule)}
.single .entry-title{font-size:2.3em;line-height:1.22;margin:18px 0 22px;letter-spacing:-0.022em}
.single .entry-meta{margin-bottom:0}

/* === FOOTER === */
.site-footer{background:var(--wglm-paper);color:var(--wglm-muted);padding:36px 0 28px;margin-top:60px;font-family:'Inter',sans-serif;font-size:0.85em;border-top:1px solid var(--wglm-rule)}
.site-footer .inside-site-info{padding:0 24px;max-width:1100px;margin:0 auto;text-align:center}
.site-footer a{color:var(--wglm-ink-soft);text-decoration:none;border-bottom:1px solid transparent}
.site-footer a:hover{color:var(--wglm-ink);border-bottom-color:var(--wglm-rule)}
.site-info{font-size:0.8em;letter-spacing:0.06em;color:var(--wglm-muted)}
.footer-widgets{padding:0 24px;max-width:1100px;margin:0 auto 28px}
.footer-widgets .widget-title{color:var(--wglm-muted);border-bottom-color:var(--wglm-rule)}
.footer-widgets .widget a{color:var(--wglm-ink-soft)}
.footer-widgets .widget a:hover{color:var(--wglm-ink)}

/* === WIDGETS (사이드바 / 푸터) === */
.widget{font-family:'Inter',sans-serif;margin-bottom:36px}
.widget-title,.widget h2.wp-block-heading{font-family:'Inter',sans-serif;font-size:0.7em;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--wglm-muted);margin:0 0 16px;padding:0 0 10px;border-bottom:1px solid var(--wglm-rule)}
.widget ul{list-style:none;padding:0;margin:0}
.widget ul li{padding:8px 0;border-bottom:1px solid var(--wglm-rule-soft);font-family:'Noto Serif KR',serif;font-size:0.95em}
.widget ul li:last-child{border-bottom:0}
.widget a{color:var(--wglm-ink);text-decoration:none}
.widget a:hover{color:var(--wglm-ink-soft)}

/* === SEARCH FORM === */
.wp-block-search__inside-wrapper{border:1px solid var(--wglm-rule);background:#fff;border-radius:2px;overflow:hidden}
.wp-block-search__input{border:0;font-family:'Noto Serif KR',serif;padding:10px 14px;font-size:0.95em;background:#fff}
.wp-block-search__input:focus{outline:none}
.wp-block-search__button{background:var(--wglm-ink);color:#fff;border:0;font-family:'Inter',sans-serif;font-size:0.78em;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:10px 18px;cursor:pointer;margin:0}
.wp-block-search__button:hover{background:#000}

/* === PAGINATION (목록 페이지 하단) === */
.paging-navigation,.nav-links{margin:48px 0;text-align:center;font-family:'Inter',sans-serif;font-size:0.85em;letter-spacing:0.08em}
.paging-navigation a,.nav-links a,.paging-navigation .current,.nav-links .current{display:inline-block;padding:10px 16px;margin:0 4px;color:var(--wglm-ink-soft);text-decoration:none;border:1px solid transparent}
.paging-navigation a:hover,.nav-links a:hover{border-color:var(--wglm-rule);color:var(--wglm-ink)}
.paging-navigation .current,.nav-links .current{border-color:var(--wglm-ink);color:var(--wglm-ink);font-weight:600}

/* === COMMENTS (글 하단) === */
.comments-area{margin-top:60px;padding-top:40px;border-top:1px solid var(--wglm-rule);font-family:'Noto Serif KR',serif}
.comments-title{font-family:'Inter',sans-serif;font-size:0.85em;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;color:var(--wglm-muted)}

/* === RESPONSIVE === */
@media(max-width:900px){
  .blog .inside-article,.archive .inside-article,.search-results .inside-article{grid-template-columns:220px 1fr;gap:28px}
  .blog .inside-article .post-image img,.archive .inside-article .post-image img{height:150px}
}
@media(max-width:680px){
  .site-branding .main-title a{font-size:1.4rem}
  .site-description{font-size:0.62em;letter-spacing:0.18em}
  .single .entry-title{font-size:1.65em}
  .blog .inside-article,.archive .inside-article,.search-results .inside-article{grid-template-columns:1fr;gap:16px}
  .blog .inside-article .post-image img,.archive .inside-article .post-image img{height:200px}
  .blog .entry-title,.archive .entry-title,.search-results .entry-title{font-size:1.35em}
  .main-navigation .main-nav ul{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}
  .main-navigation .main-nav ul li a{padding:12px 14px;font-size:0.72em;white-space:nowrap}
  .site-footer{margin-top:48px;padding:32px 0 24px}
}

/* === DARK MODE === */
@media(prefers-color-scheme:dark){
  body{background:#1a1a1a;color:#d4d0c8}
  .site-header{background:#1a1a1a;border-bottom-color:#2a2a2a}
  .site-branding .main-title a{color:#e8e6e0}
  .site-description{color:#777}
  .main-navigation{border-bottom-color:#2a2a2a}
  .main-navigation .main-nav ul li a{color:#aaa}
  .main-navigation .main-nav ul li a:hover,.main-navigation .main-nav ul li.current-menu-item>a{color:#fff}
  .blog article,.archive article{border-bottom-color:#2a2a2a}
  .entry-title a{color:#e8e6e0}
  .entry-title a:hover{color:#bbb}
  .entry-summary{color:#aaa}
  .entry-meta{color:#777}
  .cat-links{color:#e8e6e0;border-color:#666}
  .single .entry-header{border-bottom-color:#2a2a2a}
  .widget-title{color:#888;border-bottom-color:#2a2a2a}
  .widget ul li{border-bottom-color:#222}
  .widget a{color:#d4d0c8}
  .widget a:hover{color:#fff}
  .wp-block-search__inside-wrapper{background:#222;border-color:#333}
  .wp-block-search__input{background:#222;color:#e8e6e0}
}

.wglm-footer-nav{margin-bottom:18px;font-family:'Inter',sans-serif}
.wglm-footer-menu{display:flex;justify-content:center;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:8px 28px}
.wglm-footer-menu li{padding:0;border:0}
.wglm-footer-menu a{font-size:0.78em;letter-spacing:0.12em;text-transform:uppercase;color:var(--wglm-ink-soft);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color 0.18s,color 0.18s}
.wglm-footer-menu a:hover{color:var(--wglm-ink);border-bottom-color:var(--wglm-rule)}
@media(max-width:600px){.wglm-footer-menu{gap:6px 18px}.wglm-footer-menu a{font-size:0.7em;letter-spacing:0.1em}}

/* ============================================================
 * HOME (.wglm-home) — 매거진 하이브리드: Hero + Latest grid + 카테고리 섹션
 * ============================================================ */
.wglm-home{max-width:1200px;margin:0 auto;padding:32px 24px 64px}
.wglm-home a{color:inherit;text-decoration:none}

/* Hero */
.wglm-hero-section{margin:0 0 64px}
.wglm-hero-link{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}
.wglm-hero-imgwrap{overflow:hidden;border-radius:2px;background:var(--wglm-rule-soft)}
.wglm-hero-img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;display:block;transition:transform 0.5s ease}
.wglm-hero-link:hover .wglm-hero-img{transform:scale(1.02)}
.wglm-hero-body{padding:0}
.wglm-hero-eyebrow{display:inline-block;font-family:'Inter',sans-serif;font-size:0.7em;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--wglm-ink);background:transparent;border:1px solid var(--wglm-ink);padding:4px 12px;border-radius:1px;margin-bottom:18px}
.wglm-hero-title{font-family:'Noto Serif KR',serif;font-size:2.4em;line-height:1.2;font-weight:700;letter-spacing:-0.022em;color:var(--wglm-ink);margin:0 0 18px}
.wglm-hero-link:hover .wglm-hero-title{color:var(--wglm-ink-soft)}
.wglm-hero-excerpt{font-family:'Noto Serif KR',serif;font-size:1.05em;line-height:1.7;color:#555;margin:0 0 16px}
.wglm-hero-date{display:block;font-family:'Inter',sans-serif;font-size:0.72em;letter-spacing:0.16em;text-transform:uppercase;color:var(--wglm-muted);font-weight:500}

/* Section header (Latest / 카테고리) */
.wglm-section{margin:0 0 64px}
.wglm-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 28px;padding:0 0 14px;border-bottom:1px solid var(--wglm-rule);gap:16px}
.wglm-section-title{font-family:'Noto Serif KR',serif;font-size:1.5em;font-weight:700;letter-spacing:-0.018em;color:var(--wglm-ink);margin:0}
.wglm-section-title a{color:inherit}
.wglm-section-title a:hover{color:var(--wglm-ink-soft)}
.wglm-section-more{font-family:'Inter',sans-serif;font-size:0.74em;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--wglm-muted)}
.wglm-section-more:hover{color:var(--wglm-ink)}

/* Cards grid (Latest / 카테고리 공통) */
.wglm-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px}

/* Card */
.wglm-card{margin:0;background:transparent}
.wglm-card-link{display:block}
.wglm-card-thumb{overflow:hidden;border-radius:2px;background:var(--wglm-rule-soft);margin:0 0 14px;aspect-ratio:16/10}
.wglm-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.4s ease}
.wglm-card-link:hover .wglm-card-img{transform:scale(1.04)}
.wglm-card-body{padding:0}
.wglm-card-cat{display:inline-block;font-family:'Inter',sans-serif;font-size:0.62em;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--wglm-muted);margin:0 0 8px}
.wglm-card-title{font-family:'Noto Serif KR',serif;font-size:1.18em;line-height:1.35;font-weight:700;letter-spacing:-0.012em;color:var(--wglm-ink);margin:0 0 8px}
.wglm-card-link:hover .wglm-card-title{color:var(--wglm-ink-soft)}
.wglm-card-excerpt{font-family:'Noto Serif KR',serif;font-size:0.9em;line-height:1.65;color:#555;margin:0 0 10px}
.wglm-card-date{display:block;font-family:'Inter',sans-serif;font-size:0.66em;letter-spacing:0.14em;text-transform:uppercase;color:var(--wglm-muted)}

/* No-image fallback */
.wglm-card-noimg .wglm-card-body{padding:20px 22px;border:1px solid var(--wglm-rule);border-radius:2px;background:#fff;min-height:160px}

/* Empty state */
.wglm-empty{text-align:center;padding:80px 24px;color:var(--wglm-muted);font-family:'Noto Serif KR',serif;font-size:1.1em}

/* Responsive */
@media(max-width:960px){
  .wglm-hero-link{grid-template-columns:1fr;gap:24px}
  .wglm-hero-title{font-size:1.9em}
  .wglm-cards-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}
}
@media(max-width:640px){
  .wglm-home{padding:20px 16px 40px}
  .wglm-hero-section{margin-bottom:48px}
  .wglm-hero-title{font-size:1.5em}
  .wglm-hero-excerpt{font-size:0.95em}
  .wglm-section{margin-bottom:48px}
  .wglm-section-title{font-size:1.25em}
  .wglm-cards-grid{grid-template-columns:1fr;gap:32px}
  .wglm-card-thumb{aspect-ratio:16/9}
}

/* Dark mode */
@media(prefers-color-scheme:dark){
  .wglm-hero-eyebrow{color:#e8e6e0;border-color:#666}
  .wglm-hero-title{color:#e8e6e0}
  .wglm-hero-excerpt{color:#aaa}
  .wglm-section-head{border-bottom-color:#2a2a2a}
  .wglm-section-title{color:#e8e6e0}
  .wglm-card-title{color:#e8e6e0}
  .wglm-card-excerpt{color:#aaa}
  .wglm-card-noimg .wglm-card-body{background:#1e1e1e;border-color:#333}
}

/* 댓글 링크/영역 비활성 */
.wglm-nocomments .entry-meta .comments-link,
.wglm-nocomments .comments-area,
.wglm-nocomments #comments,
.wglm-nocomments #respond,
.wglm-nocomments .comments-title{display:none !important}

/* === BREADCRUMB === */
.wglm-breadcrumb{max-width:1100px;margin:24px auto 0;padding:0 24px;font-family:'Inter',sans-serif;font-size:0.7em;letter-spacing:0.12em;text-transform:uppercase;color:var(--wglm-muted);font-weight:500}
.wglm-breadcrumb a{color:var(--wglm-ink-soft);text-decoration:none;border-bottom:1px solid transparent;transition:border-color 0.18s,color 0.18s}
.wglm-breadcrumb a:hover{color:var(--wglm-ink);border-bottom-color:var(--wglm-rule)}
.wglm-breadcrumb .separator{margin:0 8px;color:var(--wglm-muted);opacity:0.6}
.wglm-breadcrumb .last{color:var(--wglm-ink)}
@media(prefers-color-scheme:dark){.wglm-breadcrumb{color:#888}.wglm-breadcrumb a{color:#bbb}.wglm-breadcrumb a:hover{color:#fff;border-bottom-color:#666}.wglm-breadcrumb .last{color:#e8e6e0}}

/* === AUTHOR ARCHIVE === */
.wglm-author-archive{max-width:1200px;margin:0 auto;padding:32px 24px 64px}
.wglm-author-hero{display:grid;grid-template-columns:120px 1fr;gap:32px;align-items:center;margin:0 0 56px;padding:32px 0;border-bottom:1px solid var(--wglm-rule)}
.wglm-author-hero-avatar img{width:120px;height:120px;border-radius:50%;display:block;object-fit:cover}
.wglm-author-hero-body{padding:0}
.wglm-author-hero-eyebrow{display:inline-block;font-family:'Inter',sans-serif;font-size:0.7em;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:var(--wglm-muted);margin-bottom:10px}
.wglm-author-hero-name{font-family:'Noto Serif KR',serif;font-size:2em;line-height:1.2;font-weight:700;letter-spacing:-0.02em;color:var(--wglm-ink);margin:0 0 12px}
.wglm-author-hero-bio{font-family:'Noto Serif KR',serif;font-size:1em;line-height:1.7;color:#555;margin:0 0 12px;max-width:680px}
.wglm-author-hero-link{display:inline-block;font-family:'Inter',sans-serif;font-size:0.78em;letter-spacing:0.12em;text-transform:uppercase;color:var(--wglm-ink-soft);text-decoration:none;border-bottom:1px solid var(--wglm-rule);padding-bottom:2px}
.wglm-author-hero-link:hover{color:var(--wglm-ink);border-bottom-color:var(--wglm-ink)}
@media(max-width:680px){
  .wglm-author-hero{grid-template-columns:1fr;gap:16px;text-align:center}
  .wglm-author-hero-avatar{justify-self:center}
  .wglm-author-hero-name{font-size:1.6em}
}
@media(prefers-color-scheme:dark){
  .wglm-author-hero{border-bottom-color:#2a2a2a}
  .wglm-author-hero-name{color:#e8e6e0}
  .wglm-author-hero-bio{color:#aaa}
  .wglm-author-hero-eyebrow{color:#888}
}

/* GP archive (카테고리/태그) page-header + 일반 page (about/contact/legal) 의
   entry-header 폰트 톤을 사이트 본문과 통일. 기본은 system sans-serif →
   Noto Serif KR 본문 + Inter 제목으로 맞춤. */
.page-header .page-title,
body.page .entry-title{
  font-family:'Noto Serif KR',serif;
  font-weight:700;
  letter-spacing:-0.015em;
  font-size:2.4em;
  line-height:1.2;
  color:#1c1c1c;
  margin:0 0 18px;
}
.taxonomy-description,
.taxonomy-description p{
  font-family:'Noto Serif KR',serif;
  font-size:1.02em;
  line-height:1.75;
  color:#3a3a3a;
  margin:0 0 8px;
}
body.page .entry-header{
  margin:0 0 36px;
  padding:0 0 32px;
  border-bottom:1px solid var(--wglm-rule);
}
/* 일반 page (about/contact/legal) 본문 — single post 의 .wglm-content 와 같은
   톤 (글 component CSS 가 .wglm-content 셀렉터에만 걸려 page 본문에 미적용). */
body.page .entry-content{
  font-family:'Noto Serif KR','Georgia',serif;
  font-size:1.02em;
  line-height:1.85;
  color:#2c2c2c;
  letter-spacing:-0.01em;
  max-width:680px;
}
body.page .entry-content h2{
  font-family:'Inter','Noto Serif KR',sans-serif;
  font-size:1.35em;
  font-weight:600;
  color:#111;
  margin:2.4em 0 1em;
  letter-spacing:-0.02em;
  line-height:1.4;
}
body.page .entry-content h3{
  font-family:'Inter','Noto Serif KR',sans-serif;
  font-size:1.1em;
  font-weight:600;
  color:#333;
  margin:2em 0 0.8em;
  letter-spacing:-0.015em;
}
body.page .entry-content p{margin:0 0 1.4em}
body.page .entry-content strong{color:#111;font-weight:600}
body.page .entry-content em{font-style:italic;color:#555}
body.page .entry-content a{color:#1a1a1a;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(26,26,26,0.3);transition:text-decoration-color 0.3s}
body.page .entry-content a:hover{text-decoration-color:#1a1a1a}
body.page .entry-content ul,
body.page .entry-content ol{margin:0 0 1.4em;padding-left:1.4em}
body.page .entry-content li{margin:0 0 0.5em}
@media(prefers-color-scheme:dark){
  .page-header .page-title,
  body.page .entry-title{color:#e8e6e0}
  .taxonomy-description,
  .taxonomy-description p{color:#bbb}
  body.page .entry-header{border-bottom-color:#2a2a2a}
  body.page .entry-content{color:#d8d6d0}
  body.page .entry-content h2{color:#e8e6e0}
  body.page .entry-content h3{color:#bbb}
  body.page .entry-content strong{color:#e8e6e0}
  body.page .entry-content a{color:#e8e6e0;text-decoration-color:rgba(232,230,224,0.4)}
  body.page .entry-content a:hover{text-decoration-color:#e8e6e0}
}