/* Phase 4 — 홈(.wux-home) + 사이트 공통 보정(큰 로고 블록 대신 헤더 안 로고, 삼국지 띠 압축). 본문 15px↑, 보조 13px↑, 대상 44px. */

/* 큰 로고 블록을 뗐으니 헤더 안 가로형 로고를 항상 */
.wux-nologo-block .wux-logo{display:inline-flex}
.wux-nologo-block .wux-logo img{height:36px}
.wux-nologo-block .wux-nav.is-stuck .wux-logo img{height:30px}

/* 삼국지 띠: 한 줄로(원래 375px 에서 105px, 3줄) — 인라인 스타일이라 !important */
#wia-sg365-topbar{gap:12px!important;padding:8px 52px 8px 16px!important;font-size:15px!important;flex-wrap:nowrap!important;min-height:48px}
#wia-sg365-topbar>span:first-child{font-size:16px!important;white-space:nowrap}
#wia-sg365-topbar>span:nth-child(2){font-size:15px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
/* inline-flex 는 안쪽 span 사이 공백을 지워 'Day168출독'이 됐다 — inline-block 으로 */
#wia-sg365-topbar>a{padding:6px 16px!important;font-size:15px!important;white-space:nowrap;line-height:24px}
#wia-sg365-topbar>button{width:44px;height:44px;right:4px!important}
@media (max-width:767px){
  #wia-sg365-topbar{justify-content:flex-start!important;padding:6px 48px 6px 12px!important}
  #wia-sg365-topbar>span:nth-child(2),#wia-sg365-topbar>a[data-i18n-sg365="topbar.about"]{display:none!important}
  #wia-sg365-topbar>span:first-child{font-size:15px!important}
}

/* ── 홈 ── */
.wux-home{max-width:1280px;margin:0 auto;padding:0 16px 24px;color:#1f2933;font-size:16px;line-height:1.55}
.wux-home *{box-sizing:border-box}
.wux-home h2{font-size:22px;line-height:1.3;margin:0;color:#1f2933}
.wux-hero{text-align:center;padding:40px 0 28px}
.wux-hero h1{font-size:clamp(26px,4.2vw,44px);line-height:1.2;font-weight:800;margin:0 auto 12px;max-width:820px;color:#1f2933;letter-spacing:-.01em}
.wux-hero-sub{margin:0 auto 20px;max-width:640px;color:#3e4c59;font-size:clamp(15px,1.6vw,18px)}
.wux-hero-search{display:flex;max-width:620px;margin:0 auto 16px;border:2px solid #1f6fa8;border-radius:999px;background:#fff;overflow:hidden}
.wux-hero-search input{flex:1;min-width:0;min-height:48px;padding:0 18px;border:0;font-size:16px;background:transparent;color:#1f2933}
.wux-hero-search input:focus{outline:none}
.wux-hero-search:focus-within{box-shadow:0 0 0 3px #f59e0b}
.wux-hero-search button{min-height:48px;padding:0 22px;border:0;background:#1f6fa8;color:#fff;font-weight:700;font-size:16px;cursor:pointer}
.wux-hero-cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.wux-home .wux-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:48px;padding:0 22px;border:1.5px solid #1f6fa8;border-radius:999px;background:#fff;color:#185a89;font-weight:700;font-size:16px;text-decoration:none}
.wux-home .wux-btn-primary{background:#1f6fa8;color:#fff}
.wux-home a.wux-btn-primary:visited{color:#fff}
.wux-home .wux-btn:focus-visible,.wux-home a:focus-visible,.wux-home button:focus-visible,.wux-home summary:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
.wux-note{display:flex;flex-wrap:wrap;gap:6px 8px;justify-content:center;align-items:center;margin:18px auto 0;max-width:760px;padding:10px 14px;border:1px solid #bcd8ee;border-radius:12px;background:#f2f8fd;font-size:15px}
.wux-note-b{padding:2px 10px;border-radius:999px;background:#1f6fa8;color:#fff;font-size:13px;font-weight:700}
.wux-note a{color:#185a89;font-weight:700}

.wux-sec{margin:28px 0}
.wux-sec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.wux-more{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;color:#185a89;font-weight:700;font-size:15px;text-decoration:none;white-space:nowrap}

/* 캐러셀: 가로 스크롤 + 스냅, 좌우 버튼(JS), 키보드는 트랙에 포커스 후 ←→(브라우저 기본) */
.wux-car{position:relative}
.wux-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 5*16px)/6);gap:16px;margin:0;padding:4px 2px 12px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 2px;overscroll-behavior-x:contain;scrollbar-width:thin}
.wux-track:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
@media (max-width:1100px){.wux-track{grid-auto-columns:calc((100% - 3*14px)/4);gap:14px}}
@media (max-width:767px){.wux-track{grid-auto-columns:40%;gap:12px}}
.wux-bc{scroll-snap-align:start;list-style:none;margin:0;min-width:0}
.wux-bc a{display:flex;flex-direction:column;gap:4px;color:#1f2933;text-decoration:none;border-radius:10px}
.wux-bc a:hover .wux-bt{text-decoration:underline}
.wux-cvw{position:relative;display:block;aspect-ratio:2/3;border-radius:8px;overflow:hidden;background:#eef2f6;box-shadow:0 2px 10px rgba(15,23,42,.12)}
.wux-cv{width:100%;height:100%;object-fit:cover;display:block}
.wux-cv-fit{object-fit:contain;background:#eef2f6}
.wux-cv-ph{display:grid;place-items:center;height:100%;font-size:32px}
.wux-bt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:6px;font-weight:700;font-size:15px;line-height:1.35}
.wux-ba{color:#52606d;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wux-bp{font-weight:700;font-size:15px;color:#1f2933}
.wux-usd{font-weight:500;color:#52606d;font-size:13px}
.wux-fbs{position:absolute;inset-inline-start:6px;bottom:6px;display:flex;flex-wrap:wrap;gap:4px}
.wux-fb{padding:1px 6px;border-radius:6px;background:rgba(15,23,42,.82);color:#fff;font-size:13px;font-weight:700;line-height:1.4}
.wux-cb{position:absolute;top:calc(50% - 40px);z-index:2;width:44px;height:44px;border:1px solid #bcccdc;border-radius:50%;background:#fff;color:#1f2933;font-size:26px;line-height:1;box-shadow:0 2px 8px rgba(15,23,42,.15);cursor:pointer}
.wux-cb-prev{inset-inline-start:-8px}
.wux-cb-next{inset-inline-end:-8px}
[dir=rtl] .wux-cb span[aria-hidden]{display:inline-block;transform:scaleX(-1)}
@media (max-width:767px){.wux-cb{display:none!important}}

/* 이어 읽기 */
.wux-cont{display:flex;gap:10px;overflow-x:auto;list-style:none;margin:0;padding:0 0 8px}
.wux-cont li{flex:0 0 auto;list-style:none}
.wux-cont a{display:flex;flex-direction:column;min-width:180px;max-width:260px;padding:12px 14px;border:1px solid #d9e2ec;border-radius:12px;color:#1f2933;text-decoration:none}

/* 삼국지 365 */
.wux-sg-card{padding:20px;border-radius:16px;background:linear-gradient(135deg,#fff7ec,#fdecd7);border:1px solid #f3d3a8}
.wux-sg-card h2{margin:0 0 4px}
.wux-sg-card p{margin:0 0 10px;color:#3e4c59}
.wux-sg-card strong{color:#9a3412}
.wux-sg-prog{font-size:14px}
.wux-home .wux-bar{height:10px;border-radius:999px;background:#f1dcc0;overflow:hidden;margin:8px 0 4px}
.wux-home .wux-bar span{display:block;height:100%;background:#4d7c0f}
.wux-home .wux-btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.wux-center{justify-content:center}
.wux-sg-more{margin-top:10px;border:1px solid #f3d3a8;border-radius:12px;background:#fff}
.wux-sg-more>summary{display:flex;align-items:center;min-height:48px;padding:0 16px;font-weight:700;color:#9a3412;cursor:pointer}
.wux-sg-more[open]>summary{border-bottom:1px solid #f3d3a8}

/* 탭 */
.wux-tabs{display:flex;gap:6px;border-bottom:2px solid #e4e7eb}
.wux-tabs [role=tab]{min-height:44px;padding:0 16px;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;background:none;color:#52606d;font-size:18px;font-weight:700;cursor:pointer}
.wux-tabs [role=tab][aria-selected=true]{color:#1f2933;border-bottom-color:#1f6fa8}
.wux-tabs [role=tab]:focus-visible{outline:3px solid #f59e0b}
.wux-home [role=tabpanel]{padding-top:12px}

/* 출판 가치 제안 */
.wux-pub{text-align:center;padding:28px 16px;border-radius:16px;background:#f7fafc;border:1px solid #e4e7eb}
.wux-pub-sub{margin:6px 0 16px;color:#3e4c59}
.wux-vals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;margin:0 auto 8px;padding:0;max-width:1000px}
.wux-vals li{list-style:none;padding:16px 12px;border-radius:12px;background:#fff;border:1px solid #e4e7eb}
.wux-vi{font-size:28px}
.wux-vals h3{margin:6px 0 4px;font-size:16px}
.wux-vals p{margin:0;font-size:14px;color:#3e4c59}
@media (max-width:767px){.wux-vals{grid-template-columns:repeat(2,minmax(0,1fr))}.wux-pub{padding:20px 12px}}

/* 인생기록관 */
.wux-scr{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:20px;border-radius:16px;background:#f3f7ee;border:1px solid #cfe0b8}
.wux-scr p{margin:4px 0 0;color:#3e4c59}

@media (max-width:767px){.wux-hero{padding:20px 0 16px}.wux-home h2{font-size:20px}}

/* 모바일 바닥글: 링크 4열 그리드가 640px 아래서 1열(28줄, 1,420px) — 2열로 */
@media (max-width:640px){
  /* 바닥글 자체의 ≤420px 1열 규칙(0,2,0, 문서 끝 인라인)보다 높게 */
  body .wia-site-footer [style*="grid-template-columns: repeat(4, 1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 14px!important}
  body .wia-site-footer [style*="grid-template-columns: repeat(4, 1fr)"] a{padding:8px 0!important;min-height:40px}
}
#wia-bcn-chip.wux-q-wait{visibility:hidden!important}

/* 테마의 body.home .entry-content a:not(.pvl-btn){color:#b56a23!important}(0,3,2)가 버튼·카드 글자색을 덮었다(실측) — 더 높게(0,4,x) */
body.home .entry-content .wux-home a.wux-btn{color:#185a89!important}
body.home .entry-content .wux-home a.wux-btn-primary{color:#fff!important}
body.home .entry-content .wux-home a.wux-more,body.home .entry-content .wux-home .wux-note a{color:#185a89!important}
body.home .entry-content .wux-home .wux-bc a,body.home .entry-content .wux-home .wux-cont a{color:#1f2933!important}
/* 1440×900 첫 화면에 도서 한 줄이 다 들어오게: 홈에서는 GP 본문 상자 여백을 줄이고 7열 */
body.home .site-content:has(.wux-home){padding-top:0!important;margin-top:0!important}
body.home .inside-article:has(.wux-home){padding:0 0 24px!important}
body.home .site-main:has(.wux-home),body.home .entry-content:has(.wux-home),body.home .site:has(.wux-home){margin-top:0!important}
@media (min-width:768px){.wux-hero{padding:24px 0 16px}.wux-hero-sub{margin-bottom:16px}.wux-note{margin-top:12px}.wux-sec{margin:20px 0}}
@media (min-width:1280px){.wux-track{grid-auto-columns:calc((100% - 6*16px)/7)}}

.wux-usd{white-space:nowrap}
/* 번역 HTML 안 강조색(노랑·하늘)이 흰 바탕에서 대비 부족 */
body .wux-home .wux-vals strong{color:#9a3412!important}
body .wux-home .wux-pub-sub strong{color:#185a89!important}
body.home .inside-article:has(.wux-home){padding-bottom:0!important}
.wux-sg-note{margin:8px 0 0;padding:8px 12px;border-radius:10px;background:#fff7ec;border:1px solid #f3d3a8;color:#7c2d12;font-size:15px}
/* LCP: 히어로 글자가 늦게 오는 라틴 웹 글꼴(Muli·Montserrat — 한글 글리프 없음)로 다시 그려지며 LCP 가 그 시점으로 밀렸다 → 시스템 글꼴 */
.wux-hero h1,.wux-hero-sub{font-family:system-ui,-apple-system,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",Roboto,sans-serif}

/* deep-QA(Phase 4) */
.wux-hero-pending .wux-hero h1,.wux-hero-pending .wux-hero-sub{visibility:hidden}
html:not([lang^="ko"]) .wux-note[data-lang-only=ko]{display:none}
/* 띠 제목을 16px 로 줄이면서 큰 글자(3:1) 기준을 잃었다 — 4.5:1 이상 색으로 */
#wia-sg365-topbar>span:first-child{color:#6b5410!important}
/* 카드 안 화면낭독용 구분자(absolute)가 스크롤 트랙 밖 .wux-car 를 기준으로 잡혀 문서 폭을 2,438px 로 늘렸다 — 카드를 기준 상자로 */
.wux-track,.wux-bc{position:relative}