/* Theme Name: Clear Window Guide */
:root{--ink:#173c3a;--muted:#5d6d68;--sage:#91aa98;--cream:#f7f4ed;--paper:#fffefa;--line:#dce4dd;--accent:#176b62;--radius:22px;--shadow:0 18px 55px rgba(23,60,58,.1);--space:8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Pretendard,"Noto Sans KR",system-ui,sans-serif;line-height:1.75;letter-spacing:-.015em}a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:30;background:rgba(247,244,237,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(23,60,58,.09)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-weight:800}.brand img{width:42px;height:42px;border-radius:13px}.menu{display:flex;gap:28px;align-items:center}.menu a{text-decoration:none;font-size:14px;font-weight:700}.hero{padding:104px 0 120px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center}.eyebrow{display:block;color:var(--accent);font-size:13px;font-weight:800;letter-spacing:.14em;margin-bottom:20px}.hero h1{font-family:"Noto Serif KR",serif;font-size:clamp(52px,7vw,92px);line-height:1.06;letter-spacing:-.06em;margin:0 0 28px}.hero p{font-size:20px;max-width:620px;color:var(--muted)}.hero-media{position:relative}.hero-media img{aspect-ratio:4/5;object-fit:cover;border-radius:36px;box-shadow:var(--shadow)}.hero-media:after{content:"";position:absolute;inset:auto -22px -22px auto;width:42%;height:42%;border:1px solid var(--sage);border-radius:32px;z-index:-1}.btn{display:inline-flex;min-height:48px;align-items:center;padding:0 22px;background:var(--accent);color:white;border-radius:999px;text-decoration:none;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(23,107,98,.22)}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section h2{font-family:"Noto Serif KR",serif;font-size:clamp(34px,4vw,52px);line-height:1.25;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 30px rgba(23,60,58,.05);transition:.25s}.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:6px 0 10px}.card p{color:var(--muted);font-size:14px;margin:0}.steps{background:var(--ink);color:white}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.18)}.step{background:var(--ink);padding:42px}.step small{color:#b8d1c3;font-weight:800}.site-footer{background:#102f2d;color:#dbe7e0;padding:72px 0 32px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px}.footer-links a{margin-right:20px}.disclaimer{font-size:12px;color:#aebdb6;border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:24px}.article-shell{padding:76px 0 120px}.article-head,.article-body{width:min(800px,calc(100% - 40px));margin:auto}.article-head h1{font-family:"Noto Serif KR",serif;font-size:clamp(42px,6vw,68px);line-height:1.16;letter-spacing:-.045em;margin:0 0 24px}.article-head p{font-size:19px;color:var(--muted)}.featured{width:min(1100px,calc(100% - 40px));margin:42px auto 64px}.featured img{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:30px;box-shadow:var(--shadow)}.article-body{font-size:17px}.article-body h2{font-family:"Noto Serif KR",serif;font-size:32px;line-height:1.35;margin:72px 0 22px}.article-body h3{font-size:23px}.article-body p{margin:0 0 24px}.article-body figure{margin:40px 0}.article-body figure img{border-radius:18px;width:100%;aspect-ratio:16/10;object-fit:cover}.article-body figcaption{font-size:13px;color:var(--muted)}.quick,.article-body blockquote{background:#edf3ee;border:1px solid #cfddd3;border-radius:18px;padding:24px 28px;margin:32px 0}.quick span{font-weight:800}.quick ol{columns:2}.table-wrap{overflow-x:auto;margin:36px 0}.article-body table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white}.article-body th,.article-body td{padding:15px;border-bottom:1px solid var(--line);text-align:left;min-width:140px}.article-body th{background:#eaf1ec}.article-body ul,.article-body ol{background:var(--paper);padding:24px 24px 24px 46px;border-radius:16px}.article-body a{color:var(--accent);text-underline-offset:3px}.page-body{min-height:60vh;padding:80px 0;width:min(800px,calc(100% - 40px));margin:auto}.page-body h1{font-family:"Noto Serif KR",serif;font-size:48px}.focus-ring:focus-visible,a:focus-visible{outline:3px solid #ffbf47;outline-offset:4px}@media(max-width:820px){.wrap{width:min(100% - 28px,1180px)}.nav{height:68px}.menu a:not(:last-child){display:none}.hero{padding:64px 0 88px}.hero-grid{grid-template-columns:1fr;gap:42px}.hero h1{font-size:50px}.hero-media img{aspect-ratio:16/11}.section{padding:72px 0}.grid,.step-grid,.footer-grid{grid-template-columns:1fr}.quick ol{columns:1}.article-shell{padding-top:52px}.article-body{font-size:16px}.article-body h2{font-size:27px;margin-top:56px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}