/* Readable Korean text, visible navigation, and responsive reference tables. */
:root{--text:#182537;--text2:#36465b;--muted:#53647a;--sans:system-ui,'Segoe UI','Malgun Gothic','Apple SD Gothic Neo',sans-serif}
body{font-size:16px;line-height:1.8;font-family:var(--sans)}
.workspace{max-width:1280px;grid-template-columns:240px minmax(0,1fr)}
.nav-inner{max-width:1280px}.nav-link{font-size:14px;font-weight:600;padding:10px 12px}
.sidebar{padding:28px 18px 36px;background:#f6f8fb}
.sidebar{position:sticky;top:64px;align-self:start;max-height:calc(100dvh - 64px);overflow-y:auto;scrollbar-width:thin}
.sidebar a{font-size:14px;padding:9px 12px;color:#34475e;line-height:1.55}
.sidebar-group h2{font-size:13px;font-weight:700;color:#3d5069;padding:0 12px 8px}
.sidebar a.active{border-left:3px solid #245dcc;padding-left:9px;background:#e5edfc;color:#174994}
.crumb ol,.crumb a{font-size:14px;color:#53647a}
.page-h1{font-size:32px;font-weight:750;line-height:1.4}
.lead,.tool-page .lead{font-size:16px;line-height:1.9;color:#36465b}
.tool-card-name{font-size:17px;font-weight:650}.tool-card-desc{font-size:14px;line-height:1.75;color:#53647a}
.cat-block h2{font-size:18px;margin-bottom:6px}.cat-block{margin-bottom:38px}
.field-label{font-size:14px;font-weight:650}.field-hint{font-size:14px;color:#53647a}
.input{font-size:16px}.input::placeholder{color:#637086}
.tool-box>p[style],.tool-box .copy-row{font-size:14px!important}
.btn{font-size:15px;min-height:44px}.chip{font-size:13px;min-height:38px;padding:7px 12px}
.ip-copy{font-size:14px;min-width:44px;min-height:44px}
.port-target p,.port-presets-label{font-size:14px;color:#43566e}
.related-top{gap:12px 20px}.related-top a,.related-label{font-size:14px}
.result-title{font-size:17px}.kv{font-size:15px;line-height:1.8}
.kv dt{color:#43566e}.pre{font-size:14px}.result-help{margin-top:16px;font-size:15px;line-height:1.8}
.reading-guide{border-left:3px solid #245dcc;padding:20px 24px;background:#f4f7fc;margin:28px 0}
.reading-guide h2{font-size:19px;margin-bottom:10px}
.reading-guide ol,.doc-steps{padding-left:24px;font-size:16px}
.reading-guide li,.doc-steps li{padding-left:4px;margin:10px 0;line-height:1.9;color:#2f4259}
.reading-guide li::marker,.doc-steps li::marker{color:#245dcc;font-weight:700}
.contents-nav{padding:0 0 22px;border-bottom:1px solid #d8e0eb;margin-bottom:34px}
.contents-label{font-weight:650;font-size:15px;color:#263d5b;margin-bottom:8px}
.contents-nav ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;list-style:none}
.contents-nav a{font-size:14px;line-height:1.65;display:block;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.doc{margin-top:44px;scroll-margin-top:88px}
.doc h2{font-size:23px;line-height:1.5;margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid #e0e6ef;word-break:keep-all;overflow-wrap:anywhere}
.doc p,.tool-page .doc p,.doc-list{font-size:16px;line-height:1.95;color:#36465b;word-break:keep-all;overflow-wrap:anywhere}
.doc p{margin-bottom:16px}.doc-list li{margin-bottom:10px}
.note{background:#fff9ed;color:#674a20;font-size:15px;line-height:1.85;border-color:#ead7ad;padding:16px 18px}
.doc-table{font-size:15px;line-height:1.85;min-width:0;table-layout:auto}
.doc-table th,.doc-table td{padding:14px 16px;vertical-align:top;word-break:keep-all;overflow-wrap:anywhere}
.doc-table th{background:#edf2f8;color:#2c405b;font-weight:650;white-space:normal}
.doc-table td:first-child{font-weight:650;color:#263d5b}
.table-wrap{border-color:#d8e0eb}
.tool-box .doc-table{min-width:420px}
.command-example{margin:18px 0}.command-example figcaption{font-size:14px;color:#3e5470;font-weight:650;margin-bottom:8px}
.command-example pre{background:#f2f5f9;border:1px solid #d6dfea;border-radius:5px;padding:16px;overflow-x:auto;font:14px/1.8 var(--mono);color:#1d334f}
.faq summary{font-size:16px;line-height:1.7;padding:16px 18px}.faq-a{font-size:16px;line-height:1.9;color:#36465b;padding:0 18px 18px}
.sources ul{padding-left:22px}.sources li{font-size:15px;margin:10px 0}.sources p{font-size:14px!important;color:#53647a!important}
.footer-h{font-size:14px}.footer-col a,.footer-bottom{font-size:13px;color:#53647a}
@media(max-width:1000px){.workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:12px;padding-right:12px}}
@media(max-width:720px){
 .workspace{display:block}.nav-inner{padding:0 14px;gap:6px}.nav-link{font-size:13px;padding:10px 7px}
 .container{padding:26px 20px 52px}.page-h1{font-size:27px}.lead{font-size:16px}
 .reading-guide{padding:16px 18px}.contents-nav ol{grid-template-columns:1fr;gap:0}
 .contents-nav a{font-size:15px;padding:9px 0}
 .doc h2{font-size:21px}.doc{margin-top:34px}
 .doc .doc-table,.doc .doc-table tbody,.doc .doc-table tr{display:block;width:100%}
 .doc .doc-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
 .doc .doc-table tr{padding:10px 14px;border-bottom:1px solid #d8e0eb}.doc .doc-table tr:last-child{border-bottom:0}
 .doc .doc-table td{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;border:0;padding:8px 0;font-size:15px;line-height:1.8}
 .doc .doc-table td::before{content:attr(data-label);font-size:13px;font-weight:600;color:#53647a}
 .command-example pre{font-size:13px}.tool-box{padding:20px}.port-target{margin:-20px -20px 20px;padding:20px}
}
@media(max-width:380px){.nav-logo em{display:none}.nav-link{padding-left:8px;padding-right:8px}.nav-logo{font-size:20px}}
