/* Both periods share the approved park scene, hero and card geometry. */
[data-course-period][hidden]{display:none!important}
.period-switcher{position:absolute;z-index:2;top:2.2%;right:3%;display:flex;gap:4px;width:220px;min-height:48px;padding:3px;border:2px solid #fff7df;border-radius:999px;background:#fff9e9;box-shadow:0 3px 0 #e4d3ac66}
.period-switcher button{flex:1;min-width:0;min-height:44px;padding:6px 8px;border:0;border-radius:999px;background:transparent;color:#3d5771;font:700 18px/1.2 "Leo Rounded Latin","Leo Rounded Chinese",sans-serif;cursor:pointer;touch-action:manipulation}
.period-switcher button[aria-pressed="true"]{background:#3898ed;color:white;box-shadow:0 2px 0 #237abd}
.period-switcher button:focus-visible{outline:4px solid #173e71;outline-offset:3px}
.park>.fullscreen-button{right:calc(3% + 232px);min-width:108px;top:2.2%}
/* Cover only the old course cards; the original surrounding artwork stays visible. */
.park .new-course{display:flex;flex-direction:column;container-type:inline-size;border:clamp(8px,1vw,15px) solid #fffdf0;border-radius:8%;overflow:hidden;background:#fffbee;box-shadow:0 5px 12px #798a4020;text-decoration:none;color:#10284e}
.course-art{position:relative;display:block;flex:1;min-height:0;width:100%;overflow:hidden;border-radius:5% 5% 4% 4%;background:radial-gradient(ellipse at 12% 25%,#fff9 0%,#fff7 10%,transparent 24%),linear-gradient(#8dd8fc,#d7f0ff)}
.music .course-art{background:radial-gradient(ellipse at 92% 20%,#fff8 0%,#fff4 12%,transparent 35%),linear-gradient(#ffd099,#ffe9c5)}
.course-art img{position:absolute;object-fit:contain}
.course-topic{position:absolute;z-index:2;top:5%;left:5%;padding:2.1cqw 4cqw;border:2px solid #fff9;border-radius:999px;background:#fffaf0dc;color:#143d6a;font:700 4.1cqw/1.15 "Leo Rounded Latin","Leo Rounded Chinese",sans-serif}
.music .course-topic{color:#9d4814}
.w-mark{position:absolute;top:17%;left:7%;z-index:1;color:#ef8a23;font:800 20cqw/1 "Leo Rounded Latin",sans-serif;text-shadow:3px 3px white}
.w-art .art-main{left:5%;bottom:0;width:60%;height:65%}
.w-art .art-small{right:1%;bottom:1%;width:44%;height:70%;transform:rotate(8deg)}
.sentence-art .art-main{left:5%;bottom:0;width:55%;height:86%;mix-blend-mode:multiply;transform:rotate(-8deg)}
.sentence-art .art-small{right:2%;bottom:0;width:51%;height:62%;mix-blend-mode:multiply}
.say-bubble{position:absolute;top:22%;right:4%;padding:1.5cqw 2.5cqw;border:2px solid white;border-radius:16px;background:#fff9e9;color:#894617;font:700 5.5cqw/1.1 "Leo Rounded Latin",sans-serif;transform:rotate(4deg)}
.course-copy{display:flex;flex:none;flex-direction:column;justify-content:center;align-items:center;gap:1.1cqw;width:100%;height:39%;padding:1.5cqw 2.4cqw 2.4cqw;background:#fffbee;text-align:center}
.course-copy strong{font:700 8.2cqw/1.15 "Leo Rounded Latin","Leo Rounded Chinese",sans-serif;white-space:nowrap}
.course-copy>span:not(.course-go){font:500 4.3cqw/1.3 "Leo Rounded Latin","Leo Rounded Chinese",sans-serif;color:#4d6681;white-space:nowrap}
.course-go{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:44px;flex:1;max-height:13cqw;margin-top:1cqw;border:2px solid white;border-radius:999px;background:linear-gradient(#67b9ff,#419cf7);box-shadow:0 3px 0 #2d7ac433;color:white;font:700 6cqw/1.2 "Leo Rounded Latin","Leo Rounded Chinese",sans-serif}
.music .course-go{background:linear-gradient(#ffb25b,#ff8b2b);box-shadow:0 3px 0 #ce772b33}
@media(orientation:portrait){
 .park .period-switcher{position:static;align-self:flex-start}
 .park>.fullscreen-button{top:12px;right:16px;min-width:108px;min-height:48px}
 .park .welcome h1{padding-right:0}
 .park .welcome>span{display:none}
 .park .new-course{border-width:9px;border-radius:9%}
}
@media(max-width:560px){
 .period-switcher{width:190px}
 .period-switcher button{font-size:16px}
 .park>.fullscreen-button{min-width:94px;font-size:14px;right:12px}
 .park .new-course{border-width:7px}
 .course-copy strong{font-size:8cqw}
 .course-copy>span:not(.course-go){font-size:4.1cqw}
}