:root{color-scheme:light;--ink:#172c2a;--muted:#657774;--green:#006d5b;--line:#dbe4df}*{box-sizing:border-box}body{margin:0;background:#f1f5f0;color:var(--ink);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:15px;line-height:1.6}main{max-width:720px;margin:auto;padding:28px 24px 40px}.site-header{background:white;border-bottom:1px solid var(--line)}.site-header-inner{max-width:720px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px}.site-header nav{display:flex;gap:14px;flex-wrap:wrap}.site-header nav a{font-size:13px;font-weight:700}.brand,.site-header nav a{text-decoration:none;white-space:nowrap}.brand{font-weight:800;font-size:23px;letter-spacing:-1px;color:var(--ink)}.brand-icon{display:inline-grid;place-items:center;background:var(--green);color:white;width:34px;height:34px;border-radius:10px;margin-right:6px}.intro-pill{margin:4px 0 32px}.pill{display:inline-block;border:1px solid #bccfc5;border-radius:30px;padding:4px 10px;font-size:10px}.eyebrow,.pill{font-weight:700;letter-spacing:1px}.eyebrow{font-size:12px;color:var(--green)}h1{font-size:52px;line-height:1.13;letter-spacing:-3px;margin:20px 0}h2{font-size:25px;letter-spacing:-1px;margin:12px 0 0}h3{font-size:15px}.lead{font-size:17px;color:#536962;margin-bottom:26px}.warning{border-left:3px solid #b88a41;background:#faf3e5;padding:13px 16px;font-size:13px;margin-bottom:24px;border-radius:0 10px 10px 0}.card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;margin:18px 0;box-shadow:0 8px 25px #193c2d05}.section-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}button,select,textarea{font:inherit}button{border:1px solid var(--line);border-radius:10px;padding:12px 15px;min-height:48px;background:#f4f7f4;color:var(--ink);cursor:pointer;font-weight:700}button:disabled{opacity:.5;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #61bbaa;outline-offset:3px}.primary{background:var(--green);color:white;border-color:var(--green);width:100%}.row{display:flex;gap:8px;align-items:stretch;margin-top:10px}.row>*{min-width:0}.row .primary{flex:1 1}.row select{flex:1 1;width:0}.muted{font-size:12px;color:var(--muted)}label,legend{display:block;font-size:12px;font-weight:700;margin-top:20px;margin-bottom:8px}select{background:white;border:1px solid var(--line);border-radius:10px;padding:10px;color:var(--ink)}.direction{font-size:21px;font-weight:700;color:var(--green);margin:4px 0 16px}.route{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-size:14px;font-weight:700}fieldset{border:0;margin:12px 0 24px}fieldset,legend{padding:0}.choices{display:flex;flex-wrap:wrap;gap:8px}.choices button{font-size:13px;flex:1 1;white-space:nowrap}.choices button[aria-pressed=true]{border-color:var(--green);background:#e2f2eb}textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font-family:monospace;font-size:12px;resize:vertical;background:#f8faf8;color:var(--ink)}textarea.message{font:inherit;font-size:14px}.notice{font-size:13px;color:var(--green);min-height:16px}summary{cursor:pointer;font-weight:700}li{font-size:12px;margin:6px 0;overflow-wrap:anywhere}pre{overflow:auto;max-height:450px;font-size:11px}.sample{border-top:1px solid var(--line);padding:12px 0}.sample p{font-size:12px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left;white-space:nowrap}td,th{padding:8px;border-bottom:1px solid var(--line)}main footer{font-size:11px;line-height:1.8;color:var(--muted);margin-top:30px}a{color:var(--green)}main footer>a{font-weight:700;font-size:13px}.site-footer{max-width:720px;margin:0 auto;padding:22px 24px 40px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer div{display:flex;flex-wrap:wrap;gap:12px}.site-footer p{margin:10px 0 0}.guide-teaser p{font-size:14px}.guide-links{display:grid;gap:8px;margin-top:14px}.article{font-size:16px}.article h1{font-size:40px}.article h2{margin:34px 0 10px}.article li,.article p{font-size:16px;line-height:1.8}.article li{margin:8px 0}.article .example{background:#e6f2ec;border-left:3px solid var(--green);padding:16px;border-radius:0 10px 10px 0}.article .source-note{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:36px}@media(max-width:600px){.site-header-inner{align-items:flex-start;flex-direction:column;gap:8px}.site-header nav{gap:6px 14px}}@media(max-width:480px){main{padding:22px 16px}.site-footer,.site-header-inner{padding-left:16px;padding-right:16px}h1{font-size:43px}.article h1{font-size:34px}.card{padding:19px}.route{font-size:12px}.choices button{padding:10px 8px;font-size:12px}.row>button{font-size:12px}}