/*
Theme Name: 온담 주거안내
Version: 1.0.0
*/
:root{--navy:#15364b;--navy2:#0d2a3c;--sage:#5b9782;--sand:#f4efe6;--paper:#fff;--ink:#172a36;--muted:#64747d;--line:#dce4e5;--r:20px;--shadow:0 18px 48px rgba(15,46,63,.10);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fbfcfa;font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;font-size:18px;line-height:1.75;word-break:keep-all}a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:4px}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{max-width:var(--max);margin:auto;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:-.04em}.brand img{width:44px;height:44px;border-radius:13px}.brand small{display:block;font-size:12px;color:var(--sage);letter-spacing:.08em}.nav{display:flex;gap:8px;flex-wrap:wrap}.nav a{padding:10px 14px;text-decoration:none;font-size:15px;font-weight:700;border-radius:12px}.nav a:hover,.nav a:focus-visible{background:var(--sand)}.wrap{max-width:var(--max);margin:auto;padding:0 24px}.article-shell{max-width:820px;margin:72px auto 110px;padding:0 24px}.article-header{margin-bottom:48px}.eyebrow{color:var(--sage);font-size:14px;font-weight:800;letter-spacing:.08em}.article-header h1{font-family:"Noto Serif KR",serif;font-size:clamp(40px,7vw,68px);line-height:1.15;letter-spacing:-.055em;margin:10px 0 18px}.article-header .featured{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow);margin-top:28px}.content h2{font-family:"Noto Serif KR",serif;font-size:clamp(28px,4vw,38px);line-height:1.3;letter-spacing:-.04em;margin:92px 0 24px;color:var(--navy)}.content p{margin:0 0 22px}.quick-summary,.toc,.source-box{background:var(--sand);border:1px solid #e8dfce;border-radius:var(--r);padding:28px 32px;margin:32px 0}.toc{background:#fff;border-color:var(--line)}.toc li{margin:7px 0}.article-media{margin:42px 0}.article-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}figcaption{font-size:14px;color:var(--muted);margin-top:8px}.table-wrap{overflow-x:auto;margin:34px 0;border:1px solid var(--line);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse;min-width:580px;font-size:16px}caption{text-align:left;padding:18px 20px;font-weight:800;color:var(--navy)}th,td{padding:15px 20px;border-top:1px solid var(--line);text-align:left}th{background:#f2f6f4}blockquote{margin:34px 0;padding:22px 26px;border-left:4px solid var(--sage);background:#eff6f3;border-radius:0 14px 14px 0;font-weight:700}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:32px 0}.steps span{min-height:78px;display:grid;place-items:center;text-align:center;padding:10px;background:var(--navy);color:#fff;border-radius:14px;font-size:14px;font-weight:800}.steps span+span{background:#28566a}.legal-notice{font-size:.8em!important}.site-footer{background:var(--navy2);color:#dbe6e9;padding:64px 24px 34px}.footer-inner{max-width:var(--max);margin:auto}.site-footer a{color:#fff}.footer-links{display:flex;gap:20px;flex-wrap:wrap;margin:20px 0}.footer-notice{max-width:900px;font-size:14px;color:#afc1c8;border-top:1px solid #315063;padding-top:22px}.copyright{font-size:13px;color:#8da5ae;margin-top:26px}:focus-visible{outline:3px solid #c28c31;outline-offset:3px}.related{margin-top:80px;padding-top:35px;border-top:1px solid var(--line)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{display:block;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;text-decoration:none;font-weight:800;transition:.2s}.related-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}@media(max-width:760px){body{font-size:17px}.header-inner{align-items:flex-start}.nav{display:none}.article-shell{margin-top:45px}.steps{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.quick-summary,.toc{padding:22px}.article-header h1{font-size:40px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
