/*
Theme Name: Hospital Cost Premium
Theme URI: https://hospitalcost.theselfimprovementhomepage.com/
Author: Robotion
Description: 요양 병원 간병인 비용 정보 플랫폼 커스텀 테마
Version: 1.0
*/

:root{
  --brand:#0e6f6b;
  --brand-dark:#0a514e;
  --accent:#d9a441;
  --ink:#16302f;
  --muted:#5d726f;
  --line:#dde7e4;
  --bg:#f6f8f7;
  --white:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Pretendard','Inter',-apple-system,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
a{color:var(--brand);text-decoration:none}
a:hover{color:var(--brand-dark)}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.site-head{background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.head-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;color:var(--ink);letter-spacing:-.02em}
.brand img{width:38px;height:38px;border-radius:10px}
.nav{display:flex;align-items:center;gap:26px;font-size:15px;font-weight:600}
.nav a{color:var(--ink)}
.nav a:hover{color:var(--brand)}
.nav a.pill{background:var(--brand);color:#fff;padding:10px 20px;border-radius:999px}
.nav a.pill:hover{background:var(--brand-dark);color:#fff}
.hero{padding:96px 0 88px;background:linear-gradient(180deg,#eef6f4,var(--bg))}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.eyebrow{display:inline-block;font-size:13px;font-weight:750;letter-spacing:.14em;color:var(--brand);text-transform:uppercase;margin-bottom:18px}
.hero h1{font-family:'Noto Serif KR',serif;font-size:clamp(42px,5.6vw,68px);line-height:1.14;letter-spacing:-.05em;color:var(--ink);margin:0 0 24px}
.lead{font-size:18px;color:var(--muted);max-width:600px;margin-bottom:34px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:15px 28px;border-radius:999px;font-weight:700;font-size:15px}
.btn:hover{background:var(--brand-dark);color:#fff}
.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}
.hero-media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:28px;box-shadow:0 24px 60px rgba(14,111,107,.16)}
.section{padding:96px 0}
.section.alt{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}
.section h2{font-family:'Noto Serif KR',serif;font-size:clamp(30px,4vw,44px);line-height:1.25;letter-spacing:-.045em;margin:0}
.section-head p{max-width:520px;color:var(--muted);margin:0}
.cost-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cost-item{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px}
.cost-item b{display:block;font-size:17px;margin-bottom:10px;color:var(--brand-dark)}
.cost-item p{color:var(--muted);font-size:14.5px;margin:0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--white);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(14,111,107,.12)}
.card a{color:inherit}
.card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.card-body{padding:24px}
.card-body p.meta{font-size:12.5px;color:var(--brand);font-weight:750;margin-bottom:8px}
.card-body h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;margin:0 0 10px}
.card-body p{color:var(--muted);font-size:14px;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cta{padding:80px 0;text-align:center}
.cta h2{font-family:'Noto Serif KR',serif;font-size:clamp(28px,3.6vw,40px);letter-spacing:-.04em;margin-bottom:14px}
.cta p{color:var(--muted);margin-bottom:28px}
.article-shell{padding:80px 0 120px}
.article-head{max-width:840px;margin:0 auto 44px;text-align:center}
.article-head h1{font-family:'Noto Serif KR',serif;font-size:clamp(36px,5vw,56px);line-height:1.2;letter-spacing:-.05em;margin:14px 0}
.article-head p{color:var(--muted)}
.article-cover{width:min(1040px,calc(100% - 40px));margin:0 auto 56px}
.article-cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:24px}
.prose{max-width:800px;margin:auto;background:#fff;padding:clamp(28px,6vw,64px);border-radius:24px;border:1px solid var(--line);font-size:16.5px}
.prose h2{font-family:'Noto Serif KR',serif;font-size:29px;line-height:1.35;margin:56px 0 20px;letter-spacing:-.03em}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:21px;margin:36px 0 14px}
.prose p{margin:0 0 20px}
.prose ul,.prose ol{padding-left:24px;margin:0 0 22px}
.prose li{margin:6px 0}
.prose blockquote{margin:30px 0;padding:22px 26px;border-left:4px solid var(--accent);background:#fbf7ee;border-radius:0 14px 14px 0;color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:14.5px}
.prose th,.prose td{padding:13px 15px;border:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{background:var(--brand-dark);color:#fff}
.prose figure{margin:34px 0}
.prose figure img{width:100%;border-radius:16px}
.prose figcaption{font-size:13px;color:var(--muted);margin-top:10px;text-align:center}
.prose .article-summary,.prose .key-summary{margin:26px 0;padding:22px 24px;background:#eef6f4;border-left:4px solid var(--brand);border-radius:0 14px 14px 0}
.prose .article-summary strong,.prose .key-summary strong{display:block;margin-bottom:8px}
.prose .toc{margin:26px 0;padding:22px 26px;background:#f6f8f7;border:1px solid var(--line);border-radius:14px}
.prose .toc ol{padding-left:20px;margin:8px 0 0}
.legal-notice{border-left:3px solid #cbd5e1;background:#f8f9fa;padding:14px 16px;border-radius:0 10px 10px 0;font-size:13.5px;color:#5d726f;margin-top:40px}
.legal-notice p{margin:6px 0}
.ai-notice{font-size:13px;color:#8a9a97;margin-top:18px}
.page-shell{padding:80px 0 120px}
.page-card{max-width:860px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(30px,6vw,64px)}
.page-card h1{font-family:'Noto Serif KR',serif;font-size:42px;line-height:1.2;letter-spacing:-.04em;margin:0 0 26px}
.page-card .prose{max-width:none;background:none;padding:0;border:0}
.site-foot{background:#0d3533;color:#cfe0dd;padding:72px 0 36px}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px}
.foot-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:#fff;margin-bottom:14px}
.foot-brand img{width:34px;height:34px;border-radius:9px}
.foot-grid p{font-size:14px;color:#a3bdb9;margin:0}
.foot-links{display:flex;flex-direction:column;gap:12px;font-size:14.5px}
.foot-links a{color:#cfe0dd}
.foot-links a:hover{color:#fff}
.notices{margin-top:44px;padding-top:28px;border-top:1px solid rgba(255,255,255,.14);font-size:12.5px;line-height:1.8;color:#93afaa}
.notices p{margin:0 0 8px}
.copy{margin-top:22px;font-size:13px;color:#93afaa}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:880px){
  .head-in{height:68px}
  .nav{display:none}
  .hero{padding:64px 0}
  .hero-grid{grid-template-columns:1fr;gap:36px}
  .hero-media{order:-1}
  .hero-media img{aspect-ratio:16/10}
  .cost-grid,.cards{grid-template-columns:1fr 1fr}
  .section{padding:72px 0}
  .section-head{display:block}
  .section-head p{margin-top:14px}
  .foot-grid{grid-template-columns:1fr;gap:30px}
}
@media(max-width:560px){
  .cost-grid,.cards{grid-template-columns:1fr}
  .hero h1{font-size:40px}
  .hero-actions{flex-direction:column}
  .btn{text-align:center}
  .article-shell{padding-top:52px}
  .article-head{padding:0 16px}
  .prose{border-radius:0;border-left:0;border-right:0}
  .page-card{border-radius:0;border-left:0;border-right:0}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}