.content-section{background-color:#f5f5f5}.content-section h2{text-align:center;font-size:4vw;margin:10px}.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:2vw}.card p{margin:1vw 2vw}.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:2vw;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);border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;margin-top:-.2rem;display:inline-block;line-height:1.2}@media (max-width: 768px){.content-section h2{font-size:8vw}.card{width:80%}.card h3,.card .btn{font-size:5vw}.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;max-width:900px}.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{position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .5s ease;pointer-events:none;visibility:hidden}.article .version.active{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}@media (max-width: 768px){.info{font-size:2.5vw}h2{font-size:7vw}.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}}
