/*
Theme Name: 주거생활백과
Description: 생활문제 문서용 가독성 중심 블록 테마
Version: 0.2.1
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: enggadgets-wiki
*/

:root { --eg-ink:#17283a; --eg-muted:#52677a; --eg-blue:#105b9f; --eg-line:#dce5ed; --eg-soft:#f3f7fa; }
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--eg-ink); background:#fff; }
a { text-underline-offset:.18em; }
button,input { font:inherit; }
.eg-site-header { position:sticky; top:0; z-index:30; background:rgba(255,255,255,.97); border-bottom:1px solid var(--eg-line); backdrop-filter:blur(12px); }
.admin-bar .eg-site-header { top:32px; }
.eg-header-inner { display:flex; align-items:center; gap:1rem; min-height:74px; margin-inline:auto; }
.eg-wordmark { margin:0; color:var(--eg-blue); font-weight:800; line-height:1.1; letter-spacing:-.035em; white-space:nowrap; }
.eg-wordmark a { color:inherit; text-decoration:none; }
.eg-header-tagline { margin:0 auto 0 0; font-size:.88rem; color:var(--eg-muted); white-space:nowrap; }
.eg-search { display:flex; align-items:stretch; gap:.45rem; width:min(100%,460px); margin:0; }
.eg-search input[type=search] { width:100%; min-width:0; height:44px; padding:.55rem .85rem; border:1px solid #b7c8d8; border-radius:10px; background:#fff; color:var(--eg-ink); }
.eg-search input:focus-visible,.eg-search button:focus-visible,a:focus-visible { outline:3px solid #84b8e6; outline-offset:2px; }
.eg-search button { flex:none; min-height:44px; padding:.55rem 1rem; border:0; border-radius:10px; background:var(--eg-blue); color:#fff; font-weight:700; cursor:pointer; }
.eg-main { padding-block:0 3rem; }
.eg-home { padding-top:1.25rem; }
.eg-hero { padding:clamp(1.2rem,3vw,2.4rem); border:1px solid #d3e3f1; border-radius:22px; background:linear-gradient(115deg,#f0f7fd 0%,#f8fbfe 65%,#e9f4fb 100%); }
.eg-eyebrow { margin:0 0 .45rem; color:var(--eg-blue); font-size:.79rem; font-weight:800; letter-spacing:.06em; }
.eg-hero h1 { margin:0; font-size:clamp(1.75rem,3.2vw,2.65rem); line-height:1.2; letter-spacing:-.045em; }
.eg-hero-copy { max-width:58ch; margin:.65rem 0 1.2rem; color:#3f586f; font-size:.98rem; line-height:1.65; }
.eg-hero .eg-search { width:min(100%,660px); }
.eg-home .eg-hero { padding:1.2rem clamp(1rem,2vw,1.8rem); }
.eg-home .eg-hero h1 { font-size:clamp(1.65rem,2.45vw,2.15rem); }
.eg-home .eg-hero h1 br { display:none; }
.eg-home .eg-hero-copy { max-width:66ch; margin:.4rem 0 .8rem; font-size:.9rem; line-height:1.5; }
.eg-home-section { margin-block:1.15rem; }
.eg-category-card { min-height:72px; }
.eg-home-section { margin-block:1.7rem; }
.eg-home-section h2 { margin:0 0 .25rem; font-size:1.36rem; letter-spacing:-.03em; }
.eg-home-section>p,.eg-section-heading p { margin:.2rem 0 .8rem; color:var(--eg-muted); font-size:.9rem; }
.eg-category-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:.65rem; }
.eg-category-card { display:flex; flex-direction:column; justify-content:space-between; min-height:84px; padding:.8rem 1rem; border:1px solid var(--eg-line); border-radius:12px; background:#fff; color:var(--eg-ink); text-decoration:none; box-shadow:0 2px 10px rgba(23,40,58,.03); }
.eg-category-card:hover { border-color:#8ebbdc; background:#f7fbfe; }
.eg-category-card span { font-weight:750; line-height:1.3; }
.eg-category-card small { color:var(--eg-muted); }
.eg-section-heading { margin-bottom:.75rem; }
.eg-section-heading h2 { margin:0; }
.eg-section-heading a { white-space:nowrap; font-weight:700; }
.eg-home-query .wp-block-post-template { gap:.7rem; }
.eg-home-query .wp-block-post { padding:.95rem 1.1rem; border:1px solid var(--eg-line); border-radius:12px; background:#fff; }
.eg-home-query .wp-block-post-title { margin:0 0 .4rem; font-size:1rem; line-height:1.4; }
.eg-home-query .wp-block-post-title a { color:var(--eg-ink); text-decoration:none; }
.eg-home-query .wp-block-post-title a:hover { color:var(--eg-blue); text-decoration:underline; }
.eg-home-query .wp-block-post-excerpt { margin:0; color:var(--eg-muted); font-size:.87rem; line-height:1.55; }
.eg-home-query .wp-block-post-excerpt__more-link { display:inline-block; margin-left:.3rem; white-space:nowrap; }
.single-eg_guide main { padding-block:1.5rem 3rem; }
.single-eg_guide .wp-block-post-terms { color:var(--eg-blue); font-size:.88rem; font-weight:700; }
.single-eg_guide .wp-block-post-title { margin:.4rem 0 1rem; font-size:clamp(1.8rem,3vw,2.5rem); line-height:1.3; letter-spacing:-.04em; }
.single-eg_guide .wp-block-post-featured-image img { width:100%; max-height:430px; object-fit:cover; border-radius:14px; }
.single-eg_guide .wp-block-post-content { font-size:1rem; line-height:1.78; }
.single-eg_guide .wp-block-post-content h2 { margin-top:2rem; padding-top:.3rem; border-top:1px solid var(--eg-line); font-size:1.35rem; scroll-margin-top:105px; }
.single-eg_guide .wp-block-post-content p,.single-eg_guide .wp-block-post-content li { max-width:72ch; }
.single-eg_guide .wp-block-post-content a { overflow-wrap:anywhere; }
@media(max-width:900px) { .eg-category-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } .eg-header-tagline { display:none; } .eg-header-inner>.wp-block-shortcode { margin-left:auto; } }
@media(max-width:650px) { .admin-bar .eg-site-header { top:46px; } .eg-header-inner { min-height:58px; } .eg-header-inner>.wp-block-shortcode { display:none; } .eg-hero { border-radius:16px; } .eg-hero h1 br { display:none; } .eg-category-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:.5rem; } .eg-category-card { min-height:70px; padding:.7rem .8rem; } .eg-home-query .wp-block-post-template { grid-template-columns:1fr; } .eg-section-heading { align-items:flex-end; } .eg-section-heading p { font-size:.82rem; } }
@media(max-width:360px) { .eg-search { flex-direction:column; } .eg-search button { width:100%; } }