.wonder-home-link{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;max-width:1110px;margin:0 auto 50px;background:#c8d7af;border:2px solid #86a28b;border-radius:35px 43px 30px 39px;overflow:hidden;text-decoration:none;color:#294e60}.wonder-home-link>img{display:block;width:100%;height:100%;min-height:280px;object-fit:cover}.wonder-home-link>div{padding:28px 35px}.wonder-home-link h2{font-size:39px;margin:15px 0}.wonder-home-link .handwritten{font-size:25px}.wonder-home-link p:not([class]){font-size:17px;line-height:1.8}.wonder-home-link span{display:block;font-size:13px;font-weight:800;margin-top:25px}
.wonder-home{max-width:1180px}.wonder-panorama{display:block;width:100%;height:auto;border:5px solid #a5c5a6;border-radius:33px 45px 31px 38px}.wonder-intro{text-align:center;max-width:680px;margin:25px auto 30px}.wonder-intro>p{font-size:18px;line-height:1.8}.wonder-intro>.text-button{display:block;margin:18px 0 0;font-size:13px}.wonder-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 25px;margin:30px 0 40px}.wonder-card{display:block;background:#c7d8b1;border:1.5px solid #91ab8b;border-radius:27px 37px 24px 32px;text-decoration:none;color:#294e60;overflow:hidden;box-shadow:3px 4px 0 #6f9c9445}.wonder-card.window{background:#c2d6e3;border-color:#8fabbb}.wonder-card.table{background:#e9cda1;border-color:#b8a179}.wonder-card>img{display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}.wonder-card>div{padding:22px 24px 26px}.wonder-place{display:block;font-size:11px;font-weight:800;letter-spacing:.45px;text-transform:uppercase;line-height:1.8}.wonder-card h2{font-size:28px;line-height:1.25;margin:12px 0 15px}.wonder-card p{font-size:14px;line-height:1.8}.wonder-card strong{display:block;font-size:12px;line-height:1.7;margin-top:20px}.wonder-card:hover{filter:brightness(1.025)}
.wonder-detail{max-width:1050px}.wonder-detail-hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:30px;margin:20px 0 35px;padding:25px 30px;background:#c4d6b0;border:2px solid #8ba48c;border-radius:35px 45px 31px 39px}.wonder-detail-hero>figure{margin:0;transform:rotate(-2deg)}.wonder-detail-hero figure img{display:block;width:100%;height:auto;border-radius:29px 35px 24px 31px}.wonder-detail-hero figcaption{font-size:29px;text-align:center;margin:12px 0}.wonder-detail h1{font-size:43px;line-height:1.22;margin:14px 0 20px}.wonder-detail-hero>div>p:not([class]){font-size:17px;line-height:1.8}.wonder-need{font-size:14px;line-height:1.85;border-top:1px dashed #8da38a;margin:22px 0 0;padding-top:20px}.wonder-steps{background:#e7d1a8;border:1.5px dashed #a99572;border-radius:31px 40px 27px 37px;padding:28px 35px}.wonder-steps>.handwritten{font-size:27px;margin-bottom:12px}.wonder-steps>h2{font-size:34px;margin:10px 0 15px}.wonder-steps>p:not([class]){font-size:15px;line-height:1.8}.wonder-step{display:flex;gap:18px;align-items:flex-start;padding:23px 0;border-bottom:1px dashed #b5a381;cursor:pointer;font-size:17px;line-height:1.8}.wonder-step input{width:24px;height:24px;flex:none;margin:5px 0 0;accent-color:#2d6775}.wonder-step-number{display:grid;place-items:center;width:33px;height:33px;flex:none;background:#adc8a1;border:1px solid #7e9c81;border-radius:50%;font:20px Kalam,cursive}.wonder-step input:checked~span:last-child{color:#3c695b}.wonder-keep{display:flex;align-items:center;gap:25px;margin:25px 0 0}.wonder-keep>button{font-size:13px;white-space:nowrap}.wonder-keep>p{font-size:13px;line-height:1.8;margin:0}.wonder-keep>button:disabled{opacity:.7;cursor:default}
.wonder-after{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;margin:30px 0}.wonder-after>section{padding:28px;background:#c4c8df;border:1.5px solid #91a0b9;border-radius:30px 38px 26px 34px}.wonder-after .handwritten{font-size:26px;margin:0 0 20px}.wonder-after h2{font-size:28px;line-height:1.4;margin:15px 0}.wonder-after p:not([class]){font-size:16px;line-height:1.8}.wonder-after button,.wonder-after a{font-size:13px;margin-top:14px}.wonder-after>section.wonder-word{background:#bed6c5;border-color:#89a99b;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.wonder-word .word-arabic{font-size:48px;line-height:1.85;margin:0}.wonder-word h2{font-size:29px;margin:4px 0 12px}.wonder-word p:not([class]){font-size:13px;margin:0 0 10px}.wonder-takeaway{display:flex;align-items:center;gap:25px;flex-wrap:wrap;background:#e3c495;border:1.5px dashed #a18d66;border-radius:28px 37px 29px 33px;padding:25px 30px;margin:30px 0}.wonder-takeaway>div{flex:1;min-width:230px}.wonder-takeaway h2{font-size:29px;margin:0 0 12px}.wonder-takeaway p{font-size:14px;line-height:1.8;margin:0}.wonder-takeaway button{font-size:13px}.wonder-takeaway>p{width:100%;font-size:12px}.word-notice .text-button{font-size:13px;margin-top:18px}
@media(max-width:1180px){.wonder-home-link{margin-left:35px;margin-right:35px}}
@media(max-width:800px){.wonder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.wonder-home-link>div{padding:25px}.wonder-home-link h2{font-size:33px}.wonder-home-link .handwritten{font-size:23px}.wonder-home-link p:not([class]){font-size:15px}.wonder-detail h1{font-size:35px}.wonder-detail-hero{gap:22px;padding:25px}.wonder-after{gap:20px}.wonder-after>section{padding:24px}.wonder-after h2{font-size:26px}.wonder-keep{align-items:flex-start;flex-direction:column;gap:15px}}
@media(max-width:600px){.wonder-home-link{grid-template-columns:1fr;margin:0 23px 40px;border-radius:28px 37px 30px 25px}.wonder-home-link>img{min-height:0;height:auto}.wonder-home-link>div{padding:24px 28px}.wonder-home-link h2{font-size:36px}.wonder-home-link span{margin-top:20px}.wonder-home .learning-heading>p:last-child{font-size:16px}.wonder-panorama{border-width:3px;border-radius:24px 33px 24px 31px}.wonder-intro>p{font-size:16px}.wonder-grid{grid-template-columns:1fr;gap:22px}.wonder-card{display:grid;grid-template-columns:100px 1fr;align-items:center;border-radius:23px 31px 25px 29px}.wonder-card>img{object-fit:contain;width:100%;height:auto;border-radius:0 25px 25px 0}.wonder-card>div{padding:22px 19px}.wonder-card h2{font-size:25px;margin:10px 0 12px}.wonder-card p{font-size:13px}.wonder-card strong{font-size:11px;margin-top:16px}.wonder-place{font-size:10px}.wonder-detail-hero{grid-template-columns:1fr;gap:5px;padding:22px 24px}.wonder-detail-hero>figure{max-width:260px;margin:auto;width:100%}.wonder-detail-hero>div{text-align:center}.wonder-detail h1{font-size:35px}.wonder-detail-hero>div>p:not([class]){font-size:16px}.wonder-need{font-size:13px;text-align:left}.wonder-steps{padding:24px 20px}.wonder-steps>.handwritten{font-size:24px}.wonder-steps>h2{font-size:30px}.wonder-steps>p:not([class]){font-size:14px}.wonder-step{gap:12px;font-size:15px;padding:21px 0}.wonder-step-number{display:none}.wonder-step input{width:24px;height:24px;margin-top:2px}.wonder-after{grid-template-columns:1fr;gap:24px}.wonder-after>section{padding:25px}.wonder-after .handwritten{font-size:24px}.wonder-after h2{font-size:26px}.wonder-after p:not([class]){font-size:15px}.wonder-takeaway{padding:24px 22px;gap:20px}.wonder-takeaway>div{min-width:0}.wonder-takeaway h2{font-size:27px}.wonder-takeaway p{font-size:13px}.wonder-takeaway>p{font-size:11px}}
.wonder-surprise{display:block;margin:20px auto;font-size:13px}.wonder-voice{margin:0 0 30px}.wonder-voice .voice-options p{max-width:340px}