@import url('https://fonts.googleapis.com/css2?family=Jua&family=Noto+Sans+KR:wght@400;500;700;900&family=JetBrains+Mono:wght@400;600&display=swap');
h1{font-size:1.5em}h2{border-top:3px solid #15b097;padding-top:14px;margin-top:44px}h3{margin-top:22px}.tag{font-size:.6em;background:#eef;padding:2px 8px;border-radius:8px;vertical-align:middle}
table{border-collapse:collapse;width:100%;margin:8px 0}th,td{border:1px solid #ccc;padding:6px 10px;text-align:left;vertical-align:top;font-size:.93em}th{background:#f3f3f3}.info th{width:170px}td.num{text-align:center;font-weight:bold;font-size:1.3em;color:#e03131}.codecell{padding:6px}
img{max-width:100%;border:1px solid #bbb}pre.code{background:transparent;border:1px solid #d0d7de;padding:8px 8px 8px 0;margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,Menlo,monospace;font-size:.86em;counter-reset:ln}
.l{display:block}.l::before{counter-increment:ln;content:counter(ln);display:inline-block;width:2.2em;text-align:right;margin-right:.8em;color:#aaa;user-select:none}.l.cm{color:#8a8f98}
.ann{display:block;margin:3px 0 8px 3.2em;padding:6px 10px;border-left:5px solid #e8809f;background:#ffe8ee;font-family:-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:1.02em;line-height:1.55;color:#3a1a24;white-space:normal}.ann b{color:#b03060}.ann code{background:#fff;padding:0 4px;border-radius:4px;font-family:ui-monospace,Menlo,monospace;font-size:.92em}
.meta{font-size:.85em;color:#666}.note{background:#fffbe6;border-left:4px solid #e0b000;padding:8px 12px;margin:12px 0}ul.en{margin:4px 0;padding-left:18px;color:#444}ul.en li{white-space:pre-wrap}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,"Apple SD Gothic Neo",sans-serif;line-height:1.65;color:#222}
.layout{display:flex;align-items:flex-start;min-height:100vh}.side{width:270px;flex:none;background:#f4f7f6;border-right:1px solid #d8e0de;padding:16px 14px;position:relative;height:auto;overflow:visible}
.side h2{font-size:1em;margin:0 0 10px;border:0;padding:0}.side ul{list-style:none;margin:0;padding:0}.side li{margin:2px 0}.side ul ul{margin-left:14px}
.side a{display:block;padding:4px 8px;border-radius:6px;color:#12332d;text-decoration:none}.side a:hover{background:#dff2ee}.side a.on{background:#15b097;color:#fff;font-weight:bold}.side .soon{display:block;padding:4px 8px;color:#9aa5a2}
.main{flex:1;min-width:0;max-width:1100px;padding:20px 28px 60px}.crumbs{font-size:.9em;color:#555;margin-bottom:6px}.crumbs a{color:#0a6b5b}
.pager{display:flex;justify-content:space-between;gap:10px;margin:14px 0}.pager a,.pager span{padding:8px 14px;border:1px solid #15b097;border-radius:8px;text-decoration:none;color:#0a6b5b;background:#fff}.pager span{border-color:#ccc;color:#aaa}
.src a{color:#0a6b5b}h1{font-size:1.5em;margin-top:6px}h2{margin-top:30px}
table.list td,table.list th{font-size:.9em}
.trans{display:block;margin:2px 0 8px 3.2em;padding:5px 10px;border-left:5px solid #5b8def;background:#eef3ff;font-family:-apple-system,"Apple SD Gothic Neo",sans-serif;font-size:1.02em;line-height:1.55;color:#1f3568;white-space:normal}.trans b{color:#2d52b3}

.circ{display:inline-block;width:30px;height:30px;line-height:30px;border-radius:50%;background:#e03131;color:#fff;font-weight:bold;font-size:16px;text-align:center;box-shadow:0 0 0 2px #fff,0 0 0 3px #e9b0b0}td.num{text-align:center;vertical-align:top;padding-top:10px}


.adv-pair{margin:14px 0}.adv-en{margin:0 0 4px;color:#222;line-height:1.7}.adv-ko{margin:0;padding:6px 10px;border-left:4px solid #15b097;background:#f0faf8;line-height:1.7;color:#12332d}.adv-ko-h{margin:-2px 0 10px;font-weight:bold;color:#0a6b5b}
.adv-code{position:relative;margin:12px 0 18px}.adv-code pre.code{padding-top:30px}
.tryit-btn{position:absolute;top:6px;right:8px;z-index:2;padding:3px 12px;border-radius:14px;border:1px solid #15b097;background:#fff;color:#0a6b5b;font-size:.85em;font-weight:bold;text-decoration:none}.tryit-btn:hover{background:#dff2ee}
.globalbar{min-height:42px;display:flex;align-items:center;gap:18px;padding:7px 18px;background:#102a43;color:#fff;font-size:.88em}.globalbar a{color:#fff;text-decoration:none;font-weight:700}.globalbar a+a{margin-left:auto}.docfooter{margin-top:56px;padding:24px 0;border-top:1px solid #d8e0de;color:#64726f;font-size:.86em}.docfooter strong{color:#243b35}.docfooter a{color:#0a6b5b}
@media(max-width:760px){.globalbar{position:sticky;top:0;z-index:20}.layout{display:block}.side{width:100%;height:auto;position:relative;border-right:0;border-bottom:1px solid #d8e0de}.main{padding:18px 16px 48px}.globalbar a{white-space:nowrap}}

/* 2026 redesign: M3 workbook foundation + restrained M1 chalkboard accents */
:root{--paper:#fffdf6;--ink:#343836;--muted:#5c625f;--board:#1f3d2b;--chalk:#f5f0e1;--yellow:#ffc94d;--green:#7fb069;--teal:#1eaa9d;--coral:#ff8a5c;--rule:#e5edf5;--line:#d8d5ca;--shadow:0 16px 34px -26px rgba(31,61,43,.55)}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:"Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;color:var(--ink);background:var(--paper);word-break:keep-all;overflow-wrap:break-word;font-size:16px}.globalbar{min-height:54px;padding:8px max(18px,calc((100vw - 1380px)/2));background:var(--board);border-bottom:5px solid #c98f5a;font-size:.92rem}.globalbar a{display:inline-flex;align-items:center;min-height:38px;padding:4px 12px;border-radius:999px}.globalbar a:hover,.globalbar a:focus-visible{background:var(--chalk);color:var(--board)}.layout{background:var(--paper) repeating-linear-gradient(transparent 0 31px,var(--rule) 31px 32px)}.side{width:292px;padding:22px 16px;background:#f5f0e1;border-right:1px solid #d7cfb8}.side h2{font:400 1.25rem/1.3 Jua,sans-serif;color:var(--board);padding:11px 12px;margin:0 0 13px;border-radius:10px;background:#fffdf7;border:2px solid var(--board)}.side a,.side .soon,.side b{min-height:38px;padding:7px 10px!important;border-radius:9px}.side a{color:#294434}.side a:hover{background:#e3eddc}.side a.on{background:var(--board);color:var(--chalk);box-shadow:0 3px 0 #c98f5a}.side .soon{color:#747970}.main{max-width:1140px;padding:34px 42px 70px}.crumbs{margin-bottom:15px;color:var(--muted)}.crumbs a,.src a,.docfooter a{color:#176f64}.main>h1{font:400 clamp(2rem,4vw,3rem)/1.22 Jua,sans-serif;color:var(--board);margin:8px 0 17px;padding-bottom:13px;border-bottom:4px solid var(--yellow)}.main>h2{font:400 1.75rem/1.3 Jua,sans-serif;color:var(--board);border-top:0;padding-top:0;margin-top:44px}.main>h2:before{content:"";display:inline-block;width:13px;height:13px;margin-right:10px;border-radius:50%;background:var(--yellow);box-shadow:5px 0 0 var(--green)}.main>p,.main>ol,.main>ul{max-width:900px}.main>ul:not(.en){padding:22px 26px 22px 46px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.88);box-shadow:var(--shadow)}.main>ul:not(.en) li{margin:7px 0}.main>ul:not(.en) a{font-weight:700;color:#176f64;text-underline-offset:3px}.pager{margin:18px 0;gap:9px;flex-wrap:wrap}.pager a,.pager span{display:inline-flex;align-items:center;min-height:44px;border:2px solid var(--board);border-radius:999px;color:var(--board);background:#fff;font-weight:700}.pager a:hover{background:var(--yellow)}.pager span{border-color:#c9c9c1;color:#858983}.main table{border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.main th{background:var(--board);color:var(--chalk);border-color:#42604c}.main td{border-color:#e3e0d6}.main tr:nth-child(even) td{background:rgba(245,240,225,.42)}.main img{border:8px solid #fff;border-radius:12px;box-shadow:0 10px 28px -18px rgba(0,0,0,.45)}pre.code{border:1px solid #294434;border-radius:10px;background:#183223;color:#f5f0e1;padding:14px 12px 14px 0;font-family:"JetBrains Mono",monospace}.l.cm{color:#a9c99c}.trans{background:#edf7f5;border-left-color:var(--teal);color:#234d47}.ann{background:#fff1e9;border-left-color:var(--coral);color:#513329}.note{background:#fff6cf;border-left-color:var(--yellow)}.adv-ko{background:#edf7f5;border-left-color:var(--teal);color:#244d46}.tryit-btn{border:2px solid var(--yellow);background:var(--yellow);color:#2b2b2b}.circ{background:var(--coral);box-shadow:0 0 0 2px #fff,0 0 0 4px #ffc9b4}.docfooter{margin-top:64px;padding:27px 24px;border:0;border-radius:14px;background:var(--board);color:#dcd8ca}.docfooter strong{color:#fff}.docfooter a{color:var(--yellow)}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}
@media(max-width:760px){.globalbar{min-height:50px}.layout{display:block}.side{width:100%;height:auto;max-height:none;position:relative;padding:14px;border-right:0;border-bottom:5px solid #c98f5a}.side h2{margin-bottom:8px}.side>ul{display:block;padding-bottom:0}.side>ul>li{display:block}.side>ul>li>ul{display:block;margin:2px 0 8px 12px}.side>ul>li>b{display:block!important}.side a,.side .soon{white-space:normal}.main{padding:25px 16px 50px}.main>h1{font-size:2.15rem}.main>h2{font-size:1.5rem}.pager a,.pager span{flex:1 1 130px;justify-content:center;text-align:center}.info th{width:130px}.docfooter{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
html,body,.layout{max-width:100%}.main,.main>*{min-width:0;max-width:100%}
@media(max-width:760px){.globalbar,.side,.side>ul{max-width:100%;min-width:0}.side,.main{width:100%!important}.main>h1{overflow-wrap:anywhere;word-break:break-word}}

/* Narrow screens keep source tables readable inside their own horizontal scroller. */
@media(max-width:1024px){.main table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.main table>tbody{display:table;width:100%;min-width:720px}.main table.info>tbody{min-width:520px}.codecell{min-width:430px}}

/* Portal navigation: same workbook-tab language as the tool pages */
.globalbar{position:sticky;top:0;z-index:100;gap:10px}.globalbar .portal-back{min-height:40px;padding:6px 14px;border:2px solid var(--chalk);border-radius:11px;background:var(--yellow);color:var(--board);box-shadow:3px 3px 0 var(--teal);transform:rotate(-.6deg)}.globalbar .portal-back:hover,.globalbar .portal-back:focus-visible{background:#ffe37a;color:var(--board);transform:translateY(-1px) rotate(0)}.globalbar .portal-tools{margin-left:auto;border:1px solid rgba(245,240,225,.6)}

/* Unified footer: author appears once, in the copyright line */
.docfooter p{margin:0}.docfooter-purpose{max-width:760px;color:#f2efe4;line-height:1.65}.docfooter-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin:15px 0}.docfooter .docfooter-links a{color:var(--yellow);font-weight:700}.docfooter-copy{color:#fff;font-weight:700}.docfooter-disclaimer{display:block;margin-top:15px;padding-top:13px;border-top:1px solid rgba(255,255,255,.18);color:#aaa79f;font-size:.82em;line-height:1.55}
.side-menu-toggle{display:none;width:100%;min-height:44px;margin:0 0 9px;padding:8px 12px;border:2px solid var(--board);border-radius:9px;background:var(--yellow);color:var(--board);font:700 1rem/1.3 "Noto Sans KR",sans-serif;text-align:left;cursor:pointer}.circ{color:#243128}
@media(max-width:760px){.side-menu-toggle{display:block}.side.menu-ready:not(.menu-open)>ul{display:none}}