:root{--navbg:#10243b;--navfg:#dce7f3;--accent:#3384df;--paper:#fff;--line:#dce4ec;--muted:#60738a}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:25px}
body.training-layout{margin:0!important;max-width:none!important;padding:0!important;background:#f3f6fa!important;color:#26384c;font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif}
.training-shell{display:flex;min-height:100vh;align-items:stretch}
.training-sidebar{position:sticky;top:0;align-self:flex-start;height:100vh;overflow-y:auto;overscroll-behavior:contain;width:308px;flex:0 0 308px;background:var(--navbg);color:var(--navfg);padding:18px 12px 35px;scrollbar-width:thin}
.training-brand{display:block;color:white;text-decoration:none;font-weight:750;font-size:1.15rem;padding:6px 11px 4px}
.training-subtitle{padding:0 11px 15px;color:#a9bfd5;font-size:.79rem}
.training-sidebar a{color:inherit;text-decoration:none}
.training-chapter{margin:3px 0;border-radius:9px}
.training-chapter>summary{padding:10px 11px;font-weight:700;cursor:pointer;list-style-position:inside;border-radius:8px;color:#e4eefb;font-size:.94rem}
.training-chapter>summary:hover{background:#243c57}
.training-chapter[open]>summary{background:#244666}
.training-chapter>summary a{display:inline}
.training-toc{padding:5px 0 12px 19px;display:flex;flex-direction:column;gap:1px}
.training-toc a{display:block;border-left:2px solid transparent;padding:6px 9px;font-size:.83rem;line-height:1.5;color:#bed0e3;border-radius:0 6px 6px 0}
.training-toc a:hover{background:#243d57;color:white}
.training-toc a.is-active{border-left-color:#82c3ff;background:#264565;color:white}
.training-main{min-width:0;flex:1;padding:32px clamp(18px,4vw,62px) 70px;max-width:calc(100vw - 308px)}
.training-article{max-width:1000px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:34px clamp(18px,3.4vw,52px);box-shadow:0 3px 18px #172c4710}
.training-article header#title-block-header{display:none}
.training-article h1:first-of-type{margin-top:0}
.training-article h2[id]{scroll-margin-top:20px}
.training-article img{max-width:100%;height:auto}
.training-article pre{max-width:100%;overflow-x:auto}
.training-article table{display:block;max-width:100%;overflow-x:auto}
.training-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1000px;margin:0 auto 13px;color:#516782;font-size:.86rem}
.training-pagination{display:flex;justify-content:space-between;gap:10px;margin:24px auto 0;max-width:1000px}
.training-pagination a{background:white;border:1px solid var(--line);border-radius:9px;padding:10px 16px;text-decoration:none;color:#1b537f}
.training-mobile-toggle{display:none}
.training-screen{display:none}
.training-sidebar-note{padding:12px;font-size:.76rem;color:#a4b9d0;border-top:1px solid #37506a;margin-top:12px}
@media(max-width:860px){
 .training-sidebar{position:fixed;left:0;top:0;bottom:0;z-index:30;transform:translateX(-103%);transition:transform .2s;width:min(88vw,330px);box-shadow:2px 0 17px #09172755}
 body.nav-open .training-sidebar{transform:translateX(0)}
 body.nav-open .training-screen{display:block;position:fixed;inset:0;background:#0012228c;z-index:20}
 .training-main{max-width:100vw;width:100%;padding:15px 13px 40px}
 .training-article{padding:24px 17px}
 .training-mobile-toggle{display:inline-flex;align-items:center;gap:7px;cursor:pointer;background:#123d62;color:#fff;border:0;border-radius:8px;padding:10px 13px;font-size:.93rem}
}
@media print{.training-sidebar,.training-topbar,.training-pagination,.training-screen{display:none!important}.training-main{max-width:none;padding:0}.training-article{border:0;box-shadow:none;padding:0}}