/*
Theme Name: TwentyTwentyFive Child
Template: twentytwentyfive
Version: 1.0
Description: 랜딩페이지 자식테마. page-landing.php가 실제 디자인을 담당.
*/

/* ═══ 홈프라이스허브 발행글 디자인 패키지 이식 (2026-07-21, 접두사 sty-, 다크#1a1a1a+옐로우#ffea00)
   ★블로그영은 다크+옐로우가 브랜드지만, 발행글 본문 자체는 흰 배경(부모테마 기본)을
   그대로 씀(랜딩페이지만 다크) — 실측 확인함. 그래서 옐로우는 텍스트色 대신
   배경/테두리 포인트로만 쓰고, 텍스트·숫자는 다크(#1a1a1a)를 사용(흰 배경 위
   옐로우 텍스트는 대비가 약해 가독성이 떨어지기 때문). ═══ */
:root{
  --sty-navy:#1a1a1a; --sty-navy-deep:#000000;
  --sty-accent:#ffea00; --sty-accent-light:#fdf6c4;
  --sty-text:#1a1a1a; --sty-muted:#7a7a7a; --sty-border:#ececec;
}
.wp-site-blocks > header.wp-block-template-part{
  position:sticky; top:0; z-index:100; background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:saturate(180%) blur(10px); backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--sty-border);
}
header.wp-block-template-part .wp-block-site-title{ font-weight:800; letter-spacing:-.6px; color:var(--sty-navy); }
header.wp-block-template-part .wp-block-navigation-item__content{ position:relative; font-weight:600; }
header.wp-block-template-part .wp-block-navigation-item__content::after{
  content:; position:absolute; left:0; bottom:-3px; width:0; height:2px;
  background:var(--sty-accent); border-radius:2px; transition:width .22s ease;
}
header.wp-block-template-part .wp-block-navigation-item__content:hover::after{ width:100%; }

.sty-post-header{ margin-bottom:6px; max-width:1200px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; }
.sty-breadcrumb{ font-size:13px; color:var(--sty-muted); margin-bottom:20px; letter-spacing:-.2px; }
.sty-breadcrumb a{ color:var(--sty-muted); text-decoration:none; }
.sty-breadcrumb a:hover{ color:var(--sty-navy); }
.sty-cat-pill{
  display:inline-block; background:var(--sty-accent); color:var(--sty-navy);
  font-size:12.5px; font-weight:700; letter-spacing:-.2px; padding:6px 14px; border-radius:999px;
  text-decoration:none; margin-bottom:18px; transition:opacity .18s ease;
}
.sty-cat-pill:hover{ opacity:.8; }
.sty-post-title{ font-size:clamp(27px,3.4vw,38px); font-weight:800; line-height:1.34; letter-spacing:-.8px; color:var(--sty-text); margin:0 0 20px; }
.sty-meta{ display:flex; flex-wrap:wrap; align-items:center; gap:18px; font-size:13.5px; color:var(--sty-muted); letter-spacing:-.2px; padding-bottom:22px; border-bottom:1px solid var(--sty-border); }
.sty-meta span{ display:inline-flex; align-items:center; }
.sty-ic{ width:15px; height:15px; margin-right:6px; opacity:.7; }

.sty-layout{ display:grid; grid-template-columns:1fr 300px; gap:40px; align-items:start; max-width:1200px !important; margin-left:auto !important; margin-right:auto !important; }
.sty-sidebar-inner{ position:sticky; top:88px; }
.sty-sidebar-inner .toc{ margin:0 0 20px !important; }
.sty-ad-slot{ display:none; }
@media (max-width:1024px){ .sty-layout{ grid-template-columns:1fr; gap:0; } .sty-sidebar{ display:none; } }

.toc{
  background:#fff !important; border:none !important; border-left:3px solid var(--sty-accent) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04) !important; border-radius:6px !important;
}
.toc > p:first-child{ font-size:11.5px !important; font-weight:700 !important; letter-spacing:1.2px !important; text-transform:uppercase !important; color:var(--sty-muted) !important; }
.toc a{ transition:color .15s ease; }
.toc li{ transition:transform .15s ease; }
.toc li:hover{ transform:translateX(2px); }
.toc li[style*=margin-bottom:9px]{ font-size:17px !important; margin-bottom:12px !important; }
.toc li[style*=margin:6px 0 0 18px]{ font-size:15px !important; margin-top:8px !important; }
.toc li[style*=margin-bottom:9px] > a{ color:var(--sty-navy) !important; }
.toc li[style*=margin:6px 0 0 18px] > a{ color:var(--sty-muted) !important; }
.toc a:hover{ color:var(--sty-navy) !important; text-decoration:underline; }
.toc a span{ color:var(--sty-navy) !important; background:var(--sty-accent); padding:1px 5px; border-radius:4px; }

.related-links-box, .inline-related-card, div[style*=background:#f7f7f9]{
  background:#fff !important; border:none !important; border-left:3px solid var(--sty-accent) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04) !important; border-radius:6px !important;
}
.related-links-box > p:first-child, div[style*=background:#f7f7f9] > p:first-child{
  font-size:11.5px !important; font-weight:700 !important; letter-spacing:1.2px !important; text-transform:uppercase !important; color:var(--sty-muted) !important;
}
.related-links-box ul a, div[style*=background:#f7f7f9] ul a{ color:var(--sty-navy) !important; font-size:16px !important; font-weight:600 !important; transition:opacity .15s ease; }
.related-links-box ul a:hover, div[style*=background:#f7f7f9] ul a:hover{ opacity:.65; }
.inline-related-card .eyebrow2{ color:var(--sty-muted) !important; }

footer.wp-block-template-part{ background:var(--sty-accent-light); border-top:1px solid var(--sty-border); }

.wp-block-comments{ margin-top:32px !important; margin-bottom:32px !important; }
.comment-reply-title{ font-size:17px !important; margin-bottom:10px !important; }
#commentform p{ margin:0 0 12px !important; }
#commentform textarea{ height:90px !important; }
#commentform input[type=submit]{ padding:8px 22px !important; font-size:14px !important; background:var(--sty-accent) !important; color:var(--sty-navy) !important; }
.wp-block-post-comments-form{ padding-top:16px !important; padding-bottom:16px !important; }