:root{ --webdb-primary:#16a34a; --webdb-text:#0f172a; --webdb-muted:#64748b; --webdb-bg:#ffffff; --webdb-surface:#f8fafc; --webdb-border:#e5e7eb; --webdb-ring:rgba(22,163,74,.25); --webdb-maxw:1280px }
:root{ color-scheme: light }
.dark{ --webdb-bg:#0e141b; --webdb-surface:#121a24; --webdb-text:#e7edf4; --webdb-muted:#a6b3c4; --webdb-border:#1f2a37; --webdb-ring:rgba(34,197,94,.28) }
*{box-sizing:border-box}html,body{margin:0;padding:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Pretendard','Segoe UI',Roboto,Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--webdb-text);background:var(--webdb-bg);line-height:1.75;letter-spacing:-.2px}
.container{max-width:var(--webdb-maxw);margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none;transition:color .15s ease, background .15s ease}
a:hover{color:var(--webdb-primary)}
:where(a,button,input,textarea,select):focus-visible{outline:none;box-shadow:0 0 0 2px var(--webdb-ring);border-color:var(--webdb-primary)}

.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(8px);border-bottom:1px solid var(--webdb-border)}
.dark .site-header{background:rgba(14,20,27,.9)}
.site-header .container{display:flex;align-items:center;gap:16px;min-height:62px}
.site-title{font-weight:800;font-size:21px}
.nav-toggle{display:none;background:var(--webdb-bg);border:1px solid var(--webdb-border);padding:8px 10px;border-radius:10px}
.primary-nav{flex:1}
.primary-nav .menu{list-style:none;display:flex;gap:18px;margin:0;padding:0}
.primary-nav .menu > li{position:relative}
.primary-nav .menu a{padding:10px 8px;border-radius:8px;font-weight:600;display:inline-block}
.primary-nav .menu a:hover{background:var(--webdb-surface)}
.primary-nav .menu .sub-menu{position:absolute;left:0;top:calc(100% + 6px);min-width:220px;background:var(--webdb-bg);border:1px solid var(--webdb-border);border-radius:10px;box-shadow:0 10px 30px rgba(16,24,40,.08);padding:8px;list-style:none;opacity:0;transform:translateY(6px);transition:opacity .15s ease, transform .15s ease;pointer-events:none;z-index:1000}
.primary-nav .menu .sub-menu.align-right{left:auto;right:0}
.primary-nav .menu .sub-menu li{list-style:none;margin:0}
.primary-nav .menu .sub-menu a{display:block;padding:8px 10px;border-radius:8px;font-weight:500;white-space:nowrap}
.primary-nav .menu li.open > .sub-menu, .primary-nav .menu li:hover > .sub-menu, .primary-nav .menu li:focus-within > .sub-menu{opacity:1;transform:none;pointer-events:auto}

.theme-toggle{border:1px solid var(--webdb-border);background:var(--webdb-bg);border-radius:999px;padding:8px 12px;cursor:pointer}
.dark .theme-toggle{background:#111827}

.site-main.container{padding:24px 24px}
.breadcrumbs{font-size:13px;color:var(--webdb-muted);margin:4px 0 16px}

/* Search modern */
.search-form.modern{position:relative;display:flex;align-items:center;background:var(--webdb-surface);border:1px solid var(--webdb-border);border-radius:999px;padding:6px 6px 6px 36px}
.search-form.modern .s-icon{position:absolute;left:10px;opacity:.7}
.search-form.modern .search-field{border:0;outline:none;background:transparent;padding:6px 8px;min-width:220px;color:inherit}
.search-form.modern .search-submit{border:0;background:var(--webdb-primary);color:#fff;border-radius:999px;padding:8px 12px;margin-left:6px}

/* Layout: homepage two columns */
.home-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:24px}
.feed-right .home-grid{grid-template-columns:minmax(0,1fr) minmax(0,2.2fr)}
.home-main{order:1}.home-rail{order:2}.feed-right .home-main{order:2}.feed-right .home-rail{order:1}
.section-head{display:flex;align-items:center;justify-content:space-between;margin:6px 0 12px}
.section-head h3{margin:0;font-size:18px}

.posts{display:flex;flex-direction:column;gap:12px}
.post-item{display:grid;grid-template-columns:220px 1fr;gap:18px;background:var(--webdb-bg);border:1px solid var(--webdb-border);border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(16,24,40,.06);transition:transform .18s ease, box-shadow .18s ease}
.post-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,24,40,.08)}
.post-item .thumb img{width:100%;border-radius:12px;object-fit:cover;aspect-ratio:3/2}
.post-item.no-thumb{grid-template-columns:1fr}
.post-item .title{font-size:22px;margin:0 0 6px;font-weight:800}
.post-item .byline{font-size:13px;color:var(--webdb-muted);margin-bottom:8px}
.post-item .byline .cat-chip{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:999px;background:#eafaf1;border:1px solid #c9f0d8;color:#065f46;font-weight:600}
.dark .post-item .byline .cat-chip{background:#0b3b22;border-color:#14532d;color:#a7f3d0}

.rail-block{background:var(--webdb-bg);border:1px solid var(--webdb-border);border-radius:14px;padding:14px;box-shadow:0 1px 2px rgba(16,24,40,.06);margin-bottom:16px}
.list-simple{display:grid;gap:10px}
.list-simple .item{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--webdb-border);border-radius:10px;padding:10px 12px;background:var(--webdb-bg)}
.list-simple .date{color:var(--webdb-muted);font-size:12px;margin-left:12px}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{border:1px solid var(--webdb-border);border-radius:999px;padding:8px 12px;background:var(--webdb-bg)}

/* Single */
.single .entry-header.compact{margin-bottom:6px;border-bottom:1px solid var(--webdb-border);padding-bottom:8px}
.single .entry-title{font-size:32px;margin:0 0 6px;font-weight:900}
.single .entry-meta{color:var(--webdb-muted);font-size:14px}
.featured-image img{width:100%;height:auto;border-radius:14px;margin:12px 0 8px}
.entry-content{font-size:17px;max-width:820px;margin:0 auto}
.entry-content h2{margin-top:28px;margin-bottom:10px;font-size:24px}
.entry-content h3{margin-top:22px;margin-bottom:8px;font-size:20px}
.entry-content p{margin:12px 0}
.entry-content a{color:inherit;border-bottom:1px solid rgba(15,23,42,.25)}
.entry-content a:hover{color:var(--webdb-primary);border-bottom-color:var(--webdb-primary)}
.toc{max-width:820px;margin:16px auto;border:1px solid var(--webdb-border);border-radius:12px;padding:12px 14px;background:var(--webdb-surface)}

/* Tags chips */
.post-tags{max-width:820px;margin:14px auto 0;display:flex;flex-wrap:wrap;gap:8px}
.tag-chip{display:inline-block;padding:6px 10px;border:1px solid var(--webdb-border);border-radius:999px;background:var(--webdb-bg);font-size:13px}
.dark .tag-chip{border-color:#1f2a37;background:#121a24}

/* Share */
.share{display:flex;align-items:center;gap:8px;margin:14px 0;flex-wrap:wrap}
.share .share-btn{border:1px solid var(--webdb-border);padding:8px 12px;border-radius:999px;background:var(--webdb-bg);cursor:pointer;transition:transform .12s ease}
.share .share-btn:hover{transform:translateY(-1px)}
.share .share-btn.solid{background:var(--webdb-primary);border-color:var(--webdb-primary);color:#fff}

/* Reading progress & Back to top */
.reading-progress{position:sticky;top:0;z-index:60;height:3px;background:rgba(0,0,0,.06)}
.reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#16a34a,#22c55e)}
#backToTop{position:fixed;right:16px;bottom:16px;display:none;border:1px solid var(--webdb-border);background:var(--webdb-bg);padding:10px 12px;border-radius:10px;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.dark #backToTop{background:#121a24;border-color:#1f2a37}

/* Pagination (pretty pills) */
.pagination.pretty ul{list-style:none;display:flex;gap:8px;padding:0}
.pagination.pretty a, .pagination.pretty span{display:inline-block;padding:8px 12px;border:1px solid var(--webdb-border);border-radius:999px;background:var(--webdb-bg)}
.pagination.pretty .current{background:var(--webdb-primary);color:#fff;border-color:var(--webdb-primary)}

/* Comments UI */
.comments{max-width:820px;margin:24px auto 0}
.comments-title{margin:0 0 12px;font-size:18px}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list > li{border:1px solid var(--webdb-border);border-radius:12px;background:var(--webdb-bg);padding:12px 14px;margin-bottom:10px}
.comment-meta .comment-author img{border-radius:999px}
.comment .reply a{display:inline-block;border:1px solid var(--webdb-border);border-radius:999px;padding:6px 10px;margin-top:6px}
.comment-respond{border:1px solid var(--webdb-border);border-radius:12px;background:var(--webdb-bg);padding:14px;margin-top:12px}
.comment-form.modern .field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}
.comment-form.modern input,.comment-form.modern textarea{border:1px solid var(--webdb-border);border-radius:10px;padding:10px;background:var(--webdb-surface);color:inherit}
.comment-form.modern .actions .submit{border:0;background:var(--webdb-primary);color:#fff;border-radius:999px;padding:10px 14px}
.dark .comment-respond{background:var(--webdb-surface)}

/* Post nav edges */
.post-nav.edges{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
.post-nav.edges .prev{text-align:left}
.post-nav.edges .next{text-align:right}

/* Load more button (if enabled) */
.loadmore-wrap{display:flex;justify-content:center;margin:16px 0 0}
.btn.load-more{border:1px solid var(--webdb-border);background:var(--webdb-bg);border-radius:999px;padding:10px 16px;cursor:pointer}
.btn.load-more:hover{border-color:var(--webdb-primary);color:var(--webdb-primary)}

@media (max-width:1024px){ .home-grid{grid-template-columns:1fr} }
@media (max-width:760px){
  .site-header .container{min-height:58px}
  .nav-toggle{display:block}
  .primary-nav{display:none;position:absolute;left:0;right:0;top:64px;background:var(--webdb-bg);border-bottom:1px solid var(--webdb-border);padding:8px 12px}
  .primary-nav.open{display:block}
  .primary-nav .menu{flex-direction:column;gap:6px}
  .primary-nav .menu .sub-menu{position:static;opacity:1;transform:none;pointer-events:auto;box-shadow:none;border:0;padding:4px 0;margin-left:10px}
}


/* Footer center */
.site-footer .container{ text-align:center }

/* Comment layout */
.comment-list .c-body{display:flex;gap:12px}
.c-avatar{border-radius:999px}
.c-main{flex:1}
.c-head{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--webdb-muted)}
.c-head .c-chip{display:inline-block;border:1px solid var(--webdb-border);border-radius:999px;padding:2px 6px;margin-left:6px}
.c-content{margin:6px 0}
.c-actions a{display:inline-block;border:1px solid var(--webdb-border);border-radius:999px;padding:6px 10px;font-size:13px}
.logged-in{font-size:13px;color:var(--webdb-muted)}


/* Search results hero */
.search-hero{border-bottom:1px solid var(--webdb-border);padding:12px 0 14px;background:linear-gradient(180deg, var(--webdb-surface), transparent)}
.search-hero .search-title{margin:0 0 6px;font-size:22px;font-weight:900}
.search-hero .search-title .label{color:var(--webdb-muted);font-weight:700;margin-right:6px}
.search-hero .search-title .query{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.25);padding:2px 8px;border-radius:999px}
.search-hero .meta{margin:0 0 8px;color:var(--webdb-muted);font-size:13px}
.search-hero .search-form.modern{max-width:520px}
/* v0.4.6 — Light mode readability + centered pagination */
:root{ --webdb-text:#0b1220; --webdb-muted:#475569 }
body{ color:var(--webdb-text) }
.entry-content{ color:var(--webdb-text) }
.pagination.pretty{ display:flex; justify-content:center }
.pagination.pretty ul{ justify-content:center }
/* v0.4.8 — typography + back-to-top + contrast tweaks */
:root{ --webdb-text:#0a0d14; --webdb-muted:#2c3a4d }
.dark{ --webdb-bg:#0f141a; --webdb-surface:#141b24; --webdb-text:#eef3f7; --webdb-muted:#b6c2d1; --webdb-border:#1f2a37 }
body{ font-size:18px }
.entry-content{ font-size:18px }
.entry-content h2{ font-size:26px }
.entry-content h3{ font-size:21px }

/* Back to top visibility */
#backToTop{ width:44px; height:44px; line-height:44px; text-align:center; font-size:16px; color:#0f172a; background:#ffffff; border:1px solid rgba(15,23,42,.18); border-radius:12px; box-shadow:0 10px 30px rgba(16,24,40,.18); z-index:9999 }
#backToTop:hover{ transform:translateY(-2px) }
.dark #backToTop{ background:#1e293b; color:#e7edf4; border-color:#2b3a4d; box-shadow:0 10px 30px rgba(0,0,0,.4) }

/* Center pagination (reinforce) */
.pagination, .pagination.pretty, .comment-nav{ display:flex; justify-content:center }
.pagination.pretty ul, .comment-nav ul{ display:flex; justify-content:center }
/* v0.4.9 — dropdown stability + archive/search heroes spacing */
.primary-nav .menu .sub-menu{ top:100%; margin-top:6px }
/* Ensure open state controls visibility (we removed :hover opener earlier) */
.primary-nav .menu li.open > .sub-menu{ opacity:1; transform:none; pointer-events:auto; display:block }

/* Heroes spacing: avoid overlap/too tight */
.search-hero + .content{ padding-top:14px }
.archive-hero{ border-bottom:1px solid var(--webdb-border); padding:16px 0 18px; background:linear-gradient(180deg, var(--webdb-surface), transparent) }
.archive-hero .archive-title{ margin:0 0 6px; font-size:26px; font-weight:900 }
.archive-hero .archive-title .label{ color:var(--webdb-muted); margin-right:8px }
.archive-hero .archive-title .query{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.25); padding:3px 10px; border-radius:999px }
.archive-hero .desc{ color:var(--webdb-muted); margin:6px 0 0 }
.archive-hero + .content{ padding-top:14px }

/* Center all paginations */
.pagination, .pagination.pretty, .comment-nav{ display:flex; justify-content:center }
.pagination.pretty ul, .comment-nav ul{ display:flex; justify-content:center }
/* v0.5.0 — contrast, heroes spacing, dropdown stability, centered pagination */
:root{ --webdb-text:#0a0c12; --webdb-muted:#263244 }
body, .entry-content{ color:var(--webdb-text) }
/* Dropdown: visibility solely via .open or :focus-within */
.primary-nav{ position:relative }
.primary-nav .menu .sub-menu{ top:100%; margin-top:8px }
.primary-nav .menu li.open > .sub-menu{ opacity:1; transform:none; pointer-events:auto; display:block }
/* Heroes spacing and clarity */
.search-hero{ padding:20px 0 22px; border-bottom:1px solid var(--webdb-border); background:linear-gradient(180deg, var(--webdb-surface), transparent) }
.search-hero .search-title{ margin:0 0 8px; font-size:26px; font-weight:900 }
.search-hero + .content{ padding-top:16px }
.archive-hero{ padding:18px 0 20px; border-bottom:1px solid var(--webdb-border); background:linear-gradient(180deg, var(--webdb-surface), transparent) }
.archive-hero .archive-title{ margin:0 0 8px; font-size:26px; font-weight:900 }
.archive-hero .archive-title .label{ color:var(--webdb-muted); margin-right:8px }
.archive-hero .archive-title .query{ background:rgba(34,197,94,.12); border:1px solid rgba(34,197,94,.25); padding:3px 10px; border-radius:999px }
.archive-hero + .content{ padding-top:16px }
/* Center all paginations (posts + comments) */
.pagination, .pagination.pretty, .comment-nav{ display:flex; justify-content:center; text-align:center }
.pagination.pretty ul, .comment-nav ul{ display:flex; justify-content:center }
/* v0.5.1 — dropdown corridor + back-to-top redesign + search spacing */
/* Dropdown: remove gap, add hover corridor to prevent flicker */
.primary-nav .menu .sub-menu{ top:100%; margin-top:0 }
.primary-nav .menu .sub-menu::before{ content:""; position:absolute; left:0; right:0; top:-10px; height:10px; }
.primary-nav .menu li.open > .sub-menu{ opacity:1; transform:none; pointer-events:auto; display:block }

/* Back-to-top: clearer floating FAB */
#backToTop{ width:48px; height:48px; line-height:48px; text-align:center; font-size:18px; border-radius:999px; background:#0f172a; color:#fff; border:1px solid rgba(15,23,42,.3); box-shadow:0 12px 30px rgba(16,24,40,.25); z-index:10000 }
.dark #backToTop{ background:#e7edf4; color:#0f172a; border-color:#cbd5e1; box-shadow:0 12px 30px rgba(0,0,0,.45) }
#backToTop:hover{ transform:translateY(-2px) }

/* Search results spacing & clarity */
.search-hero{ padding:22px 0 24px }
.search-hero + .content{ padding-top:24px }
.search .posts{ gap:16px }

/* Center paginations (reinforce) */
.pagination, .pagination.pretty, .comment-nav{ display:flex; justify-content:center; text-align:center }
.pagination.pretty ul, .comment-nav ul{ display:flex; justify-content:center }
/* v0.5.2 — dark text brightness, centered FAB, search spacing */
/* Dark mode readability (closer to 0.4.4 baseline) */
.dark{ --webdb-bg:#0b1220; --webdb-surface:#0f172a; --webdb-text:#f2f6fb; --webdb-muted:#c3ceda; --webdb-border:#243041; --webdb-ring:rgba(34,197,94,.32) }
body.dark, .dark .entry-content{ color:var(--webdb-text) }

/* Back-to-top FAB (centered icon) */
#backToTop.fab{ position:fixed; right:16px; bottom:16px; width:52px; height:52px; display:grid; place-items:center; border-radius:999px; background:#0f172a; color:#fff; border:1px solid rgba(15,23,42,.35); box-shadow:0 14px 34px rgba(16,24,40,.28); z-index:10000 }
.dark #backToTop.fab{ background:#e7edf4; color:#0f172a; border-color:#cbd5e1; box-shadow:0 14px 34px rgba(0,0,0,.5) }
#backToTop.fab:hover{ transform:translateY(-2px) }

/* Search results clarity */
.search-hero{ padding:24px 0 26px; border-bottom:1px solid var(--webdb-border) }
.search-hero + .content{ padding-top:24px }
.search .posts{ gap:18px }
/* v0.5.4 — Search results redesign (grid cards) */
.search-hero.compact{ padding:18px 0 16px; border-bottom:1px solid var(--webdb-border); background:linear-gradient(180deg, var(--webdb-surface), transparent) }
.search-hero.compact .search-title{ margin:0 0 10px; display:flex; align-items:center; gap:10px; font-size:22px; font-weight:900 }
.search-hero.compact .q-badge{ border:1px solid var(--webdb-border); background:var(--webdb-bg); border-radius:999px; padding:4px 10px; font-size:15px }
.search-hero.compact .count{ color:var(--webdb-muted); font-size:13px }
.search-hero.compact .search-tools{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:8px }
.search-hero.compact .search-tools .chip{ display:inline-block; border:1px solid var(--webdb-border); border-radius:999px; padding:6px 10px; background:var(--webdb-bg); font-size:13px }
.search-hero.compact .search-tools .chip.active{ background:var(--webdb-primary); border-color:var(--webdb-primary); color:#fff }
.search-hero.compact + .content{ padding-top:18px }

.results-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px }
@media (max-width:920px){ .results-grid{ grid-template-columns:1fr } }
.r-card{ display:flex; flex-direction:column; border:1px solid var(--webdb-border); border-radius:14px; background:var(--webdb-bg); box-shadow:0 1px 2px rgba(16,24,40,.06); overflow:hidden; transition:transform .18s ease, box-shadow .18s ease }
.r-card:hover{ transform:translateY(-2px); box-shadow:0 10px 28px rgba(16,24,40,.10) }
.r-card .thumb{ display:block; background:var(--webdb-surface) }
.r-card .thumb img, .r-card .thumb .placeholder{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block }
.r-card .thumb .placeholder{ background:linear-gradient(135deg,#e2e8f0,#f8fafc) }
.dark .r-card .thumb .placeholder{ background:linear-gradient(135deg,#1f2937,#111827) }
.r-card .body{ padding:12px 14px 14px }
.r-card .title{ margin:0 0 8px; font-size:20px; font-weight:800; line-height:1.35 }
.r-card .excerpt{ margin:6px 0 10px; color:var(--webdb-text); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden }
.r-card .meta{ display:flex; align-items:center; gap:8px; color:var(--webdb-muted); font-size:13px; flex-wrap:wrap }
.r-card .meta .chip{ display:inline-block; border:1px solid var(--webdb-border); border-radius:999px; padding:2px 8px; background:var(--webdb-bg) }
mark.hl{ background:rgba(34,197,94,.18); color:inherit; padding:0 2px; border-radius:4px; box-shadow:inset 0 -2px 0 rgba(34,197,94,.35) }

/* Ensure pagination centered under grid */
.pagination, .pagination.pretty{ display:flex; justify-content:center; grid-column:1 / -1 }
/* v0.5.5 — archive sort chips & search hero without form */
.archive-hero .tools{ display:flex; gap:8px; flex-wrap:wrap; margin:6px 0 0 }
.archive-hero .tools .chip{ display:inline-block; border:1px solid var(--webdb-border); border-radius:999px; padding:6px 10px; background:var(--webdb-bg); font-size:13px }
.archive-hero .tools .chip.active{ background:var(--webdb-primary); border-color:var(--webdb-primary); color:#fff }
/* v0.5.6 — mobile/tablet responsiveness + archive relevance chip */
.container{padding-left:16px;padding-right:16px}
@media (max-width:1024px){ .primary-nav .menu{gap:10px} }
@media (max-width:760px){
  .primary-nav{display:none}
  .primary-nav.open{display:block}
  .archive-hero .tools, .search-hero .search-tools{gap:6px}
}
/* Ensure grids collapse neatly */
@media (max-width:920px){ .results-grid{grid-template-columns:1fr} }
/* Center paginations across breakpoints */
.pagination, .pagination.pretty, .comment-nav{display:flex;justify-content:center}
/* v0.5.7 — rollback mobile tweaks; desktop defaults restored */
.container{padding-left:24px;padding-right:24px}
/* Primary nav visibility controlled by existing responsive rules or mobile.css when enabled */

/* webdb 0.5.11: Fix backToTop arrow centering consistently */
#backToTop { /* unify layout across pages and sizes */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important; /* reset baseline issues */
  padding: 0 !important;
}
#backToTop svg {
  display: block !important; /* remove inline baseline gap */
  width: 20px; height: 20px; /* ensure consistent icon size */
}
#backToTop.fab { display: inline-flex !important; }


/* webdb 0.5.12: Normalize top nav button style globally */
.primary-nav .menu > li > a,
.primary-nav .menu > li > a.nav-btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 8px 12px; border-radius: 8px;
  font-weight: 600; text-decoration: none;
  border: 1px solid rgba(15,23,42,.12);
}
.primary-nav .menu > li > a:hover,
.primary-nav .menu > li > a.nav-btn:hover { background: rgba(15,23,42,.06); }
/* Dark mode tweak */
.dark .primary-nav .menu > li > a,
.dark .primary-nav .menu > li > a.nav-btn { border-color: rgba(203,213,225,.35); }


@media (max-width:760px){ .site-header .container{ flex-wrap:nowrap; overflow:hidden; min-height:58px } }

/* webdb 0.5.23 — Reinforcements */
@media (max-width:760px){ .site-header .container{ flex-wrap:nowrap; overflow:hidden } }
:where(a,button,input,textarea,select):focus-visible{ outline:none; box-shadow:0 0 0 2px var(--webdb-ring); border-color:var(--webdb-primary) }

/* webdb 0.5.27 — Desktop fine-tuning (slightly smaller text) */
@media (min-width: 761px){
  /* Main list excerpt a bit smaller */
  .post-item .excerpt{ font-size: 15px }
  /* Popular-now block title slightly smaller */
  .section-popular .section-title,
  .popular .section-title,
  .widget-popular .widget-title{ font-size: 20px }
  /* Topic explore hash-tag chips slightly smaller */
  .chip, .cat-chip, .tag-chip{ font-size: 13px }
}

/* webdb 0.5.28 — Desktop: tiny reduction for '지금 인기' post titles */
@media (min-width: 761px){
  /* Popular list item titles (keep subtle) */
  .section-popular .post-item .title,
  .popular .post-item .title,
  .widget-popular .post-item .title{ font-size: 18px }
}

/* webdb 0.5.29 — Desktop: precise selectors for Popular titles and tag cloud */
@media (min-width: 761px){
  /* Popular widgets commonly use recent posts or custom lists */
  .widget_recent_entries .post-item .title,
  .widget_recent_entries li a,
  .widget_popular_posts .post-item .title,
  .widget_popular_posts li a,
  .section-popular .post-item .title{ font-size: 18px }
  /* Tag cloud (주제탐색) — WP outputs inline sizes; override softly */
  .tagcloud a{ font-size: 13px !important }
}

/* webdb 0.5.30 — Desktop: Popular list + topic chips precise tweak */
@media (min-width: 761px){
  /* 오른쪽 사이드: 지금 인기 항목 제목 */
  .home-rail .list-simple .item{ font-size:18px; line-height:1.35 }
  /* 주제 탐색 해시태그(사이드) — 이미 .chip 13px이지만 안전하게 지정 */
  .home-rail .chips .chip{ font-size:13px }
}

/* webdb 0.5.31 — Desktop: reduce '지금 인기' item titles a bit more */
@media (min-width: 761px){
  .home-rail .list-simple .item{ font-size:16px; line-height:1.35 }
}

/* webdb 0.5.32 — Desktop: shrink '지금 인기' item titles further */
@media (min-width: 761px){
  .home-rail .list-simple .item{ font-size:14px; line-height:1.35 }
}

/* webdb 0.5.33 — Desktop: '지금 인기' item titles at 11.5px */
@media (min-width: 761px){
  .home-rail .list-simple .item{ font-size:11.5px; line-height:1.35 }
}

/* webdb 0.5.34 — Desktop: '지금 인기' item titles at 12.5px */
@media (min-width: 761px){
  .home-rail .list-simple .item{ font-size:12.5px; line-height:1.35 }
}

/* webdb 0.5.37 — Comments hierarchy, badge, readability */
.comment-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:12px }
.comment-list > li{ border:1px solid var(--webdb-border); border-radius:10px; background:var(--webdb-bg); padding:12px }
.comment-list .children{ list-style:none; margin:10px 0 0 14px; padding:0 0 0 12px; border-left:2px solid var(--webdb-border); display:flex; flex-direction:column; gap:10px }
.comment-body{ display:flex; flex-direction:column; gap:8px }
.c-head{ display:flex; align-items:center; gap:10px }
.c-avatar{ width:32px; height:32px; border-radius:999px }
.c-meta{ display:flex; align-items:center; gap:8px; flex-wrap:wrap }
.c-author{ font-weight:700 }
.c-badge{ display:inline-flex; align-items:center; padding:1px 6px; border:1px solid var(--webdb-border); border-radius:999px; font-size:12px; color:var(--webdb-muted); background:var(--webdb-surface) }
.c-time{ font-size:12px; color:var(--webdb-muted) }
.c-content{ line-height:1.7 }
.c-actions a.comment-reply-link{ display:inline-flex; align-items:center; gap:4px; padding:4px 8px; border:1px solid var(--webdb-border); border-radius:8px; text-decoration:none; font-size:13px }
.c-actions a.comment-reply-link:hover{ background:rgba(15,23,42,.06) }
/* Stronger separators between top-level comments */
.comment-list > li + li{ box-shadow: 0 -1px 0 0 var(--webdb-border) inset }
/* Dark mode adjustments */
.dark .comment-list > li{ background:#0b1017; border-color:#1f2a37 }
.dark .comment-list .children{ border-left-color:#334155 }
.dark .c-badge{ background:#0f172a; border-color:#334155; color:#9ca3af }