/* A passport spine and a separate page-turning edge. */
#course{display:grid;grid-template-columns:224px minmax(0,1fr);grid-template-rows:80px minmax(0,1fr) 72px;height:100dvh;min-height:0}
.travel-passport{grid-column:1;grid-row:1/4;background:#173e39;color:#f2e8cc;padding:30px 23px 24px;display:flex;flex-direction:column;border-right:7px double #bbac80;min-height:0;overflow:auto}
.passport-cover>span,.passport-cover small,.passport-stamp>span{font-size:10px;letter-spacing:1.8px;display:block}.passport-cover strong{font:italic 48px var(--serif);display:block;margin:12px 0}.passport-cover small{line-height:1.8;color:#c3cfb9}
.route-stations{margin:35px 0;display:flex;flex-direction:column}.route-stations button{display:flex;gap:14px;align-items:center;text-align:left;color:inherit;padding:16px 0;position:relative;min-height:65px}.route-stations button:not(:last-child):after{content:'';position:absolute;border-left:1px dashed #9ba991;left:16px;top:48px;height:30px}.route-stations b{border:1px solid #b1bfa4;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:12px;flex-shrink:0}.route-stations span{font-size:16px}.route-stations small{display:block;font-size:8px;letter-spacing:1px;margin-top:6px;color:#b7c8b3}.route-stations .route-current b{background:#e9b56f;color:#143b35;box-shadow:0 0 0 5px #e9b56f20}.route-stations .route-current span{color:#f6c788}.route-visited b{border-style:double;border-width:3px}
.passport-stamp{border:2px solid #c0b890;transform:rotate(-5deg);padding:13px;text-align:center;margin:0 8px 25px}.passport-stamp strong{font:28px var(--serif);display:block;margin-top:7px}.passport-tools{margin-top:auto;display:flex;flex-direction:column;gap:23px}.passport-tools .brand{color:inherit;font-size:12px;justify-content:center}.passport-tools .brand-globe{font-size:38px}.passport-tools .menu-button{color:inherit;border-top:1px solid #ffffff30;padding-top:19px;font-size:14px;justify-content:space-between}
#course>header{grid-column:2;grid-row:1;padding:15px 32px;display:flex;justify-content:space-between;height:auto;border-bottom:1px solid var(--line)}.travel-location>span{font-size:10px;letter-spacing:2px;display:block}.travel-location strong{display:block;font:24px var(--serif);margin-top:5px}.travel-page{display:flex;align-items:center;gap:12px;border-left:1px solid var(--line);padding-left:22px}.travel-page>span:first-child{font-size:10px;letter-spacing:1px}.travel-page #pageNumber{font:22px var(--serif)}
#course>#scene{grid-column:2;grid-row:2;min-height:0;min-width:0}#course>footer{grid-column:2;grid-row:3;padding:10px 32px;display:flex;justify-content:space-between}#course>footer>#chapterLabel{font-size:11px;letter-spacing:1px}#course>footer nav{gap:18px}#course>footer nav button{width:auto;height:46px;border-radius:0;font-size:18px;padding:0 19px;display:flex;align-items:center;gap:18px}#course>footer nav button span{font-size:14px}#course .progress-wrap{display:none}
@media(max-width:1000px){#course{grid-template-columns:180px minmax(0,1fr)}.travel-passport{padding:24px 16px}.route-stations{margin:20px 0}.route-stations span{font-size:14px}.route-stations small{font-size:7px}#course>footer>#chapterLabel{display:none}#course>footer nav{width:100%;justify-content:space-between}}
@media(max-width:700px){#course{grid-template-columns:minmax(0,1fr);grid-template-rows:74px 64px minmax(0,1fr) 66px}.travel-passport{grid-column:1;grid-row:1;display:flex;flex-direction:row;align-items:center;gap:14px;padding:10px 18px;overflow:visible;border-right:0;border-bottom:4px double #bbac80}.passport-cover{display:none}.passport-stamp{display:none}.passport-tools{margin:0;width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.passport-tools .brand{font-size:10px}.passport-tools .brand-globe{font-size:31px}.passport-tools .menu-button{border:0;padding:0;font-size:13px}.route-stations{display:none}#course>header{grid-column:1;grid-row:2;padding:9px 18px}.travel-location>span{font-size:9px}.travel-location strong{font-size:20px}.travel-page{padding-left:12px;gap:8px}.travel-page #pageNumber{font-size:19px}#course>#scene{grid-column:1;grid-row:3}#course>footer{grid-column:1;grid-row:4;padding:8px 16px}#course>footer nav button{height:46px;padding:0 12px;gap:10px}}
@media(max-height:800px) and (min-width:701px){.travel-passport{padding-top:20px;padding-bottom:16px}.passport-cover strong{font-size:38px;margin:9px 0}.passport-cover small{font-size:8px}.route-stations{margin:18px 0}.route-stations button{padding:10px 0;min-height:58px}.passport-stamp{padding:9px;margin-bottom:18px}.passport-tools{gap:14px}.passport-tools .menu-button{padding-top:12px}.passport-tools .brand-globe{font-size:30px}}
#journey{border:7px double #a6a782;border-radius:3px;background:#f4eedc;box-shadow:0 25px 80px #082c2e66}#journey .dialog-head:before{content:'✳';font-size:24px;color:#a94d34}#journey h2{font-style:italic}#chapters button{border-bottom-style:dashed}