@media (min-width:1200px){
 body{--outline-width:240px}
 #outline{left:0;right:auto;top:62px;bottom:0;width:var(--outline-width);max-width:none;padding:18px 12px;border-left:0;border-right:1px solid var(--line);box-shadow:none;z-index:15}
 #contents,#close-contents{display:none!important}
 .drawer-title{padding:0 8px}.drawer-title h2{font-size:15px}
 #chapter-list{margin-top:12px}#chapter-list h3{font-size:11px;line-height:1.8;margin:24px 7px 9px}
 #chapter-list button{font-size:12px;line-height:1.6;gap:9px;padding:10px 7px;min-height:40px}#chapter-list button span{min-width:18px}
 .practice-link{font-size:11px;margin:22px 8px 10px}
 #section-nav{margin-left:var(--outline-width);padding-left:20px;padding-right:20px}
 #reader,body[data-kind=motion] #reader{width:calc(100% - var(--outline-width));max-width:none;margin-left:var(--outline-width);margin-right:0;padding-left:26px;padding-right:26px}
 .learning-layout{grid-template-columns:minmax(270px,310px) minmax(0,1fr);gap:28px}
 .navigation{margin-left:var(--outline-width);padding-left:26px;padding-right:26px}
 #page-title,body[data-kind=motion] #page-title{font-size:27px}
}
@media (max-width:1199px){#outline{left:0;right:auto;border-left:0;border-right:1px solid var(--line);box-shadow:15px 0 45px #142d2818}}
.autoplay-control{margin-left:auto;display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:650;color:var(--green);cursor:pointer}.autoplay-control input{width:16px;height:16px;margin:0;accent-color:var(--green)}.top>button#contents{margin-left:0}
@media (max-width:680px){.autoplay-control{font-size:11px;gap:5px}.top{gap:6px}.top>button#contents{font-size:10px;padding:6px;gap:4px}.top>button#contents svg{width:15px;height:15px}.brand{font-size:11px}}