*{box-sizing:border-box}body{color:#243247;background:#f4f7fa;margin:0;font-family:Arial,sans-serif}button,input,textarea{font:inherit}.top{background:#fff;border-bottom:1px solid #e2e7ed;align-items:center;gap:24px;height:68px;padding:0 28px;display:flex}.brand{color:#173456;cursor:pointer;font-size:20px;font-weight:800}.brand b{color:#fff;background:#173456;border-radius:9px;margin-right:8px;padding:9px}.nav button{cursor:pointer;background:0 0;border:0;padding:10px}.search{color:#788596;cursor:pointer;border:1px solid #d5dce5;border-radius:10px;width:340px;margin-left:auto;padding:11px 15px}.view{display:none}.on{display:block}.wrap{max-width:1180px;margin:auto;padding:40px 28px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.tag{letter-spacing:.1em;color:#4779ae;font-size:12px;font-weight:800}h1{color:#173456;margin:10px 0;font-size:46px;line-height:1.08}.hero p{color:#5d6a7a;font-size:18px;line-height:1.6}.visual{background:#e8f0f8;border-radius:25px;justify-content:center;align-items:center;gap:25px;height:290px;display:flex}.book,.cover{color:#fff;border-radius:5px 14px 14px 5px;flex-direction:column;justify-content:space-between;padding:18px 15px;display:flex;box-shadow:0 15px 28px #17345630}.book{width:145px;height:205px}.book strong,.cover strong{font-size:23px}.primary,.soft{cursor:pointer;border:0;border-radius:10px;padding:11px 16px;font-weight:700}.primary{color:#fff;background:#173456}.heading{margin:42px 0 17px}.heading h2{color:#173456}.cards{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{background:#fff;border:1px solid #e1e6ec;border-radius:16px;gap:20px;padding:20px;display:flex}.cover{flex:none;width:135px;height:185px}.info h3{color:#173456}.info p{color:#667085;line-height:1.5}.meta{color:#7d8897;margin:15px 0;font-size:13px}.reader{background:#edf1f5;grid-template-columns:250px 1fr;height:calc(100vh - 68px);display:grid}.side{background:#fff;border-right:1px solid #e1e6ec;overflow:auto}.right{border-left:1px solid #e1e6ec;position:relative}.sideTitle{color:#7b8795;padding:20px 18px 10px;font-size:12px;font-weight:800}.select{border:1px solid #e1e6ec;border-radius:10px;margin:0 13px 12px;padding:12px;font-weight:700}.chapter{padding:11px 18px 6px;font-weight:800}.toc{color:#667085;cursor:pointer;border-left:3px solid #0000;padding:9px 18px 9px 27px}.toc:hover{color:#4779ae;background:#eef4fb;border-left-color:#4779ae}.center{flex-direction:column;min-width:0;display:flex}.tools{background:#fff;border-bottom:1px solid #e1e6ec;align-items:center;gap:8px;height:54px;padding:0 18px;display:flex}.grow{flex:1}.tool{background:#fff;border:1px solid #e1e6ec;border-radius:8px;padding:7px 9px}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.spread{filter:drop-shadow(0 12px 18px #1c2e4420);grid-template-columns:1fr 1fr;width:min(850px,100%);height:min(550px,100vh - 185px);display:grid}.page{background:#fffdf8;border:1px solid #e6e0d6;padding:37px;position:relative;overflow:hidden}.page h2{color:#17385f;font:25px Georgia}.page p,.page li{font:15px/1.65 Georgia}.box{background:#edf4fb;border-left:4px solid #4779ae;padding:12px}.diagram{color:#718096;border:1px dashed #9caabd;border-radius:9px;place-items:center;height:95px;display:grid}.pno{color:#9aa2ad;position:absolute;bottom:17px}.bottom{background:#fff;border-top:1px solid #e1e6ec;justify-content:center;align-items:center;gap:15px;height:58px;display:flex}.round{cursor:pointer;background:#fff;border:1px solid #e1e6ec;border-radius:50%;width:38px;height:38px}.overlay{z-index:30;background:#10182870;padding-top:90px;display:none;position:fixed;inset:0}.overlay.on{display:block}.modal{background:#fff;border-radius:17px;width:min(700px,90vw);margin:auto;overflow:hidden}.modalTop{gap:8px;padding:16px;display:flex}.modalTop input{border:1px solid #d0d5dd;border-radius:9px;flex:1;padding:12px}.result{cursor:pointer;border-top:1px solid #e1e6ec;padding:14px 18px}.result h4{color:#173456;margin:5px 0}.result p{color:#667085;margin:0}.admin{grid-template-columns:220px 1fr;min-height:calc(100vh - 68px);display:grid}.adminSide{background:#fff;border-right:1px solid #e1e6ec;padding:22px}.menu{padding:11px}.active{background:#edf3fa;border-radius:9px}.adminMain{padding:30px}.stats{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.stat,.inbox{background:#fff;border:1px solid #e1e6ec;border-radius:14px}.stat{padding:18px}.stat b{color:#173456;font-size:28px;display:block}.inbox{margin-top:18px}.row{border-bottom:1px solid #e1e6ec;grid-template-columns:120px 1fr 130px;gap:15px;padding:16px 18px;display:grid}.badge{color:#a45b00;text-align:center;background:#fff3e2;border-radius:20px;padding:5px 8px;font-size:12px}.done{color:#197a57;background:#e9f6f0}@media (width<=900px){.right{display:none}.reader{grid-template-columns:220px 1fr}.cards{grid-template-columns:1fr}}@media (width<=700px){.nav,.search,.side{display:none}.hero{grid-template-columns:1fr}.visual{display:none}.reader,.spread{grid-template-columns:1fr}.page:nth-child(2){display:none}}:root{--navy:#102a43;--navy2:#173f67;--blue:#245b91;--pale:#f4f7fa;--lineN:#dfe6ed}.top{border-bottom:1px solid var(--lineN);box-shadow:none;background:#fff}.brand{color:var(--navy)}.brand b{background:var(--navy)}.nav button{color:#526274}.nav button:hover{color:var(--navy);background:#f2f5f8}.search{color:#728093;background:#fff;border-color:#d7e0e8}.tag{color:#315f8d}h1,.heading h2,.info h3{color:var(--navy)}.hero p{color:#5f6f80}.visual{background:#f0f4f8;border:1px solid #e1e7ed}.book:first-child,.c1{background:#102f50}.book:last-child,.c2{background:#254f78}.book,.cover{box-shadow:0 14px 25px #102a4324}.primary{background:var(--navy);color:#fff;box-shadow:none}.primary:hover{background:#173f67}.soft{color:var(--navy);background:#edf2f6}.card{border-color:var(--lineN);box-shadow:0 4px 14px #102a4309}.reader{background:#eef2f5}.side{border-color:var(--lineN)}.select{color:var(--navy);border-color:#d9e1e8}.toc:hover{color:var(--navy);border-left-color:var(--navy);background:#f0f4f7}.tools,.bottom{border-color:var(--lineN)}.tools strong{color:var(--navy)}.tool{color:#42566a;border-color:#dce3ea}.stage{background:#eef2f5;padding:30px}.spread{filter:drop-shadow(0 12px 16px #102a431a);width:min(1000px,100%)}.page h2{color:var(--navy)}.page h3{color:#285d8d}.box{background:#f0f5f9;border-left-color:#285d8d}.diagram{color:#52677b;background:#f7f9fb;border-color:#aebdca}.round{color:var(--navy);border-color:#d7e0e8}.modal{border:1px solid var(--lineN);box-shadow:0 20px 50px #102a4324}.result:hover{background:#f4f7f9}.result small{color:#315f8d}.result h4{color:var(--navy)}.adminMain{background:#f7f9fb}.adminSide{border-color:var(--lineN)}.menu.active{color:var(--navy);background:#edf2f6}.stat,.inbox{border-color:var(--lineN);box-shadow:none}.stat b{color:var(--navy)}@media (width<=900px){.reader{grid-template-columns:220px 1fr}}@media (width<=700px){.reader{grid-template-columns:1fr}}body{color:#1e293b;background:#f6f8fb}.top{z-index:20;border-bottom:1px solid #e6ebf0;height:72px;padding:0 34px;position:sticky;top:0;box-shadow:0 1px #0f274005}.brand{letter-spacing:-.02em}.brand b{border-radius:11px;padding:10px 9px}.nav{gap:4px;display:flex}.nav button{border-radius:10px;padding:10px 14px;font-weight:650}.search{background:#f9fafb;border-radius:12px;width:380px;padding:12px 16px}.hero{padding:24px 0 18px}.hero h1{letter-spacing:-.045em;max-width:650px;font-size:50px}.hero p{max-width:650px}.visual{background:#f1f4f7;border-radius:28px;height:330px;position:relative;overflow:hidden}.visual:before{content:"";border:1px solid #dce4eb;border-radius:50%;width:220px;height:220px;position:absolute;top:-80px;right:-60px}.visual:after{content:"";border:1px solid #dce4eb;border-radius:50%;width:120px;height:120px;position:absolute;bottom:-45px;left:-35px}.book{z-index:1;width:155px;height:220px}.cards{gap:24px}.card{border-radius:18px;padding:24px;transition:all .2s}.card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #102a4314}.primary{border-radius:10px;padding:12px 18px}.soft{border-radius:10px}.reader{background:#f2f5f8;grid-template-columns:268px minmax(0,1fr);height:auto;min-height:calc(100vh - 72px)}.side{background:#fbfcfd;border-right:1px solid #e3e8ee;height:calc(100vh - 72px);position:sticky;top:72px}.sideTitle{padding-left:22px}.select{background:#fff;border-radius:12px;margin:0 16px 14px;padding:13px 14px}.chapter{color:#334155;padding:15px 22px 7px;font-size:13px}.toc{border-left:0;border-radius:9px;margin:2px 10px;padding:10px 18px 10px 25px;font-size:13px}.toc:hover{color:#102a43;background:#eaf0f5;border-left:0}.center{background:#f2f5f8}.tools{z-index:8;background:#fffffff0;height:62px;padding:0 26px;position:sticky;top:72px;box-shadow:0 1px #e3e8ee}.tools strong{font-size:14px}.tool{background:#fff;border-radius:9px;min-width:38px;height:36px}.stage{background:#f2f5f8;align-items:flex-start;padding:34px 42px 38px;overflow:auto}.spread{aspect-ratio:420/297;filter:drop-shadow(0 18px 30px #102a4321);grid-template-columns:1fr 1fr;width:min(1120px,100vw - 370px);height:auto;min-height:690px;max-height:none;display:grid}.page{background:#fff;border-color:#e2e6ea;padding:7.5% 8.5%}.page:first-child{border-right-color:#d4d9df;border-radius:8px 0 0 8px;box-shadow:inset -14px 0 18px -20px #0f274059}.page:last-child{border-radius:0 8px 8px 0;box-shadow:inset 14px 0 18px -20px #0f274040}.page h2{letter-spacing:-.02em;margin:14px 0 18px;font-size:clamp(23px,2vw,30px)}.page h3{margin-top:25px;font-size:17px}.page p,.page li{color:#344454;font-size:clamp(14px,1.08vw,16px);line-height:1.72}.box{border-radius:0 8px 8px 0;margin:22px 0;padding:15px 16px}.diagram{background:#f8fafb;height:120px;margin:24px 0}.bottom{z-index:7;background:#fffffff5;gap:20px;height:68px;position:sticky;bottom:0}.round{width:40px;height:40px;font-size:20px}.bottom b{color:#526274;text-align:center;min-width:110px;font-size:13px}@media (width<=1150px){.spread{width:min(900px,100vw - 320px);min-height:570px}.stage{padding:28px}}@media (width<=900px){.reader{grid-template-columns:210px minmax(0,1fr)}.spread{width:calc(100vw - 270px);min-height:0}.stage{padding:24px}}@media (width<=700px){.top{height:66px;padding:0 18px}.reader{grid-template-columns:1fr}.tools{top:66px}.stage{padding:16px}.spread{aspect-ratio:210/297;grid-template-columns:1fr;width:100%;min-height:0}.page:nth-child(2){display:none}.page:first-child{border-radius:7px}}a{color:inherit;text-decoration:none}a.primary,a.soft{display:inline-block}.brand{align-items:center;display:flex}.search{text-align:left;font:inherit}.home{display:block}.select{width:calc(100% - 32px);font:inherit;appearance:auto;cursor:pointer}.chapter,.toc{text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;display:block}.chapter{color:#334155;width:100%}.toc{width:calc(100% - 20px)}.chapter:disabled,.toc:disabled{cursor:default;opacity:.55}.sideNote{color:#7b8795;padding:10px 22px;font-size:13px}.tool{cursor:pointer}.tool[aria-pressed=true]{background:#edf2f6;border-color:#102a43}.round:disabled{opacity:.4;cursor:default}.stage{justify-content:center}.spread{width:calc(min(1120px,calc(100vw - 370px)) * var(--zoom,1));aspect-ratio:auto;min-height:0}.spread.single{width:calc(min(560px,100%) * var(--zoom,1));grid-template-columns:1fr}.page.pdfPage{justify-content:center;align-items:flex-start;min-height:200px;padding:0;display:flex}.pdfPage canvas{display:block}.pageLoading,.readerMsg{color:#7b8795;text-align:center;padding:40px}.readerMsg a{color:#315f8d;font-weight:700}.searchStatus{color:#667085;border-top:1px solid #e1e6ec;padding:14px 18px}.result{text-align:left;width:100%;font:inherit;background:0 0;border:0;border-top:1px solid #e1e6ec;display:block}.result mark{color:inherit;background:#fff3c4}.close{cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:9px;padding:0 14px}@media (width<=1150px){.spread{width:calc(min(900px,calc(100vw - 320px)) * var(--zoom,1))}}@media (width<=900px){.spread{width:calc((100vw - 270px) * var(--zoom,1))}}@media (width<=700px){.spread,.spread.single{width:calc(100% * var(--zoom,1))}}section:fullscreen{background:#f2f5f8;overflow:auto}:is(:fullscreen .side,:fullscreen .tools){top:0}:fullscreen .side{height:100vh}:root{--react-pdf-text-layer:1}[data-main-rotation="90"]{transform:rotate(90deg)translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg)translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg)translate(-100%)}.textLayer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;text-align:initial;opacity:1;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;caret-color:canvastext;z-index:0;--min-font-size:1;--text-scale-factor:calc(var(--total-scale-factor) * var(--min-font-size));--min-font-size-inv:calc(1 / var(--min-font-size));line-height:1;position:absolute;inset:0;overflow:clip}.textLayer :is(span,br){color:#0000;white-space:pre;cursor:text;transform-origin:0 0;margin:0;position:absolute}.textLayer>:not(.markedContent),.textLayer .markedContent span:not(.markedContent){z-index:1;--font-height:0;font-size:calc(var(--text-scale-factor) * var(--font-height));--scale-x:1;--rotate:0deg;transform:rotate(var(--rotate)) scaleX(var(--scale-x)) scale(var(--min-font-size-inv))}.textLayer .markedContent{display:contents}.textLayer span[role=img]{-webkit-user-select:none;user-select:none;cursor:default}.textLayer .highlight{--highlight-bg-color:#b400aa40;--highlight-selected-bg-color:#00640040;--highlight-backdrop-filter:none;--highlight-selected-backdrop-filter:none;background-color:var(--highlight-bg-color);-webkit-backdrop-filter:var(--highlight-backdrop-filter);backdrop-filter:var(--highlight-backdrop-filter);border-radius:4px;margin:-1px;padding:1px}@media screen and (forced-colors:active){.textLayer .highlight{--highlight-bg-color:Highlight;--highlight-selected-bg-color:ButtonText}}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color);-webkit-backdrop-filter:var(--highlight-selected-backdrop-filter);backdrop-filter:var(--highlight-selected-backdrop-filter)}.textLayer ::selection{background:#0000ff40}@supports (background:color-mix(in srgb, AccentColor, transparent 75%)){.textLayer ::selection{background:color-mix(in srgb, AccentColor, transparent 75%)}}.textLayer br::selection{background:0 0}.textLayer .endOfContent{z-index:0;cursor:default;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:100% 0 0}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{width:0;height:0;display:none;position:absolute;top:0;left:0}