@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;800;900&display=swap";.toolsPage{--ink:#10243f;--muted:#5a6879;--blue:#174e78;--aqua:#dff7f1;--teal:#087c6c;--yellow:#ffd75f;--orange:#f36b36;--cream:#fffaf0;color:var(--ink);background:#fff;font-family:Noto Sans KR,Malgun Gothic,sans-serif;font-size:18px;line-height:1.75}.toolsPage *{box-sizing:border-box}.toolsPage h1,.toolsPage h2,.toolsPage h3,.toolsPage p{margin-top:0}.toolsPage a{color:inherit}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #dbe4e9;justify-content:space-between;align-items:center;height:78px;padding:0 max(22px,5vw);display:flex;position:sticky;top:0}.brand{font-size:20px;font-weight:900;text-decoration:none}.brand span{background:var(--orange);color:#fff;border-radius:10px;place-items:center;width:42px;height:36px;margin-right:8px;display:inline-grid}.topbar nav{gap:28px;display:flex}.topbar nav a{font-size:15px;font-weight:800;text-decoration:none}.topbar nav a:hover{color:var(--orange)}.start,.heroButton{background:var(--orange);border-radius:12px;justify-content:center;align-items:center;font-weight:900;text-decoration:none;display:inline-flex;color:#fff!important}.start{min-height:46px;padding:8px 17px;font-size:15px}.hero{background:linear-gradient(140deg,#fff 35%,#eaf9f6);grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;min-height:690px;padding:70px max(24px,6vw);display:grid}.heroCopy{max-width:720px}.eyebrow,.sectionHead>p{color:var(--teal);letter-spacing:.03em;font-weight:900}.hero h1{letter-spacing:-3px;margin-bottom:26px;font-size:clamp(44px,5vw,70px);line-height:1.18}.hero h1 em{color:var(--orange);font-style:normal}.lead{color:#3d4f62;max-width:690px;font-size:21px}.facts{flex-wrap:wrap;gap:10px;margin:26px 0;display:flex}.facts span{background:#fff;border:1px solid #cde0df;border-radius:99px;padding:8px 13px;font-size:15px;font-weight:800}.heroButton{min-height:58px;padding:12px 25px}.hero figure{background:#fff;border-radius:28px;margin:0;overflow:hidden;box-shadow:0 25px 60px #10243f2b}.hero figure img{width:100%;height:auto;display:block}.hero figcaption,.mapImage figcaption{color:var(--muted);text-align:center;padding:12px 16px;font-size:14px}.section{padding:100px max(24px,6vw)}.sectionHead{text-align:center;max-width:850px;margin:0 auto 48px}.sectionHead h2{letter-spacing:-2px;margin-bottom:18px;font-size:clamp(36px,4vw,54px);line-height:1.3}.sectionHead>span{color:var(--muted);font-size:19px;display:block}.sectionHead.light h2,.sectionHead.light>span{color:#fff}.sectionHead.light>p{color:#8de6d4}.threeCards{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:auto;display:grid}.threeCards article{background:#fff;border:1px solid #dbe4e9;border-radius:22px;padding:30px}.threeCards b{background:var(--aqua);width:54px;height:54px;color:var(--teal);border-radius:50%;place-items:center;font-size:21px;display:grid}.threeCards h3{margin:18px 0 8px;font-size:23px}.threeCards p{color:var(--muted);margin:0}.notice{border-left:5px solid var(--orange);background:var(--cream);border-radius:12px;gap:30px;max-width:1200px;margin:25px auto 0;padding:22px 28px;display:flex}.notice strong{white-space:nowrap}.mapSection{background:var(--blue)}.toolGrid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1300px;margin:auto;display:grid}.toolGrid article{background:#fff;border-radius:20px;padding:28px}.toolIcon{font-size:36px}.toolGrid h3{margin:10px 0 6px;font-size:22px}.toolGrid p{color:var(--muted);font-size:16px}.toolGrid article div{flex-wrap:wrap;gap:7px;display:flex}.toolGrid article div span{color:#24516a;background:#edf6f8;border-radius:8px;padding:5px 9px;font-size:13px;font-weight:800}.mapImage{background:#fff;border-radius:20px;max-width:1050px;margin:38px auto 0;overflow:hidden}.mapImage img{width:100%;display:block}.toolsSteps{background:#f7f8fa;display:block}.stepCard{background:#fff;border:1px solid #dbe4e9;border-radius:26px;grid-template-columns:80px 1fr;max-width:1100px;margin:0 auto 28px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #10243f0f}.number{background:var(--blue);color:#fff;place-items:start center;padding-top:32px;font-size:36px;font-weight:900;display:grid}.stepContent{padding:38px 44px}.meta{gap:9px;margin-bottom:12px;display:flex}.meta span,.meta b{border-radius:8px;padding:5px 10px;font-size:13px}.meta span{background:#eef2f5}.meta b{color:#6b4b00;background:#fff2c5}.stepContent h3{letter-spacing:-1px;margin-bottom:12px;font-size:31px;line-height:1.35}.analogy{background:var(--aqua);color:#175d56;border-radius:12px;padding:15px 18px;font-weight:700}.stepContent li{margin:9px 0}.stepContent strong{color:#0b526f}.success,.warning{border-radius:13px;align-items:flex-start;gap:16px;margin-top:24px;padding:17px 19px;display:flex}.success{background:#e7f8ee;border:1px solid #b8e7ca}.success b{white-space:nowrap;color:#126539}.warning{background:#fff3ea;border:1px solid #ffd1bc}.warning b{white-space:nowrap;color:#a23b15}.promptBox{border:1px solid #d5dee5;border-radius:15px;margin:22px 0;overflow:hidden}.promptBox>div{background:#eef4f7;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.promptBox>p{color:#22364a;margin:0;padding:20px;font-family:ui-monospace,Consolas,monospace;font-size:16px}.copy{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 12px;font-weight:800}.formula{background:var(--cream);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:20px 0;padding:20px;display:flex}.formula span,.formula strong{background:#fff;border:1px solid #eadfbf;border-radius:9px;padding:8px 14px}.formula i{color:var(--orange);font-style:normal;font-weight:900}.lessonImage{margin:25px 0}.lessonImage img{border-radius:14px;width:100%;display:block}.promptList details{border-bottom:1px solid #dbe4e9}.promptList summary{cursor:pointer;align-items:center;gap:13px;padding:17px 2px;font-weight:900;display:flex}.promptList summary span{color:var(--orange)}.promptList details>div{padding:0 10px 20px 42px}.promptList details p{color:#33475b}.promptList small{color:var(--muted);margin-top:12px;display:block}.verifyGrid{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.verifyGrid div{background:#f1f5f7;border-radius:12px;padding:18px}.verifyGrid p{color:var(--muted);margin:5px 0 0;font-size:15px}.stepContent blockquote{border-left:5px solid var(--yellow);background:var(--cream);margin:22px 0 0;padding:20px;font-weight:800}.safety{background:#0d294b}.trouble{background:#fff;border-radius:20px;max-width:950px;margin:auto;padding:5px 28px}.trouble details{border-bottom:1px solid #dbe4e9}.trouble details:last-child{border:0}.trouble summary{cursor:pointer;justify-content:space-between;padding:21px 2px;font-weight:900;display:flex}.trouble summary span{color:var(--orange)}.trouble p{color:var(--muted);margin:0;padding:0 30px 18px}.progress{background:#dfe7eb;border-radius:99px;max-width:850px;height:14px;margin:0 auto 12px;overflow:hidden}.progress div{background:linear-gradient(90deg,var(--teal),#54cdb5);height:100%;transition:width .25s}.score{text-align:center;margin-bottom:24px;display:block}.checkItems{gap:10px;max-width:850px;margin:auto;display:grid}.checkItems label{cursor:pointer;background:#fff;border:1px solid #dbe4e9;border-radius:12px;align-items:center;gap:14px;padding:17px 19px;display:flex}.checkItems input{opacity:0;position:absolute}.checkItems label>span{background:#edf2f4;border-radius:50%;flex:0 0 34px;place-items:center;height:34px;font-weight:900;display:grid}.checkItems label.done{background:#eaf9f3;border-color:#8ed7bd}.checkItems label.done>span{background:var(--teal);color:#fff}.finish{text-align:center;background:#fff1b9;border-radius:13px;max-width:850px;margin:20px auto 0;padding:22px;font-weight:900}.final{text-align:center;color:#fff;background:linear-gradient(135deg,#17644f,#0b3154);padding:100px 24px}.final p{color:#a7e6d4;font-weight:900}.final h2{font-size:clamp(38px,4vw,56px);line-height:1.3}.final a{color:var(--blue);background:#fff;border-radius:11px;margin-top:14px;padding:13px 22px;font-weight:900;text-decoration:none;display:inline-flex}.toolsPage footer{color:#fff;background:#071a2e;padding:48px max(24px,6vw)}.toolsPage footer p{color:#b7c5d2;max-width:800px;font-size:14px}.toolsPage button:focus-visible,.toolsPage a:focus-visible,.toolsPage summary:focus-visible,.toolsPage input:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}@media (width<=980px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:50px}.toolGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.toolsPage{font-size:17px}.topbar{height:68px;padding:0 16px}.brand{font-size:16px}.brand span{width:36px;height:32px}.start{padding:6px 10px;font-size:13px}.hero{min-height:auto;padding:48px 19px 58px}.hero h1{letter-spacing:-2px;font-size:40px}.lead{font-size:18px}.section{padding:72px 19px}.sectionHead{text-align:left}.sectionHead h2{font-size:36px}.threeCards,.toolGrid,.verifyGrid{grid-template-columns:1fr}.notice{flex-direction:column;gap:4px}.stepCard{grid-template-columns:1fr}.number{place-items:center;min-height:52px;padding:8px}.stepContent{padding:27px 20px}.stepContent h3{font-size:26px}.success,.warning{flex-direction:column;gap:5px}.formula{gap:6px}.promptList details>div{padding-left:12px}.trouble{padding:4px 18px}.toolsPage footer{padding:38px 20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress div{transition:none}}