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

/* ═══ 홈프라이스허브 발행글 디자인 패키지 이식 (2026-07-21, 접두사 amo-, 라벤더#5b46e0) ═══ */
:root{
  --amo-navy:#2a2166; --amo-navy-deep:#1c1747;
  --amo-accent:#5b46e0; --amo-accent-light:#ede9fd;
  --amo-text:#241f38; --amo-muted:#6b6b7a; --amo-border:#e3e0f5;
}
.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(--amo-border);
}
header.wp-block-template-part .wp-block-site-title{ font-weight:800; letter-spacing:-.6px; color:var(--amo-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(--amo-accent); border-radius:2px; transition:width .22s ease;
}
header.wp-block-template-part .wp-block-navigation-item__content:hover::after{ width:100%; }

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

.amo-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; }
.amo-sidebar-inner{ position:sticky; top:88px; }
.amo-sidebar-inner .toc{ margin:0 0 20px !important; }
.amo-ad-slot{ display:none; }
@media (max-width:1024px){ .amo-layout{ grid-template-columns:1fr; gap:0; } .amo-sidebar{ display:none; } }

.toc{
  background:#fff !important; border:none !important; border-left:3px solid var(--amo-accent) !important;
  box-shadow:0 1px 3px rgba(42,33,102,.08), 0 1px 2px rgba(42,33,102,.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(--amo-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(--amo-navy) !important; }
.toc li[style*=margin:6px 0 0 18px] > a{ color:var(--amo-muted) !important; }
.toc a:hover{ color:var(--amo-accent) !important; }
.toc a span{ color:var(--amo-accent) !important; }

.related-links-box, .inline-related-card, div[style*=background:#f7f7f9]{
  background:#fff !important; border:none !important; border-left:3px solid var(--amo-accent) !important;
  box-shadow:0 1px 3px rgba(42,33,102,.08), 0 1px 2px rgba(42,33,102,.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(--amo-muted) !important;
}
.related-links-box ul a, div[style*=background:#f7f7f9] ul a{ color:var(--amo-navy) !important; font-size:16px !important; font-weight:600 !important; transition:color .15s ease; }
.related-links-box ul a:hover, div[style*=background:#f7f7f9] ul a:hover{ color:var(--amo-accent) !important; }
.inline-related-card .eyebrow2{ color:var(--amo-accent) !important; }

footer.wp-block-template-part{ background:var(--amo-accent-light); border-top:1px solid var(--amo-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; }
.wp-block-post-comments-form{ padding-top:16px !important; padding-bottom:16px !important; }