/* Presentation only. Article HTML and server access controls are unchanged. */
body:has(#chapter) .navbar{background:white!important;border-bottom:1px solid #e1e6ef;box-shadow:none!important}
body:has(#chapter) .navbar>.container{max-width:1180px;height:auto;align-items:center}
body:has(#chapter) .navbar-brand>span{display:none}body:has(#chapter) .navbar-brand:before{content:'';width:8px;height:8px;border-radius:50%;background:#2456c5;margin-right:10px}
body:has(#chapter) .navbar-brand h2{font-size:23px!important;font-weight:700!important;color:#13243b!important}
body:has(#chapter) .navbar .nav-link{color:#13243b!important;font-size:14px}body:has(#chapter) .navbar .nav-link:before,body:has(#chapter) .navbar .nav-link:after{display:none!important}body:has(#chapter) .navbar .nav-link.active{color:#2456c5!important}
#chapter.ebnew .toc-units button.on{background:#e9f0fc!important;color:#2456c5!important}
#chapter .eb-revised .dg-step{color:#2456c5!important}#chapter .eb-revised .reader-diagram figcaption{color:#13243b!important}
body:has(#chapter){background:#fff;color:#13243b}
.eb-reader-intro{max-width:1180px;padding:26px 24px 16px}.eb-reader-name{color:#2456c5}.eb-reader-login{color:#687489}
#chapter.ebnew{padding:24px 0 70px!important;color:#13243b}
#chapter.ebnew>.container{display:grid;grid-template-columns:258px minmax(0,1fr);gap:64px;max-width:1180px;height:auto;overflow:visible!important;align-items:start;padding:0 24px}
#chapter.ebnew .button-container{width:100%;height:auto;max-height:calc(100vh - 120px);position:sticky;top:90px;overflow:auto;background:#f5f7fb;border:1px solid #e1e6ef;border-radius:14px;padding:12px;scrollbar-width:thin}
#chapter.ebnew .button-container>.text-center{position:static!important;background:transparent!important;text-align:left!important;padding:10px!important;color:#13243b;font-weight:700}
#chapter.ebnew .button-container>.text-center p{margin:0;font-size:15px}#chapter .text-primary{color:#2456c5!important}
#chapter.ebnew .toc-search{margin:12px 0}#chapter.ebnew .toc-search .box{background:white;border:1px solid #dce3ef;border-radius:8px}#chapter.ebnew .toc-search input{font-size:13px;color:#13243b;background:transparent;width:100%;min-width:0}
#chapter.ebnew .toc-scope{font-size:11px;color:#687489;padding:0 9px 10px}.toc-scope .rd{display:none}
#chapter.ebnew .toc-head{background:transparent;color:#13243b;padding:13px 9px;font-size:13px;border-radius:0;font-weight:650;word-break:keep-all;border-top:1px solid #e1e6ef}
#chapter.ebnew .toc-head::after{display:none}#chapter.ebnew .toc-chap.open .toc-head{color:#13243b}#chapter.ebnew .toc-chap.open .toc-head .chev{border-color:#2456c5}
#chapter.ebnew .toc-units{padding:0 0 12px;gap:3px}#chapter.ebnew .toc-units button{position:relative;border:0;padding:12px 28px 12px 12px;color:#526077;font-size:12px;font-weight:400;line-height:1.6;border-radius:7px;word-break:keep-all}
#chapter.ebnew .toc-units button::before{content:none}#chapter.ebnew .toc-units button.on{color:#2456c5;background:#e9f0fc;border:0;font-weight:700}#chapter.ebnew .toc-units button:hover{background:#edf2fa;color:#2456c5;border:0}
#chapter.ebnew .toc-units button.eb-lk::after{content:'';position:absolute;right:9px;top:50%;transform:translateY(-50%);width:13px;height:13px;opacity:1;background:#8a94a5;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6'%3E%3Crect x='5' y='10' width='14' height='11' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 8 0v3M12 14v3'/%3E%3C/svg%3E") center/contain no-repeat}
#chapter.ebnew .board-container{width:100%;height:auto;padding:0;min-width:0;overflow:visible;background:#fff}
#chapter #content-holder{height:auto!important;overflow:visible!important;color:#13243b}
#chapter #content-holder .nocopy{max-width:100%!important;box-sizing:border-box}
#chapter .eb-revised .reading{max-width:none;padding:0;margin:0}#chapter .eb-revised h1{font-size:32px!important;line-height:1.5;letter-spacing:-.045em;color:#13243b;margin:0 0 32px!important;word-break:keep-all}
#chapter .eb-revised .body{font-size:var(--reader-size,18px)!important;line-height:2.05;letter-spacing:-.025em;color:#13243b;word-break:keep-all;overflow-wrap:break-word}
#chapter .eb-revised .body p{margin:0 0 30px}#chapter .eb-revised .key-point,#chapter .eb-revised .body a{color:#2456c5!important}#chapter .eb-revised .support-point{color:#13243b!important}
#chapter .eb-revised .reader-diagram{color:#13243b;border:1px solid #e1e6ef!important;border-radius:12px;background:#fafbfd;padding:26px;margin:36px 0}#chapter .eb-revised .dg-pic-icon,#chapter .eb-revised .pic-unit svg{color:#2456c5!important}#chapter .eb-revised .reader-diagram .svg-accent{fill:#2456c5!important}
#chapter .eb-revised .body img{max-width:100%;height:auto}#chapter .eb-revised .body iframe,#chapter .eb-revised .body video{border-radius:10px}#chapter .eb-revised figcaption{color:#687489}
.reader-position{display:flex;justify-content:space-between;gap:16px;color:#687489;font-size:12px;margin-bottom:16px}.reader-position span:first-child{color:#2456c5}
.reader-heading h1{font-size:32px;line-height:1.5;letter-spacing:-.045em;color:#13243b;margin:0 0 24px;word-break:keep-all}
@media(max-width:767px){.reader-heading h1{font-size:27px}}
.reader-tools{display:flex;align-items:center;gap:8px;border-block:1px solid #e1e6ef;padding:14px 0;margin-bottom:30px;font-size:12px;color:#687489}.reader-tools>span{margin-right:auto}.reader-tools label{margin:0 5px 0 0;font-size:11px}.reader-tools button{border:1px solid #e1e6ef;background:white;border-radius:6px;width:40px;height:34px;color:#13243b}
#chapter .preNextButtons{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:40px}#chapter .preNextBtn{background:white!important;color:#13243b!important;border:1px solid #e1e6ef!important;border-radius:10px;padding:17px 20px;font-size:14px;width:100%}
#chapter .eb-share-tools{border-color:#e1e6ef}#chapter .eb-share-tools button{color:#2456c5;border-color:#d6dfef}#chapter .eb-free-links{font-size:14px;color:#687489}#chapter .eb-free-links a{color:#2456c5}#chapter .eb-access-buy{border-color:#2456c5;color:#2456c5}#chapter .eb-access h2{color:#13243b}
#chapter .slide-toggler,.reader-mobile-toc{display:none!important}
@media(max-width:991px){#chapter.ebnew>.container{gap:30px;grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:767px){.eb-reader-intro{padding:20px 22px 10px}#chapter.ebnew{padding-top:12px!important}#chapter.ebnew>.container{display:block;padding:0 22px}#chapter .reader-mobile-toc{display:flex!important;justify-content:space-between;align-items:center;width:100%;padding:17px 18px;margin-bottom:26px;border:1px solid #e1e6ef;border-radius:10px;background:#f5f7fb;color:#13243b;font-size:14px;font-weight:650}#chapter.ebnew .button-container{display:none!important;position:static;width:100%;max-height:55vh;margin:-15px 0 30px}#chapter.ebnew .button-container.reader-toc-open{display:block!important}#chapter.ebnew .board-container{width:100%;padding:0}#chapter .eb-revised h1{font-size:27px!important}#chapter .eb-revised .body{font-size:var(--reader-size,17px)!important;line-height:2}#chapter .eb-revised .reader-diagram{padding:20px 15px}.reader-position{font-size:11px}.reader-tools{margin-bottom:26px}#chapter .preNextBtn{font-size:13px;padding:15px 10px}}

/* Reading presentation only. No article or access data is modified. */
body:has(#chapter) .navbar-brand{width:max-content!important;min-width:max-content!important;gap:9px;overflow:visible}
body:has(#chapter) .navbar-brand:before{flex:0 0 7px;width:7px;height:7px;margin:0;position:static;transform:none}
body:has(#chapter) .navbar-brand h2{flex:0 0 auto;white-space:nowrap;line-height:1.3;margin:0!important}
#chapter #content-holder .eb-revised .body,
#chapter #content-holder .eb-revised .body p,
#chapter #content-holder .eb-revised .body li{font-size:var(--reader-size,18px)!important;line-height:1.95}
#chapter #content-holder .eb-revised .body :is(p,li) :is(span,strong,em,a){font-size:inherit}
#chapter #content-holder .eb-revised .body :is(figure,aside,.reader-diagram) p{font-size:1em!important}
#chapter .reader-tools button{min-width:44px;min-height:44px;cursor:pointer}
#chapter .reader-tools button:disabled{opacity:.35;cursor:default}
#chapter .reader-tools button:focus-visible{outline:2px solid #2456c5;outline-offset:3px}
#chapter .reader-tools .reader-size-value{font-size:11px;min-width:32px;text-align:center;color:#526077}
#chapter .reader-tools label{display:none}
#chapter #content-holder .body .reader-cue{display:flex;align-items:center;gap:15px;margin:34px 0 19px;color:#2456c5;pointer-events:none}
#chapter #content-holder .body .reader-cue:after{content:'';display:block;width:56px;height:1px;background:#d9e3f5}
#chapter #content-holder .body .reader-cue svg{display:block;width:35px!important;height:35px!important;margin:0;flex:none;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
#chapter #content-holder .body>.reader-cue:first-child{margin-top:0}
#chapter #content-holder .nocopy{width:100%!important;max-width:100%!important;padding:0!important;left:0;overflow:hidden;font-size:clamp(16px,3vw,26px)!important;white-space:nowrap;text-align:center;opacity:.11;pointer-events:none;user-select:none}
body:has(#chapter) #kakao-chat-btn{position:static!important;inset:auto!important;transform:none!important;display:flex!important;width:max-content!important;max-width:calc(100% - 40px);margin:24px auto!important;box-shadow:none!important}
#chapter .reader-mobile-toc{cursor:pointer}
#chapter .preNextBtn:disabled{opacity:.35;cursor:default}
#chapter #content-holder .body .reader-explainer{margin:36px 0;padding:24px;border:1px solid #dfe6f2;border-radius:12px;background:#fafbfd;color:#13243b}
#chapter #content-holder .body .reader-explainer figcaption{font-size:15px;font-weight:700;line-height:1.6;margin:0 0 25px;color:#13243b}
#chapter .reader-explainer .explain-grid{display:grid;gap:20px;align-items:start;text-align:center}
#chapter .reader-explainer .explain-pair{grid-template-columns:1fr 1fr}
#chapter .reader-explainer .explain-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
#chapter .reader-explainer .explain-flow{grid-template-columns:1fr 16px 1fr 16px 1fr;gap:8px}
#chapter .reader-explainer .explain-item{min-width:0;padding:12px 4px}
#chapter #content-holder .body .reader-explainer svg{display:block;width:62px!important;height:62px!important;margin:0 auto 15px;fill:none;stroke:#2456c5;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
#chapter .reader-explainer strong{display:block;font-size:14px!important;line-height:1.65;font-weight:650;word-break:keep-all}
#chapter .reader-explainer small{display:block;font-size:12px;line-height:1.8;color:#687489;margin-top:5px;word-break:keep-all}
#chapter .reader-explainer .explain-focus{background:#edf2fc;border-radius:9px}
#chapter .reader-explainer .explain-arrow{align-self:start;margin-top:30px;font-size:20px;color:#9cadca}
#chapter #content-holder .body .reader-explainer p.explain-note{font-size:14px!important;line-height:1.9;margin:20px 0 0;color:#687489;word-break:keep-all}
@media(max-width:560px){
 #chapter #content-holder .body .reader-explainer{padding:20px 16px;margin:30px 0}
 #chapter .reader-explainer .explain-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
 #chapter #content-holder .body .reader-explainer svg{width:52px!important;height:52px!important;margin-bottom:12px}
 #chapter .reader-explainer .explain-flow strong{font-size:12px!important}
 #chapter #content-holder .body .reader-explainer .explain-flow svg{width:44px!important;height:44px!important}
 #chapter .reader-explainer .explain-arrow{margin-top:23px}
}
@media(max-width:767px){
 body:has(#chapter) .navbar-brand h2{font-size:21px!important}
 .eb-reader-intro{padding-top:14px;padding-bottom:8px}
 #chapter .reader-mobile-toc{padding:12px 15px;margin-bottom:20px;font-size:14px}
 #chapter .reader-heading h1{font-size:25px;margin-bottom:20px}
 #chapter .reader-tools{padding:9px 0;margin-bottom:24px}
 #chapter #content-holder .eb-revised .body p{margin-bottom:26px}
 #chapter #content-holder .body .reader-cue svg{width:30px!important;height:30px!important}
 #chapter .reader-position{margin-bottom:12px}
}

#chapter #content-holder .body .explain-three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:560px){#chapter #content-holder .body .explain-three .explain-item strong{font-size:12px!important}#chapter #content-holder .body .explain-three .explain-item svg{width:44px!important;height:44px!important}}