.resource-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.resource-panel>div{border:1px solid #e2d5ec;background:#fffaf4;padding:22px 25px;border-radius:17px}.resource-panel h2{font-size:20px;color:#79579b}.resource-panel p{font-size:12px;color:#9c87a6;line-height:1.7;margin:9px 0 14px}.resource-links{display:flex;gap:22px;font-size:13px;font-weight:800}.daily-chant{background:#f0f5e9;border:1px solid #e2e9d9;border-radius:15px;margin:8px auto 14px;padding:12px 20px;max-width:850px}.daily-chant b{font-size:12px;color:#8c9d76}.daily-chant p{font-size:16px;margin:7px 0;color:#6e825c}.daily-chant .button{padding:8px 14px;font-size:11px}.number-chooser,.letter-review-picker{display:flex;gap:8px;justify-content:center;margin:12px 0;flex-wrap:wrap}.number-chooser button,.letter-review-picker button{background:#faf6fe;border:1px solid #ded0e9;border-radius:10px;padding:8px 17px;color:#9b7ab0;font-size:14px}.number-chooser .active,.letter-review-picker .active{background:#8e66ac;color:white;border-color:#8e66ac}.count-6{grid-template-columns:repeat(3,1fr);max-width:610px}.count-6 .count-object img{height:105px}.song-visual{height:150px}.song-visual img{width:135px;height:135px}.monthly-header{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0}.monthly-intro{padding:28px;background:#f2ebf8;border:1px solid #dfd1e9;border-radius:18px}.monthly-intro h1{font-size:36px}.monthly-intro p{font-size:14px;color:#9984a4;margin-top:15px}.test-class-picker,.test-section-picker{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.test-class-picker button,.test-section-picker button{border:1px solid #ddcde9;border-radius:10px;background:#fff;padding:10px 17px;color:#8b6aa3;font-weight:750}.test-class-picker .active,.test-section-picker .active{background:#8b63a9;color:#fff}.test-progress{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#a18aa9;margin:13px 0}.test-slide{border:1px solid #e3d6ea;border-radius:23px;background:#fffdf8;min-height:490px;text-align:center;padding:28px 40px;display:flex;align-items:center;justify-content:center;flex-direction:column}.test-slide h1{font-size:42px;letter-spacing:-.8px;color:#7c5596}.test-slide .test-picture{max-width:500px;max-height:285px;width:auto;height:auto;border-radius:20px;object-fit:contain;mix-blend-mode:multiply;margin:18px 0}.test-slide .test-meaning{font-size:23px;color:#a78aab;margin-top:13px}.test-slide .test-day{font-size:12px;letter-spacing:2px;color:#b297bd}.test-slide .test-prompt{font-size:23px;color:#8d719d;line-height:1.7;max-width:950px;margin:14px 0}.test-slide .letter-test{font-size:140px;letter-spacing:13px;color:#9b71b4}.test-count{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;max-width:640px;margin:19px auto}.test-count img{width:100px;height:90px;object-fit:contain;mix-blend-mode:multiply}.test-number{font-size:85px;font-weight:900;color:#9573ad;margin-top:15px}.test-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:20px 0}.test-bottom>div{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.test-answer{background:#f2f7ec;color:#7e9867;border-radius:12px;padding:14px 25px;margin:15px}.test-slide .answer-hidden{color:#a88caf;font-size:14px}.test-listening-note{font-size:11px;color:#b19bb9;margin-top:15px}.test-overview{margin:25px 0;padding:20px;background:#f9f3e8;border-radius:16px;font-size:13px;line-height:1.8;color:#8e7f8f}.test-overview strong{color:#87659e}.test-slide img.word-small{max-width:240px;max-height:220px}.test-day-support{font-size:12px;color:#a088a9;margin-top:10px}.monthly-mode .topbar,.monthly-mode .site-footer{display:none}.monthly-mode main{max-width:1450px}.monthly-mode .monthly-header{margin-top:15px}.monthly-mode .test-slide{min-height:calc(100vh - 260px)}
@media(max-width:760px){.resource-panel{grid-template-columns:1fr}.resource-panel>div{padding:20px}.resource-panel h2{font-size:18px}.resource-links{font-size:12px}.daily-chant p{font-size:13px}.daily-chant{padding:12px}.count-6 .count-object img{height:85px}.monthly-intro{padding:22px}.monthly-intro h1{font-size:27px}.test-slide{padding:25px 16px;min-height:480px}.test-slide h1{font-size:30px}.test-slide .test-picture{max-width:100%;max-height:220px}.test-slide .test-prompt{font-size:19px}.test-slide .test-meaning{font-size:19px}.test-count{gap:5px}.test-count img{width:55px;height:58px}.test-section-picker button{font-size:10px;padding:8px}.test-bottom{align-items:flex-start}.test-bottom .button{padding:10px;font-size:10px}.test-slide .letter-test{font-size:105px}.monthly-header .button{font-size:11px;padding:10px}.monthly-mode main{padding:0 15px}.test-progress{font-size:10px}}
@media print{.resource-panel,.monthly-header,.test-bottom,.test-section-picker,.test-class-picker{display:none!important}}