/*
Theme Name: Window Mold Guide
Version: 1.0.0
*/
:root{--ink:#152b2a;--muted:#5d706e;--brand:#0f6e6a;--brand2:#dff3ef;--paper:#fbfdfc;--line:#dce8e5;--warm:#f3b86b;--r:20px;--shadow:0 18px 50px rgba(23,69,67,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;font-size:17px;line-height:1.75;word-break:keep-all}a{color:var(--brand);text-decoration:none}img{max-width:100%;height:auto}button,a{transition:.22s ease}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(251,253,252,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);font-weight:800}.brand img{width:42px;height:42px}.menu{display:flex;gap:26px;align-items:center}.menu a{color:var(--ink);font-size:15px;font-weight:650}.menu a:hover{color:var(--brand)}.hero{padding:104px 0 84px;background:radial-gradient(circle at 80% 15%,#d9f2ed 0,transparent 34%),linear-gradient(180deg,#f5fbf9,#fbfdfc)}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.14em;color:var(--brand);text-transform:uppercase}.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:72px;align-items:center}.hero h1{font-family:"Noto Serif KR",serif;font-size:clamp(46px,6vw,80px);line-height:1.12;letter-spacing:-.055em;margin:18px 0 24px}.hero p{font-size:20px;color:var(--muted);max-width:610px}.btn{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;background:var(--brand);color:white;font-weight:750}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.hero-visual{position:relative}.hero-visual img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:32px;box-shadow:var(--shadow)}.float-note{position:absolute;left:-24px;bottom:24px;background:white;border:1px solid var(--line);border-radius:16px;padding:16px 18px;box-shadow:var(--shadow);font-size:14px}.section{padding:104px 0}.section.alt{background:#eff7f5}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.section h2{font-family:"Noto Serif KR",serif;font-size:clamp(32px,4vw,52px);line-height:1.25;letter-spacing:-.04em;margin:8px 0}.section-head p{max-width:540px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:0 8px 24px rgba(23,69,67,.05)}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:24px}.card h3{font-size:21px;line-height:1.35;margin:5px 0 10px}.card p{font-size:15px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{padding:28px;background:white;border:1px solid var(--line);border-radius:var(--r)}.step b{display:block;color:var(--brand);font-size:13px;margin-bottom:10px}.article-shell{padding:72px 0 110px}.article{width:min(780px,calc(100% - 40px));margin:auto}.article-title{font-family:"Noto Serif KR",serif;font-size:clamp(40px,6vw,64px);line-height:1.2;letter-spacing:-.045em;margin:16px 0 22px}.article .lead{font-size:20px;color:var(--muted)}.article figure{margin:36px 0}.article figure img{border-radius:var(--r);width:100%}.article h2{font-size:31px;line-height:1.35;margin:72px 0 22px;letter-spacing:-.03em}.article h3{font-size:23px;margin-top:42px}.article p{margin:0 0 22px}.summary,.callout,.toc{padding:24px 28px;border-radius:16px;background:var(--brand2);border:1px solid #c7e5df;margin:30px 0}.callout{border-left:5px solid var(--brand);background:#f3faf8}.danger{background:#fff4ed;border-color:#f4c7a3;border-left-color:#c2571a}.table-wrap{overflow-x:auto;margin:30px 0;border:1px solid var(--line);border-radius:16px}.article table{width:100%;border-collapse:collapse;min-width:620px;background:white}.article th,.article td{padding:15px 16px;border-bottom:1px solid var(--line);text-align:left}.article th{background:#edf7f5;color:var(--ink)}.chart{display:grid;gap:12px;margin:28px 0}.bar{padding:12px 16px;border-radius:10px;background:linear-gradient(90deg,var(--brand2) var(--w),#f3f5f4 var(--w));border:1px solid var(--line)}.site-footer{background:#102d2b;color:#d8e8e5;padding:66px 0 34px}.site-footer a{color:white}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:48px}.footer-note{border-top:1px solid rgba(255,255,255,.14);margin-top:38px;padding-top:24px;font-size:13px;color:#aac2be}.legal-footer{margin-top:18px;padding:16px;border-radius:12px;background:rgba(255,255,255,.06);font-size:.8em;color:#bcd0cd}.focus-visible,:focus-visible{outline:3px solid var(--warm);outline-offset:3px}@media(max-width:800px){.wrap{width:min(100% - 28px,1160px)}.menu a:not(.btn){display:none}.hero{padding:70px 0}.hero-grid{grid-template-columns:1fr;gap:42px}.float-note{left:12px}.section{padding:76px 0}.section-head{display:block}.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.article{width:min(100% - 28px,780px)}.article h2{margin-top:56px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}