/* Geekvape-like Article View */
.gv-article{max-width:960px;margin:0 auto;padding:24px 16px;color:#111}
.gv-article a{text-decoration:none;color:inherit}

/* Hero */
.gv-hero{margin:0 auto 20px;border-radius:18px;overflow:hidden}
.gv-hero__image{display:block;width:100%;height:0;padding-top:52%;background-size:cover;background-position:center}

/* Header */
.gv-header{margin:8px 0 20px}
.gv-meta{display:flex;flex-wrap:wrap;gap:8px;color:#6b7280;font-size:13px;align-items:center}
.gv-dot{opacity:.6}
.gv-cat{padding:2px 8px;border:1px solid #e5e7eb;border-radius:999px;color:#374151;background:#f9fafb}
.gv-title{font-size:32px;line-height:1.25;margin:8px 0 0;font-weight:700}
.gv-share{display:flex;gap:8px;margin-top:12px}
.gv-btn{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.gv-btn:hover{box-shadow:0 4px 16px rgba(0,0,0,.06)}

/* Content */
.gv-content{margin-top:18px}
.gv-post{font-size:16px;line-height:1.8;color:#222}
.gv-post p{margin:0 0 1.1em}
.gv-post h2,.gv-post h3,.gv-post h4{margin:1.2em 0 .6em;font-weight:700}
.gv-post img{max-width:100%;height:auto;border-radius:12px}
.gv-post blockquote{margin:1.2em 0;padding:12px 16px;border-left:3px solid #111;background:#f9fafb;color:#374151;border-radius:8px}
.gv-files{margin-top:18px;display:grid;gap:10px}
.gv-fileimg img{border-radius:12px}

/* Tags */
.gv-tags{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.gv-tag{font-size:12px;color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;padding:4px 10px}

/* Prev/Next */
.gv-prevnext{display:flex;justify-content:space-between;gap:12px;margin:26px 0}
.gv-prev,.gv-next{flex:1;display:flex;flex-direction:column;gap:4px;border:1px solid #eef0f4;padding:12px 14px;border-radius:12px;background:#fff}
.gv-prev .lab,.gv-next .lab{font-size:12px;color:#6b7280}
.gv-prev .ttl,.gv-next .ttl{font-size:15px;line-height:1.5}

/* More posts grid */
.gv-more{margin:32px 0 10px}
.gv-more__title{font-size:20px;font-weight:700;margin:0 0 12px}
.gv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
@media (max-width:900px){.gv-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.gv-grid{grid-template-columns:1fr}}
.gv-card{display:flex;flex-direction:column;border:1px solid #eef0f4;border-radius:14px;overflow:hidden;background:#fff}
.gv-card__thumb{display:block;aspect-ratio:16/9;background:#f6f7f9}
.gv-card__image{display:block;width:100%;height:100%;background-size:cover;background-position:center}
.gv-card__title{font-size:15px;line-height:1.45;margin:10px 12px 0}
.gv-card__meta{font-size:12px;color:#6b7280;margin:6px 12px 12px}

/* Action buttons */
.gv-actions{display:flex;gap:8px;justify-content:flex-end;margin:18px 0}
.gv-action{padding:8px 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}
.gv-action--primary{background:#111;color:#fff;border-color:#111}


/* ===== Fixed Header 보정 ===== */
:root{
  --header-h-mobile: 60px; /* 모바일 헤더 높이 추정값 */
  --header-h-desktop: 80px; /* 데스크탑 헤더 높이 추정값 */
}

/* 본문을 헤더만큼 내려서 가림 방지 */
.gv-article{
  padding-top: var(--header-h-mobile);
}
@media (min-width: 1024px){
  .gv-article{
    padding-top: var(--header-h-desktop);
  }
}

/* 히어로가 헤더를 덮는 일 없게 레이어 정리 */
.gv-hero{ position: relative; z-index: 0; }
#hd, .hd, header.site-header{ position: relative; z-index: 1000; }

/* 앵커 스크롤시 헤더에 가려지지 않도록 */
:root{ scroll-padding-top: var(--header-h-mobile); }
@media (min-width: 1024px){
  :root{ scroll-padding-top: var(--header-h-desktop); }
}


/* 목록 페이지도 헤더 보정 */
:root{
  --header-h-mobile: 60px;
  --header-h-desktop: 80px;
}
.gb-blog{
  padding-top: var(--header-h-mobile);
}
@media (min-width: 1024px){
  .gb-blog{
    padding-top: var(--header-h-desktop);
  }
}

/* 혹시 카드/히어로가 헤더를 덮지 않도록 */
.gb-hero, .gb-grid{ position: relative; z-index: 0; }
#hd, .hd, header.site-header{ position: relative; z-index: 1000; }

:root{ scroll-padding-top: var(--header-h-mobile); }
@media (min-width: 1024px){
  :root{ scroll-padding-top: var(--header-h-desktop); }
}