.content-section h2{text-align:center;font-size:clamp(1.75rem,calc(1.2rem + 2vw),3rem);margin-top:40px}.dynamic-items{display:flex;justify-content:space-around;flex-wrap:wrap}.dynamic-items .card{margin-top:20px}.card{background-color:#fff;border-radius:3vw;box-shadow:0 0 10px #0000001a;width:calc(33% - 20px);display:flex;flex-direction:column;justify-content:space-between;text-align:center;margin-top:2.5vw;margin-bottom:1vw;transition:transform .3s ease;color:inherit;text-decoration:none}.card:hover{transform:scale(1.04)}.card img.card-image{width:100%;height:13vw;object-fit:cover;object-position:center;border-top-left-radius:1vw;border-top-right-radius:1vw}.card-content{padding-bottom:20px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.card-content p{flex-grow:1;display:flex;align-items:center}.card-content a.btn{margin-top:auto}.card h3{margin:0;font-size:1.4rem}.card p{font-size:1rem}.card .btn{background-color:#ff69b4;color:#fff;padding:1vw 2vw;text-decoration:none;border-radius:3vw;align-self:center;text-shadow:2px 2px 5px rgba(0,0,0,1),-2px -2px 5px rgba(0,0,0,1);font-size:clamp(1.1rem,calc(1rem + .55vw),1.6rem);margin-top:auto}.card .btn:hover{background-color:#ff1493}.badge{background-color:#ff69b4;color:#fff;padding:.2rem .5rem;font-size:.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.7);margin-top:-.2rem;display:inline-block;line-height:1.2}@media (max-width: 700px){.card{width:80%}.card img.card-image{height:43vw}.card .visible{animation-duration:1.5s;animation-delay:.5s}}.nav-blog{display:flex;justify-content:space-between}.article-container{background:#fff;border-radius:3vw;box-shadow:0 0 10px #0000001a;padding:40px 35px;margin:40px auto}.article-container h2{color:#2c3e50;margin:10px 20px 0;text-align:center;font-size:2em}.article-container h3,.article-container h4{color:#2c3e50;margin:5px 20px 0;text-align:justify}.article-container p,.article-container ul{color:#2c3e50;margin:10px 20px;text-align:justify}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background:#e05a9c}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.section{margin-bottom:20px}.example{background-color:#f4f4f4;padding:10px;border-left:5px solid #3498db;margin:20px -30px}.exercise{background-color:#e8f6ff;padding:10px;border-left:5px solid #2ecc71;margin:20px -30px}.toggle-wrapper{display:flex;flex-direction:column;gap:1rem}.correction-content,.trancription-content{display:none}.correction-content{background-color:#d4edda;padding:10px;border-left:5px solid #28a745;margin:20px -30px}.toggle-wrapper input:checked+.correction-content{display:block}.toggle-btn{display:block;text-align:center;padding:1rem 2rem;background-color:#ff69b4;color:#fff;font-weight:700;border-radius:3vw;cursor:pointer;transition:background-color .3s ease;text-shadow:2px 2px 5px rgba(0,0,0,1),-2px -2px 5px rgba(0,0,0,1)}.toggle-btn:hover{background-color:#ff1493}.toggle-btn .text-hide{display:none}.toggle-wrapper input:checked+.correction-content+.toggle-btn .text-show{display:none}.toggle-wrapper input:checked+.correction-content+.toggle-btn .text-hide{display:inline}.reserve-link{color:inherit;text-decoration:none;font-weight:700;transition:color .3s ease}.reserve-link:hover{color:#e05a9c}.article-image,.img-center{display:block;max-width:70%;width:auto;height:auto;margin:10px auto 20px;border-radius:3vw}.img-landscape-right{float:right;width:45%;margin:10px}.img-portrait-right{float:right;width:40%;margin:10px}.img-landscape-left{float:left;width:45%;margin:10px}.img-portrait-left{float:left;width:40%;margin:10px}.img-landscape-left.for_question{width:30%;display:block;margin:0 20px 20px}.content p,.content h2,.content h3,.content h4,.content ul,.content table{margin:20px 0;line-height:1.6}.content ul{padding-left:20px}.content table{width:100%;border-collapse:collapse;margin:20px 0}.content table th,.content table td{border:1px solid #ddd;padding:10px;text-align:left}.content h2{font-size:2em;margin-bottom:.5em}.content h3{font-size:1.5em;border-bottom:2px solid #f1f1f1;padding-bottom:5px}.center-section,.intro-news-in-level,.intro-news-in-level h2,.intro-news-in-level a{text-align:center}.nav-levels{display:flex;justify-content:space-between;align-items:center;margin:20px}.info{font-size:1.8vw;color:#666}.buttons{display:flex;gap:10px;width:100%}.buttons button{flex:1;padding:1vw 2vw;font-size:2vw;border:none;cursor:pointer;border-radius:3vw}.buttons button:hover,.buttons button.active{background-color:#ff1493;color:#fff}.content{display:flex;align-items:flex-start;gap:20px;flex-wrap:nowrap}.content img{margin:16px;width:300px;height:auto;border-radius:3vw}.article{flex:1;position:relative;min-height:300px}.article .version{display:none;position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .5s ease;pointer-events:none;visibility:hidden}.article .version.active{display:block;opacity:1;pointer-events:auto;position:relative;visibility:visible}.img{margin:10px}#article-content{position:relative;display:block!important}.example h4{font-size:1.5em;border-bottom:2px solid #f1f1f1;padding-bottom:5px;margin-bottom:1.5em}.page-columns-wrapper{display:flex;justify-content:space-between;width:100%;margin:0 auto;flex-grow:1}.left-column{flex:3;min-width:0}.left-column .main-container{max-width:1440px;margin-left:auto;margin-right:auto}.right-column{flex:1;position:sticky;top:20px;height:100vh;overflow-y:auto;padding-top:10px;background-color:#fff}.right-column h2{text-align:center;font-size:clamp(19px,calc(2.8px + 2.0281vw),32px)}@media (max-width: 768px){.info{font-size:2.5vw}h2{font-size:7vw}.page-columns-wrapper{flex-direction:column}.right-column{position:static;height:auto;overflow-y:visible}#blog-cards-container{display:flex;flex-direction:column;justify-content:flex-start}#blog-cards-container .card{width:100%;margin-top:0;margin-bottom:0}.content{flex-direction:column;align-items:center}.img-landscape-right,.img-portrait-right,.img-landscape-left,.img-portrait-left{width:90%}.content img{width:100%;max-width:400px;margin-bottom:10px}.article{width:100%}.buttons button{font-size:4vw}}@media (min-width: 769px){#blog-cards-container{display:flex;flex-direction:column;justify-content:flex-start}#blog-cards-container .card{width:100%;min-height:auto}.right-column{position:fixed;top:var(--header-h-desktop);bottom:var(--footer-h-desktop);right:0;left:auto;width:clamp(20vw,calc(15.385vw + 73.85px),25vw);overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;padding:10px;box-sizing:border-box;z-index:2}.left-column{margin-right:clamp(20vw,calc(15.3846vw + 73.846px),25vw)}}.blog-carousel-container{padding:10px 20px}.blog-carousel{position:relative;height:70vh;perspective:1200px;perspective-origin:50% 25%}.blog-carousel .card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .8s ease,opacity .8s ease;width:90%;max-width:400px;box-sizing:border-box;opacity:0;pointer-events:none;border-radius:2vw;box-shadow:-10px 10px 4px #0003}.blog-carousel .card.current{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:1;z-index:6;pointer-events:auto}.blog-carousel .card.prev{transform:translate(-50%,calc(-50% - 150px)) rotateX(15deg) scale(.75);opacity:.8;z-index:5;pointer-events:auto}.blog-carousel .card.next{transform:translate(-50%,calc(-50% + 150px)) rotateX(-15deg) scale(.75);opacity:.8;z-index:5;pointer-events:auto}.blog-carousel .card.farTop{transform:translate(-50%,calc(-50% - 300px)) rotateX(25deg) scale(.55);opacity:.5;z-index:4}.blog-carousel .card.farBottom{transform:translate(-50%,calc(-50% + 300px)) rotateX(-25deg) scale(.55);opacity:.5;z-index:4}.blog-carousel .card.hidden{display:none}.blog-carousel-container{display:flex;flex-direction:column;position:relative;width:100%;max-width:1200px;margin:0 auto}.blog-carousel-container .nav-prev,.blog-carousel-container .nav-next{position:absolute;z-index:10;top:-50px;background-color:#e91e63;color:#fff;border:none;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 5px #0003;transition:transform .2s,background-color .2s}.blog-carousel-container .nav-prev{left:10%}.blog-carousel-container .nav-next{right:10%}.blog-carousel-container .nav-prev:hover,.blog-carousel-container .nav-next:hover{transform:scale(1.1)}@media (max-width: 768px){.blog-carousel-container .nav-prev,.blog-carousel-container .nav-next{position:static;margin:10px 20px}.blog-buttons-wrapper{display:flex;justify-content:center;width:100%}.blog-carousel-container{flex-direction:column}}