/*
Theme Name: 집안해결노트
Theme URI: https://homecarenote.kr
Author: 집안해결노트 운영팀
Description: 집안 문제를 원인부터 해결하는 생활 정보 전용 테마
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: home-care-note
*/
:root { --ink:#18211c; --paper:#f4f1e9; --sage:#78917e; --sage-dark:#526b59; --line:rgba(24,33,28,.18); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
a { color:inherit; text-decoration:none; }
.site-header { width:min(1380px,calc(100% - 48px)); height:88px; margin:0 auto; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; font-size:18px; font-weight:800; letter-spacing:-.04em; }
.brand-mark { width:34px; height:34px; display:grid; place-items:center; background:var(--ink); color:white; border-radius:50%; font-weight:900; }
.desktop-nav { display:flex; gap:38px; font-size:14px; font-weight:650; }
.desktop-nav a { transition:opacity 160ms ease; }
.desktop-nav a:hover { opacity:.55; }
.header-search { justify-self:end; display:flex; gap:22px; border-bottom:1px solid var(--ink); padding:10px 0; font-size:13px; font-weight:750; }
.hero { width:min(1380px,calc(100% - 48px)); margin:0 auto; min-height:710px; display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:6vw; padding:70px 0 90px; }
.eyebrow { margin:0 0 22px; font-size:12px; font-weight:800; letter-spacing:.13em; color:var(--sage-dark); }
.hero h1 { margin:0; font-size:clamp(54px,5.5vw,88px); line-height:1.08; letter-spacing:-.075em; font-weight:760; }
.hero h1 em { font-style:normal; color:var(--sage-dark); position:relative; }
.hero h1 em::after { content:""; position:absolute; left:0; right:0; bottom:2px; height:8px; background:#c9d2be; z-index:-1; }
.hero-description { max-width:570px; margin:34px 0 0; font-size:18px; line-height:1.75; letter-spacing:-.025em; color:#536058; }
.hero-actions { margin-top:42px; display:flex; align-items:center; gap:24px; }
.primary-button { padding:16px 22px; background:var(--ink); color:white; font-size:14px; font-weight:750; transition:transform 160ms ease,background 160ms ease; }
.primary-button:hover { transform:translateY(-2px); background:var(--sage-dark); }
.update-note { font-size:12px; color:#657069; }
.hero-visual { height:560px; position:relative; overflow:hidden; background:#d7d5cc url('/home-care-hero.png') center/cover no-repeat; }
.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(110deg,rgba(20,32,25,.08),transparent 55%); pointer-events:none; }
.hero-card { position:absolute; z-index:2; right:28px; bottom:28px; width:255px; padding:24px; background:rgba(248,246,239,.95); backdrop-filter:blur(8px); display:flex; flex-direction:column; }
.hero-card-label { font-size:11px; font-weight:800; color:var(--sage-dark); margin-bottom:14px; }
.hero-card strong { font-size:19px; line-height:1.45; letter-spacing:-.04em; }
.hero-card-link { margin-top:20px; font-size:12px; font-weight:750; }
.category-section,.latest-section,.principle-section,.single-category,.plan-section { width:min(1380px,calc(100% - 48px)); margin:0 auto; }
.category-section { padding:95px 0 110px; border-top:1px solid var(--line); }
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:52px; }
.section-heading h2 { margin:0; font-size:clamp(34px,3.2vw,50px); line-height:1.18; letter-spacing:-.06em; }
.section-note { max-width:320px; margin:0; font-size:14px; line-height:1.7; color:#657069; }
.category-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.category-item { min-height:220px; padding:24px 20px 22px; border-right:1px solid var(--line); display:flex; flex-direction:column; position:relative; transition:background 180ms ease; }
.category-item:last-child { border-right:0; }
.category-item:hover { background:#e5e9df; }
.category-number { font-size:11px; color:#788078; }
.category-name { margin-top:48px; font-size:26px; font-weight:800; letter-spacing:-.05em; }
.category-detail { margin-top:8px; font-size:13px; color:#657069; }
.category-arrow { position:absolute; right:20px; bottom:22px; font-size:19px; }
.single-category { border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); padding:90px 0; display:grid; grid-template-columns:.72fr 1.28fr; gap:9vw; align-items:start; }
.category-stamp { min-height:260px; padding:28px; background:var(--ink); color:#f5f1e8; display:flex; flex-direction:column; justify-content:space-between; }
.category-stamp span { font-size:11px; letter-spacing:.13em; color:#aeb8b0; }
.category-stamp strong { font-size:clamp(34px,4vw,58px); line-height:1.05; letter-spacing:-.07em; }
.category-intro h2 { margin:0; font-size:clamp(38px,4.2vw,62px); line-height:1.12; letter-spacing:-.065em; }
.category-intro>p:last-child { max-width:680px; margin:30px 0 0; font-size:16px; line-height:1.85; color:#59655d; }
.plan-section { padding:115px 0 130px; }
.plan-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--ink); }
.plan-list li>a,.plan-list li>div { min-height:84px; display:grid; grid-template-columns:70px 1fr 100px 100px; gap:22px; align-items:center; border-bottom:1px solid var(--line); padding:8px 0; }
.plan-list li.published a { background:#dfe5d9; padding-left:18px; padding-right:18px; transition:background 160ms ease; }
.plan-list li.published a:hover { background:#d2ddcd; }
.plan-number { font-size:12px; color:#6b756e; }
.plan-list strong { font-size:18px; letter-spacing:-.035em; }
.plan-tag { justify-self:start; border:1px solid var(--line); border-radius:999px; padding:7px 12px; font-size:11px; color:#657069; }
.plan-status { justify-self:end; font-size:11px; font-weight:750; color:#68736b; }
.published .plan-status { color:var(--sage-dark); }
.latest-section { padding:110px 0 125px; }
.latest-heading { border-bottom:1px solid var(--ink); padding-bottom:28px; }
.issue { font-size:11px; font-weight:800; letter-spacing:.1em; }
.article-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.article-art { height:250px; padding:24px; position:relative; overflow:hidden; }
.article-art.sage { background:#b9c8b7; } .article-art.blue { background:#aebfc3; } .article-art.clay { background:#c8b6a5; }
.article-art>span { font-size:54px; font-weight:850; color:rgba(255,255,255,.75); letter-spacing:-.06em; }
.art-lines { position:absolute; inset:50% 24px auto; display:grid; gap:14px; transform:rotate(-7deg); }
.art-lines i { display:block; height:2px; width:85%; background:rgba(255,255,255,.65); }
.art-lines i:nth-child(2) { width:60%; } .art-lines i:nth-child(3) { width:72%; }
.article-meta { display:flex; justify-content:space-between; margin:18px 0; color:#68736b; font-size:11px; font-weight:750; }
.article-card h3 { margin:0; font-size:25px; line-height:1.38; letter-spacing:-.045em; }
.article-card p { min-height:70px; margin:14px 0 24px; font-size:14px; line-height:1.72; color:#657069; }
.read-more { display:flex; justify-content:space-between; border-top:1px solid var(--line); padding-top:14px; font-size:12px; font-weight:750; }
.principle-section { margin-bottom:120px; padding:95px 7vw; display:grid; grid-template-columns:1fr 1fr; gap:10vw; background:#dfe5d9; }
.principle-copy h2 { margin:0; font-size:clamp(38px,4vw,60px); line-height:1.13; letter-spacing:-.065em; }
.principle-copy>p:last-child { max-width:520px; margin:30px 0 0; font-size:15px; line-height:1.85; color:#546159; }
.check-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--ink); }
.check-list li { display:grid; grid-template-columns:42px 1fr; align-items:start; padding:23px 0; border-bottom:1px solid var(--line); }
.check-list span { font-size:11px; color:#6c776f; }
.check-list p { margin:0; font-size:16px; line-height:1.55; font-weight:700; letter-spacing:-.02em; }
footer { background:var(--ink); color:#f2efe6; padding:70px max(24px,calc((100vw - 1380px)/2)); display:grid; grid-template-columns:1fr auto; gap:55px; }
.footer-brand { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0 12px; }
.brand-mark.light { background:#f2efe6; color:var(--ink); grid-row:1/3; }
.footer-brand strong { font-size:18px; } .footer-brand p { margin:5px 0 0; color:#aab1ab; font-size:12px; }
.footer-links { display:flex; gap:26px; align-items:center; font-size:12px; color:#c5cbc6; }
.copyright { grid-column:1/-1; margin:10px 0 0; padding-top:24px; border-top:1px solid rgba(255,255,255,.15); font-size:10px; color:#8e9890; }
.article-page { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:100px 0 130px; }
.article-lead { max-width:900px; margin:0 auto 58px; text-align:center; }
.article-lead h1 { margin:0; font-size:clamp(50px,6.2vw,86px); line-height:1.08; letter-spacing:-.075em; }
.article-description { max-width:760px; margin:30px auto 0; font-size:17px; line-height:1.8; color:#59655d; }
.article-info { margin-top:28px; display:flex; justify-content:center; gap:24px; font-size:11px; color:#727b75; }
.article-hero { height:540px; background:#d7d5cc url('/home-care-hero.png') center 55%/cover no-repeat; }
.article-layout { margin-top:80px; display:grid; grid-template-columns:220px minmax(0,700px); justify-content:space-between; gap:70px; align-items:start; }
.article-toc { position:sticky; top:30px; display:flex; flex-direction:column; border-top:1px solid var(--ink); }
.article-toc>span { padding:16px 0; font-size:11px; font-weight:800; color:var(--sage-dark); }
.article-toc a { border-top:1px solid var(--line); padding:13px 0; font-size:12px; color:#647067; }
.article-body { font-family:ui-serif,"Noto Serif KR",serif; }
.article-body .opening { margin:0 0 65px; padding-left:24px; border-left:4px solid var(--sage); font-size:20px; line-height:1.9; font-weight:650; letter-spacing:-.02em; }
.article-body section { scroll-margin-top:30px; margin:0 0 70px; }
.section-index { display:block; margin-bottom:10px; font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:11px; font-weight:800; color:var(--sage-dark); }
.article-body h2 { margin:0 0 24px; font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; font-size:32px; line-height:1.3; letter-spacing:-.055em; }
.article-body section p { margin:0; font-size:17px; line-height:2.05; color:#3f4a43; word-break:keep-all; }
.safety-note { margin:-20px 0 70px; padding:26px 28px; background:#e6e0d3; font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
.safety-note strong { display:block; margin-bottom:8px; font-size:13px; color:#705f4c; }
.safety-note p { margin:0; font-size:14px; line-height:1.75; }
.review-note { margin:-42px 0 70px; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
.review-note strong { display:block; margin-bottom:8px; font-size:12px; color:var(--sage-dark); }
.review-note p { margin:0; font-size:13px; line-height:1.8; color:#657069; }
.review-note a { font-weight:750; border-bottom:1px solid var(--sage); }
.article-summary { margin-top:85px; padding:34px; background:var(--ink); color:#f1eee6; font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
.article-summary span { font-size:11px; font-weight:800; color:#adb8af; }
.article-summary p { margin:16px 0 0; font-size:16px; line-height:1.85; }
.article-pager { margin-top:55px; padding-top:24px; border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr; gap:24px; font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif; }
.article-pager a { display:flex; flex-direction:column; gap:8px; }
.article-pager a.next { text-align:right; }
.article-pager span { font-size:10px; color:#788078; }
.article-pager strong { font-size:13px; line-height:1.55; }
.info-page { width:min(900px,calc(100% - 48px)); margin:0 auto; padding:110px 0 135px; }
.info-page>header { padding-bottom:60px; border-bottom:1px solid var(--ink); }
.info-page h1 { margin:0; font-size:clamp(50px,6vw,78px); line-height:1.08; letter-spacing:-.07em; }
.info-page>header>p:last-child { max-width:720px; margin:28px 0 0; font-size:17px; line-height:1.8; color:#59655d; }
.info-body { padding-top:70px; }
.info-body section { margin-bottom:58px; }
.info-body h2 { margin:0 0 18px; font-size:27px; letter-spacing:-.045em; }
.info-body p,.info-body li { font-size:16px; line-height:1.9; color:#465149; }
.info-body ul { margin:0; padding-left:22px; }
.external-contact { display:inline-block; margin-top:8px; padding:14px 18px; background:var(--ink); color:white; font-size:13px; font-weight:750; }
.not-found { width:min(720px,calc(100% - 48px)); min-height:70vh; margin:0 auto; display:flex; flex-direction:column; justify-content:center; align-items:flex-start; }
.not-found h1 { font-size:44px; letter-spacing:-.05em; }
.not-found a { border-bottom:1px solid var(--ink); padding-bottom:7px; }
@media (max-width:900px) {
  .site-header { width:min(100% - 32px,1380px); grid-template-columns:1fr auto; } .desktop-nav { display:none; }
  .hero { width:min(100% - 32px,1380px); grid-template-columns:1fr; min-height:auto; padding-top:60px; } .hero-visual { height:480px; }
  .category-section,.latest-section,.principle-section,.single-category,.plan-section { width:min(100% - 32px,1380px); }
  .category-grid { grid-template-columns:repeat(2,1fr); } .category-item:nth-child(2) { border-right:0; } .category-item:nth-child(-n+2) { border-bottom:1px solid var(--line); }
  .article-grid { grid-template-columns:1fr; gap:55px; } .article-card { display:grid; grid-template-columns:minmax(220px,.8fr) 1fr; column-gap:28px; }
  .article-art { grid-row:1/6; height:100%; min-height:260px; }
  .principle-section { grid-template-columns:1fr; gap:55px; padding:72px 9vw; }
  .single-category { grid-template-columns:1fr; gap:45px; }
  .category-stamp { min-height:210px; }
  .article-page { width:min(100% - 32px,1120px); padding-top:75px; }
  .article-layout { grid-template-columns:1fr; gap:45px; }
  .article-toc { position:static; }
  .info-page { width:min(100% - 32px,900px); padding-top:80px; }
  footer { grid-template-columns:1fr; } .footer-links { flex-wrap:wrap; }
}
@media (max-width:580px) {
  .site-header { height:74px; } .header-search { font-size:0; gap:0; border:0; } .header-search span { font-size:20px; }
  .hero { padding:52px 0 70px; gap:42px; } .hero h1 { font-size:46px; } .hero-description { font-size:16px; }
  .hero-actions { align-items:flex-start; flex-direction:column; } .hero-visual { height:410px; } .hero-card { right:16px; bottom:16px; width:220px; }
  .section-heading { align-items:flex-start; flex-direction:column; }
  .category-section { padding:72px 0 80px; } .category-item { min-height:170px; } .category-name { margin-top:30px; font-size:21px; } .category-detail { max-width:80%; }
  .single-category { padding:72px 0; } .category-stamp { min-height:175px; } .category-intro h2 { font-size:36px; }
  .plan-section { padding:80px 0 95px; }
  .plan-list li>a,.plan-list li>div { grid-template-columns:42px 1fr auto; gap:12px; min-height:94px; }
  .plan-tag { display:none; } .plan-status { grid-column:2/4; justify-self:start; margin-top:-16px; }
  .latest-section { padding:80px 0 95px; } .issue { display:none; } .article-card { display:block; } .article-art { height:210px; min-height:0; } .article-card p { min-height:0; }
  .article-page { padding:58px 0 90px; } .article-lead { margin-bottom:40px; } .article-lead h1 { font-size:43px; }
  .article-description { font-size:15px; } .article-hero { width:calc(100% + 32px); height:330px; margin-left:-16px; }
  .article-layout { margin-top:55px; } .article-body .opening { font-size:18px; line-height:1.85; }
  .article-body h2 { font-size:27px; } .article-body section p { font-size:16px; line-height:1.95; }
  .article-pager { grid-template-columns:1fr; } .article-pager a.next { text-align:left; }
  .info-page { padding:65px 0 95px; } .info-page h1 { font-size:44px; } .info-body { padding-top:50px; }
  .principle-section { width:100%; margin-bottom:0; padding:72px 24px; } footer { padding-top:58px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }

/* WordPress theme additions */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wp-site-blocks{padding:0}.post-list-empty{padding:80px 0;border-top:1px solid var(--line)}
.info-body>h2{margin:0 0 18px;font-size:27px;letter-spacing:-.045em}.info-body>p,.info-body>ul{margin:0 0 58px}
.info-body p,.info-body li{font-size:16px;line-height:1.9;color:#465149}.info-body ul{padding-left:22px}
.admin-bar .site-header{margin-top:32px}@media(max-width:782px){.admin-bar .site-header{margin-top:46px}}