:root{font-family:Noto Sans KR,system-ui,sans-serif;color:#28352f;background:#fff;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{outline-offset:4px}button{cursor:pointer;border:1px solid #dce3de;border-radius:7px;background:#fff;color:inherit;padding:7px 11px}button:hover{background:#edf3ee}a{color:#317553;text-underline-offset:3px}.workspace{height:100dvh;display:flex;overflow:hidden}aside{width:var(--tree-width);flex-shrink:0;background:#f6f8f5;display:flex;flex-direction:column;border-right:1px solid #e2e8e1}aside.hidden{display:none}.brand{display:flex;align-items:center;gap:10px;padding:23px 18px}.brand-mark{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#337653;color:#fff;font-weight:700}.brand strong{font-size:17px;letter-spacing:-.5px}.brand .icon{margin-left:auto}.icon{border:0;background:transparent;font-size:20px;padding:2px 8px}.search{margin:0 16px 23px;display:flex;gap:8px;align-items:center;border:1px solid #dce3dc;border-radius:8px;background:#fff;padding:8px 10px}.search input{width:100%;border:0;outline:0;background:transparent;font-size:12px}.tree-label{padding:0 20px 12px;color:#7a897e;font-size:11px;font-weight:600;display:flex;justify-content:space-between}.tree{overflow:auto;flex:1;padding:0 9px 16px}.tree-row{display:flex;text-align:left;gap:8px;width:100%;border:0;background:transparent;border-radius:6px;padding:8px;font-size:12px;align-items:flex-start}.tree-row span:last-child{overflow-wrap:anywhere}.tree-row span:first-child{color:#8a998d;flex-shrink:0;width:13px}.tree-row.active{background:#e1ece2;color:#236340;font-weight:600}.branch{margin-left:13px;padding-left:6px;border-left:1px solid #e0e7df}.search-hit{display:block;text-align:left;border:0;background:transparent;width:100%;font-size:12px;overflow-wrap:anywhere}.search-count{color:#6d7b70;padding:0 8px;font-size:12px}footer{border-top:1px solid #e2e8e1;padding:14px 12px;display:flex;align-items:center;gap:6px;font-size:10px;color:#6e7e73}footer button{margin-left:auto;font-size:10px;padding:4px}.status-dot{width:6px;height:6px;background:#6f9d78;border-radius:50%}.resize{width:5px;flex-shrink:0;cursor:col-resize;touch-action:none;margin-left:-3px;z-index:3}.resize:hover,.resize:focus{background:#7aa68a}.content{min-width:0;flex:1;overflow:auto;display:flex;flex-direction:column}.content>header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:12px;min-height:64px;padding:12px 26px;border-bottom:1px solid #edf0eb;background:#ffffffef;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.breadcrumb{font-size:11px;color:#77847b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.read-badge{margin-left:auto;white-space:nowrap;font-size:10px;border:1px solid #e2e8e1;border-radius:20px;padding:4px 9px;color:#7b8b7e}.document{display:flex;gap:45px;width:100%;max-width:1220px;margin:0 auto;padding:45px 55px 100px}article{min-width:0;flex:1;font-size:14px;line-height:1.95;overflow-wrap:anywhere}article h1{font-size:32px;letter-spacing:-1px;margin:0 0 27px;color:#233e2d}article h2{font-size:21px;margin-top:40px;border-bottom:1px solid #e7ece6;padding-bottom:8px}article h3{font-size:17px;margin-top:28px}article :is(h1,h2,h3){scroll-margin-top:90px}article img{max-width:100%;border-radius:8px}article pre{overflow:auto;padding:18px;background:#f4f6f3;border-radius:8px}article code{font-size:12px;background:#f2f5f0;padding:2px 4px;border-radius:3px}article table{display:block;overflow:auto;border-collapse:collapse;font-size:12px}article td,article th{border:1px solid #dde5dc;padding:8px 12px;text-align:left}article th{background:#f4f7f2}article blockquote{margin:20px 0;border-left:3px solid #91ad93;padding:8px 18px;background:#f7f9f5;color:#607566}.toc{width:145px;flex-shrink:0;align-self:flex-start;position:sticky;top:100px;padding-left:18px;border-left:1px solid #e6ebe2;font-size:11px;line-height:1.6}.toc strong{display:block;color:#536a58;margin-bottom:12px}.toc a{display:block;color:#899287;text-decoration:none;margin:8px 0}.unavailable{color:#8b918a;text-decoration:underline dotted}.viewer{display:flex;flex-direction:column;flex:1;min-height:600px;background:#f0f3ee}.viewer-toolbar{display:flex;align-items:center;gap:10px;padding:12px 20px;flex-wrap:wrap;font-size:12px;background:#fafbf8;border-bottom:1px solid #e1e7dd}.viewer-toolbar strong{margin-right:auto;overflow-wrap:anywhere}.viewer :is(iframe,object){flex:1;width:100%;min-height:75vh;border:0;background:#fff}.image-stage{overflow:auto;flex:1;padding:30px;display:flex;align-items:flex-start;justify-content:center}.image-stage img{object-fit:contain;flex-shrink:0;max-height:none}.empty{padding:45px;color:#7d897f;line-height:1.8}.tree .empty{padding:15px;font-size:12px}.error{padding:12px 20px;background:#fff1eb;color:#924f38;overflow-wrap:anywhere}.error button{margin-left:15px}.login{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 15%,#e6eee0,transparent 70%),#f6f8f3;padding:20px}.login-card{max-width:440px;width:100%;padding:45px;background:#ffffffde;border:1px solid #e0e8dc;border-radius:20px;box-shadow:0 20px 90px #425b3510}.login .brand-mark{width:48px;height:48px;font-size:24px;margin-bottom:20px}.eyebrow{letter-spacing:2px;font-size:10px;color:#73906c}.login h1{font-size:27px;letter-spacing:-1px}.login p{color:#7a8979;line-height:1.8}.primary{width:100%;background:#34734f;color:#fff;padding:13px;margin:20px 0;border:0}.primary:hover{background:#285e3e}.login small{display:block;color:#9aa695;text-align:center;font-size:11px}@media(max-width:1100px){.toc{display:none}.document{padding:35px}}@media(max-width:700px){aside{display:none;position:fixed;inset:0 auto 0 0;width:min(var(--tree-width),90vw);z-index:10;box-shadow:8px 0 35px #0002}aside.mobile-open{display:flex}aside.hidden{display:none}.resize{display:none}.content>header{padding:12px}.document{padding:28px 20px}article h1{font-size:26px}.read-badge{display:none}}