/* JHPaper 홈·도구 페이지 공용: 나무위키 다크 색감 (사용자 요청, 2026-09-28) */
:root{--nb:#1f2023;--nb2:#26282b;--nb3:#2d2f33;--nl:#3b3d40;--nfg:#dedfe0;--nmu:#9a9c9f;--nor:#f5a524;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;background:var(--nb)!important;color:var(--nfg)!important}
body{font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif!important;font-size:17px!important;line-height:1.8!important;letter-spacing:-.01em;word-break:keep-all}
#jhp-bar{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:16px;height:50px;padding:0 16px;background:#18191b;border-bottom:1px solid var(--nl)}
#jhp-bar a{color:var(--nfg)!important;text-decoration:none;border:0!important;font-size:15px;white-space:nowrap}
#jhp-bar a:hover{color:var(--nor)!important}
#jhp-bar .logo{color:var(--nor)!important;font-weight:800;font-size:20px;letter-spacing:-.02em;margin-right:auto}
main{max-width:880px!important;margin:0 auto!important;padding:18px 18px 110px!important}
h1{font-size:30px!important;font-weight:800!important;margin:6px 0 2px!important;line-height:1.35}
.sub{color:var(--nmu);font-size:14px}
h2{font-size:24px!important;font-weight:700!important;border-bottom:1px solid var(--nl);padding:14px 0 10px!important;margin:26px 0 14px!important;line-height:1.35}
h2 .eid{all:unset;color:var(--nor);font-weight:700;cursor:pointer}
h2 .eid::after{content:". "}
section{border:0!important;margin:0!important;padding:0!important}
a{color:var(--nor);text-decoration:none;border-bottom:0!important}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--nor);outline-offset:2px}
.eid{font-family:"JetBrains Mono",monospace;font-size:10px;color:var(--nmu);opacity:.55;border:0;padding:0;margin-right:6px;vertical-align:super}
.muted{color:var(--nmu)!important;font-size:14.5px!important}
.toc{display:inline-block;min-width:min(100%,300px);border:1px solid var(--nl);background:var(--nb2);border-radius:6px;padding:10px 18px 12px 14px;margin:16px 0 4px}
.toc .t{font-weight:700;font-size:18px;margin-bottom:4px}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{margin:3px 0;font-size:16px}
.toc a{color:var(--nfg)} .toc a b{color:var(--nor);margin-right:6px}
.doc{padding:12px 0;border-bottom:1px solid #2c2e31}
.doc a.t{font-size:18px;font-weight:600;line-height:1.5}
.doc .meta{font-size:13.5px;color:var(--nmu);margin-top:2px;font-family:"JetBrains Mono",monospace;overflow-wrap:anywhere}
.card{background:var(--nb2)!important;border:1px solid var(--nl)!important;border-radius:6px!important}
table{font-size:15px!important;border:1px solid var(--nl)}
th{background:var(--nb3)!important;color:var(--nfg)!important;text-transform:none!important;letter-spacing:0!important;font-size:14px!important;border:1px solid var(--nl)!important}
td{border:1px solid var(--nl)!important}
tbody tr:hover{background:var(--nb2)!important}
.btn{background:var(--nb3)!important;border-color:#45474b!important;color:var(--nfg)!important;font-size:14px!important;border-radius:6px!important}
.btn.pri{background:var(--nor)!important;border-color:var(--nor)!important;color:#1f2023!important;font-weight:700}
.drop{border-color:#45474b!important;background:var(--nb2)!important;font-size:16px}
.drop:hover,.drop.on{border-color:var(--nor)!important;color:var(--nfg)!important}
input{background:var(--nb2)!important;border-color:var(--nl)!important;color:var(--nfg)!important;font-size:16px!important}
pre{background:#18191b!important;border-color:var(--nl)!important}
h2,.toc,section{scroll-margin-top:60px}
input{max-width:100%;min-width:0}
#key{flex:1 1 180px}
/* --- Fable 통일안 §5 (2026-09-28): 문서 보기와 같은 토큰, 강조는 주황 하나 --- */
:root{--nfg:#e6e7e9;--nmu:#9a9c9f;--nmu2:#6f7275;--nl2:#2e3033}
.sub{font-size:13.5px}
main>p{color:#c9cacc;font-size:15.5px;line-height:1.75}
.eid{font:400 11px/1 "JetBrains Mono",monospace!important;color:var(--nmu2)!important;opacity:.75;vertical-align:baseline!important;padding:3px 4px;margin:0 6px 0 -4px;border-radius:4px}
h2 .eid{font:inherit!important;color:var(--nor)!important;opacity:1;padding:0;margin:0}
.toc{display:block;border:0;background:var(--nb2)}
.toc li{padding-left:2.6em;text-indent:-2.6em}
.toc a b{font-family:"JetBrains Mono",monospace;font-weight:600;display:inline-block;min-width:2.3em;text-indent:0}
.doc{padding:14px 0;border-bottom:1px solid var(--nl2)}
.doc a.t{color:var(--nfg);font-size:17px;font-weight:600}
.doc a.t:hover{color:var(--nor);text-decoration:none}
.doc .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:inherit;font-size:13px}
.card{border:0!important}
table{border:0!important}
th{background:none!important;color:var(--nmu)!important;font-weight:500!important;border:0!important;border-bottom:1px solid var(--nl)!important}
td{border:0!important;border-bottom:1px solid var(--nl2)!important}
.btn{border:0!important;border-radius:999px!important;min-height:40px;padding:0 16px!important}
.drop{border:1px dashed var(--nl)!important;border-radius:12px;min-height:96px;display:grid!important;place-items:center;color:var(--nmu)}
#key{border-radius:999px!important;padding:8px 16px!important}
#jhp-bar a{color:#c9cacc!important} #jhp-bar .logo{color:var(--nor)!important}
/* 긴 파일명·경로·code 가 화면 밖으로 나가지 않게 (2026-09-28) */
body,main,p,td,th,li,.muted,.meta,.nm,#upState,figcaption{overflow-wrap:anywhere}
code,pre{word-break:break-all;white-space:pre-wrap}