/*
Theme Name: Drainfix Atelier
Version: 1.0
*/
:root{--ink:#102a43;--navy:#0b2d4f;--blue:#1677a6;--orange:#e56f35;--paper:#f5f8fa;--white:#fff;--muted:#5e7182;--line:#dce6ed;--r:18px;--shadow:0 18px 48px rgba(16,42,67,.10)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Pretendard,"Noto Sans KR",sans-serif;line-height:1.72}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.brand img{width:42px;height:42px}.nav{display:flex;gap:28px}.nav a{text-decoration:none;font-weight:650}.menu-toggle{display:none;border:0;background:none;font-size:16px;min-height:44px}.hero{padding:110px 0;background:linear-gradient(110deg,rgba(6,30,52,.96),rgba(11,45,79,.7)),var(--hero) center/cover;color:white}.hero-grid{max-width:780px}.eyebrow{font-size:14px;letter-spacing:.12em;color:#b9dbea}.hero h1{font-family:"Noto Serif KR",serif;font-size:clamp(44px,7vw,82px);line-height:1.12;margin:18px 0}.hero p{font-size:20px;max-width:680px}.btn{display:inline-flex;min-height:48px;align-items:center;padding:0 24px;border-radius:999px;background:var(--orange);color:white;text-decoration:none;font-weight:750}.section{padding:104px 0}.section.alt{background:var(--paper)}.section h2{font-size:clamp(30px,4vw,48px);line-height:1.25}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:white;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);transition:.22s}.card:hover{transform:translateY(-5px)}.card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:24px}.card h3{margin:0 0 8px;font-size:21px}.site-foot{background:#081f34;color:#d5e2ea;padding:64px 0 28px}.foot-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px}.fine{font-size:13px;color:#9fb2c1}.legal-site{margin-top:30px;padding:18px;border:1px solid #26445d;border-radius:12px;font-size:12px;color:#aebfcc}.post-hero{padding:76px 0 48px;background:var(--paper)}.post-hero h1{font-size:clamp(38px,6vw,64px);line-height:1.2}.post-cover{width:100%;max-height:560px;object-fit:cover;border-radius:var(--r);box-shadow:var(--shadow)}.article{max-width:790px;margin:0 auto;padding:72px 20px 110px;font-size:18px}.article h2{margin-top:78px;font-size:32px;line-height:1.35}.article p{margin:0 0 24px}.article figure{margin:40px 0}.article figure img{border-radius:var(--r)}figcaption{font-size:14px;color:var(--muted)}.summary,.toc,.callout,.page-card{padding:24px;border:1px solid var(--line);border-radius:var(--r);background:var(--paper);margin:28px 0}.callout{border-left:5px solid var(--orange);background:#fff8f2}.table-wrap{overflow:auto;margin:32px 0}.article table{width:100%;border-collapse:collapse;min-width:560px}.article th,.article td{padding:15px;border:1px solid var(--line);text-align:left}.article th{background:var(--navy);color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0;counter-reset:s}.steps li{list-style:none;padding:18px;background:var(--paper);border-radius:12px}.neighborhood{padding:30px;background:var(--paper);border-radius:var(--r)}select{min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:white}.result-box{margin-top:18px;padding:20px;background:white;border-radius:12px}.focus-visible,a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #e56f35;outline-offset:3px}@media(max-width:800px){.nav{display:flex;position:absolute;top:76px;left:0;width:100%;padding:10px 20px;background:white;overflow-x:auto;gap:20px;border-bottom:1px solid var(--line)}.nav a{white-space:nowrap}.menu-toggle{display:none}.grid{grid-template-columns:1fr}.hero{padding:82px 0}.section{padding:72px 0}.steps{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr}.article{font-size:17px}.article h2{font-size:27px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}