*{box-sizing:border-box} :root{--navy:#18243a;--navy2:#243552;--blue:#4169e1;--blue2:#5b7cf0;--ink:#172033;--muted:#7b8495;--line:#e8ebf1;--bg:#f5f7fb;--white:#fff}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;letter-spacing:-.025em}button,input,textarea{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 max(calc((100vw - 1200px)/2),32px);gap:38px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-weight:800;font-size:18px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:#9098a7;font-weight:700;margin-top:3px}.brand-mark{width:39px;height:39px;background:linear-gradient(145deg,#263c64,#4268c5);border-radius:12px;color:#fff;display:grid;place-items:center;font-size:23px;font-weight:800;box-shadow:0 5px 12px #243d6b30}.search{height:42px;max-width:470px;flex:1;background:#f4f6fa;border:1px solid #edf0f5;border-radius:10px;display:flex;align-items:center;padding:0 13px;gap:10px;color:#778198}.search span{font-size:23px}.search input{background:none;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search kbd{font-size:10px;border:1px solid #dfe3eb;border-radius:4px;padding:3px 5px;color:#929aaa}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px;white-space:nowrap}.ghost,.secondary{background:#fff;color:#45516a;border:1px solid #e3e7ef;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:700}.ghost:hover,.secondary:hover{background:#f5f7fb}.primary{background:var(--blue);color:#fff;border-radius:9px;padding:12px 18px;font-size:13px;font-weight:700;box-shadow:0 5px 12px #4169e125}.primary:hover{background:#345bd2}.primary b{margin-left:12px}.small{padding:9px 13px;font-size:11px}.user-menu{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700}.mobile-search{display:none;background:none;font-size:25px}.shell{max-width:1200px;margin:0 auto;padding:35px 28px 0}.hero{min-height:355px;background:linear-gradient(115deg,#17243b 0%,#233858 65%,#304d7b 100%);border-radius:20px;color:white;display:flex;overflow:hidden;position:relative;padding:55px 62px;box-shadow:0 14px 34px #24365318}.hero-copy{position:relative;z-index:2;max-width:520px}.eyebrow{font-size:9px;letter-spacing:.16em;font-weight:800;color:#8193b6}.hero .eyebrow{color:#a8bce5}.pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83d6bc;box-shadow:0 0 0 4px #83d6bc25;margin-right:8px}.hero h1{font-size:43px;line-height:1.23;letter-spacing:-.055em;margin:23px 0 13px;font-weight:800}.hero h1 em{font-style:normal;color:#9db8ff}.hero p{color:#c2ccdc;font-size:13px;line-height:1.8}.hero-buttons{display:flex;gap:10px;margin-top:26px}.hero-buttons .secondary{background:#ffffff12;color:white;border-color:#ffffff30}.hero-art{position:absolute;right:45px;top:0;width:440px;height:100%;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #ffffff1c;border-radius:50%;width:330px;height:330px}.orbit-two{width:410px;height:410px;border-style:dashed}.book-card{width:205px;height:255px;background:linear-gradient(145deg,#f9fbff,#dce5f6);border-radius:9px 16px 16px 9px;transform:rotate(7deg);box-shadow:18px 25px 45px #09172c70;color:#233756;padding:19px;position:relative}.book-card:after{content:"";position:absolute;right:-8px;top:7px;bottom:7px;width:9px;background:#c3d0e5;border-radius:0 5px 5px 0}.book-top,.book-foot{font-size:7px;letter-spacing:.13em;font-weight:800;color:#7585a1}.book-letter{font-size:95px;text-align:center;font-weight:800;margin:23px 0 13px;color:#2b4776}.book-lines{display:grid;gap:6px}.book-lines i{height:3px;border-radius:5px;background:#c5d0e1}.book-lines i:nth-child(2){width:80%}.book-lines i:nth-child(3){width:60%}.book-foot{position:absolute;bottom:17px;font-size:6px}.float-tag{position:absolute;background:#ffffff17;border:1px solid #ffffff28;padding:9px 12px;border-radius:7px;font-size:8px;letter-spacing:.12em;color:#e2e9f7;backdrop-filter:blur(5px)}.tag-a{top:72px;right:5px}.tag-b{bottom:66px;left:18px}.stats-strip{display:flex;gap:0;background:white;border:1px solid var(--line);border-radius:13px;margin:17px 0 32px;padding:17px 25px}.stats-strip div{padding:0 34px;border-right:1px solid var(--line);display:flex;align-items:baseline;gap:10px}.stats-strip div:first-child{padding-left:0}.stats-strip div:last-child{border:0}.stats-strip strong{font-size:18px;color:#273b61}.stats-strip span{font-size:11px;color:var(--muted)}.home-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{background:white;border:1px solid var(--line);border-radius:13px;padding:24px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{font-size:19px;margin:7px 0 0}.text-button{background:none;color:#5271c5;font-weight:700;font-size:11px;padding:8px}.document-list{display:flex;flex-direction:column}.doc-row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #eff1f5;cursor:pointer}.doc-row:last-child{border:0}.doc-icon{width:36px;height:36px;background:#f0f3fa;border-radius:9px;display:grid;place-items:center;color:#5270b3;font-size:15px;flex-shrink:0}.doc-info{min-width:0;flex:1}.doc-info strong{font-size:13px;display:block;margin-bottom:5px}.doc-info p{font-size:11px;color:#929aaa;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-date{font-size:10px;color:#9aa2b0;white-space:nowrap}.side-stack{display:grid;gap:15px;align-content:start}.welcome-panel{background:linear-gradient(145deg,#f0f4ff,#fff);border-color:#e3eafa}.panel-icon{width:33px;height:33px;border-radius:10px;background:#e0e9ff;color:#4169d6;display:grid;place-items:center}.welcome-panel h3,.guide-panel h3{font-size:15px;margin:14px 0 8px}.welcome-panel p,.guide-panel li{font-size:11px;line-height:1.8;color:#7d8798}.full{width:100%}.welcome-panel button{margin-top:10px}.guide-panel ul{padding-left:17px;margin:10px 0 0}.page-head{display:flex;justify-content:space-between;align-items:center;margin:20px 0 22px}.page-head h1{font-size:30px;margin:8px 0}.muted{color:#8992a2;font-size:12px}.breadcrumbs{display:flex;gap:9px;color:#9aa3b2;font-size:11px;margin:8px 0 18px}.breadcrumbs a{color:#5873bd;text-decoration:none}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 235px;gap:18px;align-items:start}.article-panel{padding:35px 42px}.article-top{display:flex;justify-content:space-between}.article-status{font-size:10px;color:#40a582}.article-panel h1{font-size:34px;margin:19px 0 9px}.article-meta{font-size:11px;color:#929aaa}.article-actions{display:flex;gap:8px;margin:20px 0 27px;padding-bottom:19px;border-bottom:1px solid var(--line)}.article-body{font-size:14px;line-height:1.9;min-height:230px;overflow-wrap:anywhere}.article-body h1,.article-body h2,.article-body h3{color:#253653;line-height:1.4;margin-top:1.8em}.article-body h2{font-size:21px;border-bottom:1px solid #e9edf4;padding-bottom:9px}.article-body h3{font-size:17px}.article-body a{color:#4169d1;text-decoration:none}.article-body blockquote{border-left:3px solid #91a8e9;margin:15px 0;padding:8px 15px;color:#778198;background:#f7f8fc}.article-body code{background:#f0f2f7;padding:2px 5px;border-radius:4px}.article-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9aa2b0}.toc-panel{position:sticky;top:95px}.toc-panel h3{font-size:15px;margin:8px 0 16px}.toc-panel nav{display:grid;gap:10px}.toc-panel nav a{font-size:11px;color:#6c778b;text-decoration:none}.toc-panel nav a:hover{color:#4169d1}.toc-note{border-top:1px solid var(--line);margin-top:22px;padding-top:15px;font-size:10px;line-height:1.7;color:#a1a9b6}.editor-panel{max-width:900px}.editor-panel label,.auth-form>label{display:grid;gap:8px;font-size:12px;font-weight:700;color:#46516a;margin-bottom:18px}.editor-panel input,.auth-form input:not([type=checkbox]){height:43px;border:1px solid #e1e6ef;border-radius:8px;padding:0 12px;outline:none;font-size:13px}.editor-panel input:focus,.auth-form input:focus{border-color:#7892e1;box-shadow:0 0 0 3px #7892e11a}.editor-toolbar{display:flex;justify-content:space-between;color:#65728b;font-size:11px;font-weight:700;margin:20px 0 10px}.editor-toolbar span+span{font-weight:400;color:#9aa2b0}.editor-panel textarea{width:100%;min-height:360px;resize:vertical;border:1px solid #e1e6ef;border-radius:8px;padding:16px;outline:none;font:13px/1.8 ui-monospace,Consolas,monospace}.editor-panel textarea:focus{border-color:#7892e1}.editor-help{font-size:10px;color:#929aaa;margin-top:9px}.editor-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.empty-state{padding:28px;text-align:center;color:#9aa2b0;font-size:12px}.history-item{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.history-item:last-child{border:0}.history-item strong{display:block;margin-bottom:5px}.history-item span{color:#929aaa;font-size:10px}footer{margin-top:55px;padding:25px 0 28px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;color:#8d96a5;font-size:10px;flex-wrap:wrap}.footer-brand{font-size:13px;color:#344463;font-weight:800}.footer-brand span{font-size:8px;letter-spacing:.12em;color:#9ba5b7;margin-left:5px}.footer-links{margin-left:auto;display:flex;gap:14px}.footer-links button{background:none;color:#8993a4;font-size:10px}.modal-backdrop{position:fixed;inset:0;background:#101a2dcc;z-index:30;display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.modal{width:min(100%,430px);background:#fff;border-radius:17px;padding:31px;position:relative;max-height:90vh;overflow:auto;box-shadow:0 25px 80px #07132855}.modal-close{position:absolute;right:18px;top:15px;background:none;font-size:25px;color:#8992a2}.modal-brand{display:flex;align-items:center;gap:10px;font-weight:800;margin-bottom:24px}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:22px}.auth-tabs button{background:none;padding:11px 15px;color:#929aaa;font-size:12px;font-weight:700;border-bottom:2px solid transparent}.auth-tabs button.active{color:#365cc0;border-color:#4169e1}.auth-form h2{font-size:21px;margin:0 0 7px}.auth-form>p{font-size:11px;color:#929aaa;margin:0 0 22px}.auth-form .primary{margin-top:5px}.form-message{font-size:11px;line-height:1.6;color:#d05252;margin-top:12px;min-height:16px}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:start;gap:9px!important;font-weight:400!important;line-height:1.6}.check-row input{margin:3px 0 0;accent-color:#4169e1}.check-row span{font-size:10px;color:#68748a}.check-row b{color:#d05b5b}.inline-link{background:none;color:#4169d1;text-decoration:underline;font-size:10px;padding:0}.otp-caption{font-size:10px;color:#929aaa;margin:-8px 0 12px}.auth-form .text-button{margin-top:8px}.policy-modal{width:min(100%,650px)}.policy-modal h2{font-size:23px;margin:10px 0 20px}.policy-content{font-size:12px;line-height:1.85;color:#596579;max-height:55vh;overflow:auto;margin-bottom:20px}.policy-content h3{font-size:14px;color:#263653;margin:18px 0 5px}.policy-content p{margin:5px 0}.policy-content li{margin:4px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#1e2d49;color:white;padding:12px 19px;border-radius:9px;font-size:12px;z-index:50;box-shadow:0 8px 25px #18243a35}
@media(max-width:850px){.topbar{padding:0 18px;gap:15px}.top-actions .ghost{display:none}.shell{padding:22px 16px 0}.hero{padding:42px 35px;min-height:330px}.hero-art{right:-100px;opacity:.55}.home-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.toc-panel{position:static;order:-1}.toc-panel nav{display:flex;flex-wrap:wrap}.toc-note{display:none}}
@media(max-width:600px){.topbar{height:64px}.topbar>.search{display:none}.mobile-search{display:block;margin-left:auto}.top-actions{gap:6px}.top-actions .primary{padding:8px 10px}.brand{font-size:15px}.brand-mark{width:34px;height:34px}.user-menu{font-size:10px}.user-menu .ghost{display:block}.hero{padding:35px 25px;min-height:340px}.hero h1{font-size:35px}.hero-art{right:-190px;opacity:.28}.hero-copy{max-width:100%}.stats-strip{padding:15px;justify-content:space-between}.stats-strip div{padding:0 12px;gap:5px;display:grid;border:0}.stats-strip strong{font-size:15px}.stats-strip span{font-size:9px}.panel{padding:19px}.article-panel{padding:24px 20px}.article-panel h1{font-size:27px}.page-head h1{font-size:25px}.doc-date{display:none}footer{gap:10px}.footer-links{width:100%;margin:0}.modal{padding:25px 21px}}