/* MedCare: full-width canvas, one concealed directory, bottom navigation. */
.course{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:66px minmax(0,1fr) 72px;height:100dvh;min-height:0}
.course>.care-statusbar{grid-column:1;grid-row:1;display:flex;height:auto;min-height:0;padding:10px 28px;justify-content:space-between;align-items:center;border-bottom:1px solid #8dabaa35;gap:24px}
.care-statusbar #menu-open{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px;border:1px solid #87aaa64d;border-radius:5px;font-size:13px;white-space:nowrap}
.care-statusbar #chapter{font-size:10px;letter-spacing:1px;display:block;line-height:1.6;text-align:center}
.care-statusbar .brand{font-size:21px;gap:6px;flex-shrink:0}.care-statusbar .brand-mark{font-size:22px}.care-statusbar .brand-dot{display:none}
.course>#stage{grid-column:1;grid-row:2;min-height:0;min-width:0}
.course>.care-record{grid-column:1;grid-row:3;display:flex;height:auto;padding:12px 28px;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #8dabaa35}
.care-record .scene-meta{display:flex;align-items:center;gap:15px;min-width:0}.care-record #scene-count{font-size:12px;background:#7da9a21c;border:1px solid #87aaa633;padding:6px 9px;white-space:nowrap}.care-record #scene-name{font-size:13px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.care-record .navigation{display:flex;gap:10px;align-items:center;flex-shrink:0}.care-record .navigation button{height:46px;min-width:46px;border:1px solid #87aaa64d;border-radius:5px;font-size:14px;padding:0 18px;background:transparent;color:inherit;display:flex;gap:16px;align-items:center}.care-record .navigation #next{background:#a3cec3;color:#163832;min-width:110px;justify-content:space-between}
#progress{display:none!important}
#contents{margin:0 auto 0 0;height:100dvh;max-height:100dvh;width:min(480px,100%);max-width:100%;border-radius:0;border-right:1px solid #84aaa7;padding:30px;box-sizing:border-box}#contents h2{font-size:32px}#contents-list{display:flex;flex-direction:column}#contents-list button{min-height:48px}#contents::backdrop{background:#071b2580;backdrop-filter:blur(3px)}
@media(max-width:700px){.course{grid-template-rows:62px minmax(0,1fr) 70px}.course>.care-statusbar{padding:8px 16px;gap:12px}.care-statusbar #chapter{display:none}.care-statusbar #menu-open{font-size:12px;padding:0 11px}.care-statusbar .brand{font-size:20px}.course>.care-record{padding:10px 16px;gap:10px}.care-record #scene-name{display:none}.care-record #scene-count{font-size:11px;padding:5px 7px}.care-record .navigation{gap:7px}.care-record .navigation button{font-size:13px;padding:0 12px;gap:8px}.care-record .navigation #next{min-width:87px}}

/* Override the original circular arrow's ID rules, including its fixed width. */
.course>.care-record{margin:0;width:100%;padding-left:4.5vw;padding-right:4.5vw}
.care-record .navigation{flex:0 0 auto}
.care-record .navigation #previous,.care-record .navigation #next{box-sizing:border-box;flex:0 0 auto;width:auto;min-width:120px;height:46px;padding:0 18px;font-size:14px;line-height:1;white-space:nowrap;justify-content:center;gap:14px}
.care-record .navigation #previous span,.care-record .navigation #next span{flex:0 0 auto}
@media(max-width:700px){.course>.care-record{padding:10px 16px}.care-record .navigation #previous,.care-record .navigation #next{min-width:98px;padding:0 12px;font-size:13px;gap:9px}.care-record .scene-meta{flex:0 1 auto}}
@media(max-width:360px){.care-record .navigation #previous,.care-record .navigation #next{min-width:88px;padding:0 9px;gap:7px}.course>.care-record{padding-left:12px;padding-right:12px}.care-record #scene-count{padding:5px}}