.article-page-container{width:100%;max-width:900px;margin:2rem auto;padding:0 1.5rem;font-family:Nunito,sans-serif;color:#333}.article-page{background-color:#fff;border-radius:1rem;box-shadow:0 5px 20px rgba(0,0,0,.1);overflow:hidden;padding:2rem}.article-page-title{font-size:2.2rem;color:#ff6b6b;text-align:center;margin-bottom:1.5rem;font-weight:800;position:relative}.article-page-title:after{content:"";display:block;width:80px;height:4px;background:linear-gradient(90deg,#ff6b6b,#ffb86c);margin:.8rem auto 0;border-radius:2px}.article-page-intro{font-size:1.1rem;line-height:1.6;margin-bottom:2rem;text-align:center;color:#444}.article-page-section{margin-bottom:2.5rem}.article-page-section h2{font-size:1.6rem;color:#3b82f6;margin-bottom:1rem;position:relative;padding-left:1rem;font-weight:700}.article-page-section h2:before{content:"";position:absolute;left:0;top:.4rem;width:4px;height:1.4rem;background-color:#ff6b6b;border-radius:2px}.article-page-section p{margin-bottom:1rem;line-height:1.6;color:#444}.article-page-section ol,.article-page-section ul{margin-left:1.5rem;margin-bottom:1.5rem}.article-page-section li{margin-bottom:.8rem;line-height:1.6;color:#444}.article-page-steps{background-color:#f8f9fa;padding:1.2rem 1.2rem 1.2rem 3rem;border-radius:.8rem;border-left:4px solid #3b82f6;margin-bottom:1.5rem}.article-page-steps li{margin-bottom:.8rem}.article-page-steps li:last-child{margin-bottom:0}.article-page-images{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin:1.5rem 0}.article-page-image-container{box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:.5rem;overflow:hidden;background-color:#fff}.article-page-image{width:100%;height:auto;display:block;transition:transform .3s ease}.article-page-image:hover{transform:scale(1.02)}.article-page-image-caption{background-color:#f8f9fa;padding:.75rem;text-align:center;font-size:.9rem;color:#666;border-top:1px solid #eee}.article-page-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.2rem;gap:1.2rem;margin-top:1.2rem}.article-page-mode{background-color:#f8f9fa;padding:1.2rem;border-radius:.8rem;box-shadow:0 3px 8px rgba(0,0,0,.05);border-left:3px solid #ff6b6b}.article-page-mode h3{color:#333;font-size:1.2rem;margin-bottom:.7rem;font-weight:700}.article-page-mode p{color:#555;margin-bottom:0}.article-page-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;text-align:center}.article-page-button{display:inline-block;padding:.8rem 1.8rem;background-color:#ff6b6b;color:white;border-radius:.5rem;font-weight:600;text-decoration:none;transition:all .3s ease;font-size:1rem}.article-page-button:hover{background-color:#ff5252;transform:translateY(-3px);box-shadow:0 5px 10px rgba(255,107,107,.4)}.article-page-link{color:#3b82f6;text-decoration:none;font-weight:600;cursor:pointer;transition:color .2s ease}.article-page-link:hover{color:#2563eb;text-decoration:underline}@media (max-width:768px){.article-page-container{padding:0 1rem;margin:1.5rem auto}.article-page{padding:1.5rem}.article-page-title{font-size:1.8rem}.article-page-intro{font-size:1rem}.article-page-section h2{font-size:1.4rem}.article-page-images{grid-template-columns:1fr}}@media (max-width:480px){.article-page-container{margin:1rem auto}.article-page{padding:1.25rem;border-radius:.8rem}.article-page-title{font-size:1.6rem}.article-page-section h2{font-size:1.3rem}.article-page-modes{grid-template-columns:1fr}.article-page-steps{padding:1rem 1rem 1rem 2.5rem}}