.article-template>*:first-child:not(.article-template__hero-container){margin-top:0}@media screen and (min-width: 750px){.article-template>*:first-child:not(.article-template__hero-container){margin-top:0}}.article-template__hero-small{height:11rem}.article-template__hero-medium{height:22rem}.article-template__hero-large{height:33rem}@media screen and (min-width: 750px) and (max-width: 989px){.article-template__hero-small{height:22rem}.article-template__hero-medium{height:44rem}.article-template__hero-large{height:66rem}}@media screen and (min-width: 990px){.article-template__hero-small{height:27.5rem}.article-template__hero-medium{height:55rem}.article-template__hero-large{height:82.5rem}}.article-template header{margin-top:3.5rem;margin-bottom:2rem;line-height:calc(.8 / var(--font-body-scale))}@media screen and (min-width: 750px){.article-template header{margin-top:3.5rem}}.article-template__title{margin:0;font-size:3.2rem;font-weight:700}.article-template__title:not(:only-child){margin-bottom:2rem}.article-card__info.caption-with-letter-spacing.h5 .caption-with-letter-spacing{font-size:1.2rem;letter-spacing:.4rem;line-height:calc(1 + .2 / var(--font-body-scale));text-transform:capitalize;font-family:var(--font-additional-family);font-weight:700;margin-bottom:1.8rem;color:var(--gradient-base-accent-3);transition:all .3s linear}.article-template__link{font-size:1.8rem;display:flex;justify-content:center;align-items:center;text-decoration:none;font-weight:600;text-transform:capitalize}.article-template__link .icon-wrap{display:flex;margin-right:1rem;transform:rotate(180deg)}.article-template__content{margin-top:3rem;margin-bottom:3rem;overflow-x:hidden;max-width:100%}.article-template__social-sharing{margin-top:1rem;position:relative}.article-template__social-sharing+header,.article-template__social-sharing+.article-template__content{margin-top:1.5rem}.article-template__social-sharing+.article-template__content{color:var(--color-base-accent-4);line-height:30px;letter-spacing:normal}.article-template__comment-wrapper{margin-top:5rem;padding:2.7rem 2.7rem 7rem}@media screen and (min-width: 750px){.article-template__comment-wrapper{margin-top:6rem;padding:3.6rem 3.6rem 8rem}}.article-template__comment-wrapper h2{margin-top:0;font-weight:600;letter-spacing:normal}.article-template__comments{margin-bottom:2rem}@media screen and (min-width: 750px){.article-template__comments{margin-bottom:4rem}}.article-template__comments-fields{margin-bottom:4rem}.article-template__comments-comment{color:rgba(var(--color-foreground),.75);background-color:rgb(var(--color-background));margin-bottom:1.5rem;padding:2rem 2rem 1.5rem}@media screen and (min-width: 750px){.article-template__comments-comment{padding:2rem 2.5rem}}.article-template__comments-comment p{margin:0 0 1rem;letter-spacing:normal;color:var(--color-base-accent-4)}.article-template__comment-fields>*{margin-bottom:3rem}@media screen and (min-width: 750px){.article-template__comment-fields{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem}}.article-template__comment-warning{margin:2rem 0 2.5rem}@media screen and (min-width: 990px){.article-template__comments .pagination-wrapper{margin:5rem 0 8rem}}.article-template__back:last-child{margin-bottom:3.2rem}.article-template .page-width{width:90%}@media screen and (min-width: 990px){.article-template .page-width{width:70%}}.article-template .article-card__info{line-height:25px}.article-template .artical-card-content{display:flex;flex-wrap:wrap}.article-template .artical-card-content>*,.article-template .artical-card-content .artical-author span{font-family:var(--font-heading-family);margin-bottom:5px;color:var(--color-base-accent-4);text-transform:capitalize;font-size:1.6rem;letter-spacing:normal;font-weight:400}.article-template .artical-card-content .artical-author span .fa{font-size:1.8rem;color:var(--gradient-base-accent-2)}.article-template .artical-card-content .dt-sc-blog-tags a{color:var(--color-base-accent-4);transition:all .3s linear}.article-template .artical-card-content .dt-sc-blog-tags a:hover{color:var(--gradient-base-accent-2)}.article-template .artical-card-content .fa{margin-right:6px;color:var(--gradient-base-accent-2)}.article-template .artical-card-content>div:not(:last-child):after{content:"|";padding:0 10px;color:var(--color-base-accent-4)}#comments form input.button{background:var(--gradient-base-background-3);border:none;letter-spacing:normal;padding:13px 30px;transition:all .3s linear;float:right}#comments form input.button:hover{background:var(--gradient-base-accent-2);color:var(--gradient-base-accent-3)}.article-template__comments-comment .custom-artical .fa{font-size:1.8rem;color:var(--gradient-base-accent-2);margin:0 8px}.article-template__comments-comment .caption-with-letter-spacing{font-size:16px;letter-spacing:normal;line-height:normal;text-transform:capitalize;margin:0 5px;font-weight:500}.article-template .article-template__comment-wrapper .artical-comment-content{display:flex}.article-template .article-template__comment-wrapper .artical-comment-content .artical-comments .fa.fa-comments{font-size:30px;margin:0 8px;color:var(--gradient-base-accent-2)}.article-template .article-template__back .animate-arrow svg{width:30px;height:30px;transform:rotate(180deg);transition:all .3s linear}.article-template .article-template__back .article-template__link svg .cls-1{transition:all .3s linear}.article-template .article-template__back .article-template__link:hover svg .cls-1,.article-template .article-template__back .article-template__link:hover{stroke:var(--gradient-base-accent-2);color:var(--gradient-base-accent-2)}@media screen and (max-width: 767px){.article-template .page-width{padding-left:0;padding-right:0}}@media screen and (max-width: 370px){.article-template .artical-card-content>div:not(:last-child):after{display:none}.article-template .artical-card-content{flex-direction:column}}.article-template__content .intro-section{background:#faf0e4;border-left:4px solid #B9D1DB;padding:25px 30px;margin:30px 0;border-radius:8px;font-size:1.8rem;line-height:1.8;color:#6a6a6a;max-width:100%;overflow-wrap:break-word}.article-template__content .intro-section p{margin:0;letter-spacing:normal}.article-template__content .tip-box{background:#fff;border:2px solid #EBBAA9;border-radius:12px;padding:20px 25px;margin:25px 0;box-shadow:0 2px 8px #ebbaa926;max-width:100%;overflow-wrap:break-word}.article-template__content .tip-box p{margin:0;font-size:1.6rem;line-height:1.7;color:#6a6a6a}.article-template__content .tip-box strong{color:#1a1a1a;font-family:Muli,sans-serif;font-weight:700}.article-template__content .disclaimer{background:#f7f7f7;border:1px solid #E9E9E9;border-radius:8px;padding:20px 25px;margin:40px 0;font-size:1.4rem;line-height:1.6;color:#6a6a6a;max-width:100%;overflow-wrap:break-word}.article-template__content .disclaimer p{margin:0}.article-template__content .disclaimer strong{color:#1a1a1a;font-weight:700}.article-template__content .section-divider,.article-template__content .section-divider-lotus{margin:50px 0}.article-template__content .section-divider{width:100%;height:2px;background:linear-gradient(to right,transparent,#B9D1DB,transparent);border:none}.article-template__content .section-divider-lotus{text-align:center;margin:50px 0;position:relative;min-height:1px}.article-template__content .section-divider-lotus:before{content:"\1fab7";font-size:2.5rem;background:#fff;padding:0 20px;position:relative;z-index:2;display:inline-block}.article-template__content .section-divider-lotus:after{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,#B9D1DB 20%,#B9D1DB 80%,transparent);z-index:1}@media screen and (max-width: 767px){.article-template__content .section-divider,.article-template__content .section-divider-lotus{margin:35px 0}.article-template__content .section-divider-lotus:before{font-size:2rem}}.article-template__content .stat-highlight{display:inline-flex;align-items:center;background:#b9d1db;padding:15px 25px;border-radius:12px;margin:10px 15px 10px 0;box-shadow:0 2px 8px #b9d1db4d;transition:all .3s ease}.article-template__content .stat-highlight:hover{transform:translateY(-3px);box-shadow:0 4px 12px #b9d1db66}.article-template__content .stat-number{font-size:3.5rem;font-weight:700;color:#1a1a1a;font-family:Muli,sans-serif;line-height:1;margin-right:15px}.article-template__content .stat-label{font-size:1.4rem;color:#1a1a1a;line-height:1.3;font-weight:600}.article-template__content .stats-row{display:flex;flex-wrap:wrap;gap:20px;margin:30px 0}@media screen and (max-width: 767px){.article-template__content .stats-row{flex-direction:column}.article-template__content .stat-highlight{margin:0;justify-content:center}.article-template__content .stat-number{font-size:3rem;margin-right:12px}.article-template__content .stat-label{font-size:1.3rem}}.article-template__content .quick-ref-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin:25px 0}.article-template__content .quick-ref-card{background:#faf0e4;border-left:4px solid #EBBAA9;padding:15px 20px;border-radius:8px;transition:all .3s ease}.article-template__content .quick-ref-card:hover{transform:translateY(-3px);box-shadow:0 3px 10px #ebbaa933}.article-template__content .quick-ref-card h5{margin:0 0 8px;font-size:1.5rem;color:#1a1a1a;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal}.article-template__content .quick-ref-card p{margin:0;font-size:1.3rem;color:#6a6a6a;line-height:1.5}@media screen and (min-width: 768px){.article-template__content .quick-ref-card h5{font-size:1.6rem}.article-template__content .quick-ref-card p{font-size:1.4rem}}@media screen and (max-width: 767px){.article-template__content .quick-ref-grid{grid-template-columns:1fr}}.article-template__content .caution-box{background:#fff8e1;border:2px solid #FFC107;border-radius:12px;padding:20px 25px;margin:25px 0;display:flex;gap:15px;align-items:flex-start;box-shadow:0 2px 8px #ffc10726}.article-template__content .caution-icon{font-size:2.5rem;flex-shrink:0;line-height:1}.article-template__content .caution-content h4{margin:0 0 8px;color:#f57c00;font-size:1.6rem;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal}.article-template__content .caution-content p{margin:0;font-size:1.4rem;color:#1a1a1a;line-height:1.6}@media screen and (min-width: 768px){.article-template__content .caution-content h4{font-size:1.7rem}.article-template__content .caution-content p{font-size:1.5rem}}@media screen and (max-width: 767px){.article-template__content .caution-box{flex-direction:column;gap:10px}.article-template__content .caution-icon{font-size:2.2rem}}.article-template__content .key-takeaway{background:#fff;border:3px solid #B9D1DB;border-radius:12px;padding:25px 30px;margin:35px 0;box-shadow:0 2px 8px #b9d1db26}.article-template__content .key-takeaway h4{margin:0 0 15px;color:#1a1a1a;font-size:1.8rem;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal;display:flex;align-items:center;gap:10px}.article-template__content .key-takeaway h4:before{content:"\1f4a1";font-size:2.2rem;flex-shrink:0}.article-template__content .key-takeaway ul{margin:0;padding:0;list-style:none}.article-template__content .key-takeaway ul li{margin:10px 0;font-size:1.5rem;color:#1a1a1a;font-weight:500;line-height:1.6;padding-left:30px;position:relative}.article-template__content .key-takeaway ul li:before{content:"\2713";position:absolute;left:0;color:#b9d1db;font-weight:700;font-size:1.8rem}@media screen and (max-width: 767px){.article-template__content .key-takeaway{padding:20px}.article-template__content .key-takeaway h4{font-size:1.7rem}.article-template__content .key-takeaway ul li{font-size:1.4rem;padding-left:25px}}.article-template__content .timeline{position:relative;padding:30px 0;margin:40px 0}.article-template__content .timeline:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:3px;height:100%;background:#b9d1db}.article-template__content .timeline-item{display:flex;margin-bottom:40px;position:relative}.article-template__content .timeline-item:nth-child(odd){flex-direction:row}.article-template__content .timeline-item:nth-child(2n){flex-direction:row-reverse}.article-template__content .timeline-content{width:45%;background:#faf0e4;padding:20px 25px;border-radius:12px;box-shadow:0 2px 8px #0000001a;transition:all .3s ease}.article-template__content .timeline-content:hover{box-shadow:0 4px 12px #b9d1db4d;transform:translateY(-3px)}.article-template__content .timeline-marker{width:40px;height:40px;background:#ebbaa9;border:4px solid #FFFFFF;border-radius:50%;position:absolute;left:50%;transform:translate(-50%);z-index:2;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 2px 8px #0000001a}.article-template__content .timeline-date{font-size:1.3rem;color:#ebbaa9;font-weight:700;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.article-template__content .timeline-content h4{margin:0 0 10px;font-size:1.7rem;color:#1a1a1a;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal}.article-template__content .timeline-content p{margin:0;font-size:1.4rem;color:#6a6a6a;line-height:1.6}@media screen and (max-width: 767px){.article-template__content .timeline:before{left:20px}.article-template__content .timeline-item,.article-template__content .timeline-item:nth-child(2n){flex-direction:row}.article-template__content .timeline-content{width:100%;margin-left:60px}.article-template__content .timeline-marker{left:20px}}.article-template__content .icon-list{list-style:none;padding:0;margin:20px 0}.article-template__content .icon-list li{padding-left:35px;margin:15px 0;position:relative;font-size:1.5rem;line-height:1.7;color:#1a1a1a}.article-template__content .icon-list li:before{content:"\1fab7";position:absolute;left:0;font-size:1.8rem;line-height:1}.article-template__content .icon-list.check-list li:before{content:"\2713";color:#b9d1db;font-weight:700;font-size:2rem}.article-template__content .icon-list.star-list li:before{content:"\2b50"}.article-template__content .icon-list.arrow-list li:before{content:"\2192";color:#ebbaa9;font-weight:700;font-size:1.6rem}@media screen and (max-width: 767px){.article-template__content .icon-list li{font-size:1.4rem;padding-left:30px}}.article-template__content .badge-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}.article-template__content .feature-badge{display:inline-flex;align-items:center;gap:6px;background:#e9e9e9;padding:8px 16px;border-radius:20px;font-size:1.3rem;font-weight:600;color:#1a1a1a;white-space:nowrap;transition:all .3s ease}.article-template__content .feature-badge:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.article-template__content .feature-badge.beginner{background:#c8e6c9;color:#2e7d32}.article-template__content .feature-badge.intermediate{background:#fff9c4;color:#f57f17}.article-template__content .feature-badge.advanced{background:#ffccbc;color:#d84315}.article-template__content .feature-badge.popular{background:#b9d1db;color:#1a1a1a}@media screen and (max-width: 767px){.article-template__content .feature-badge{font-size:1.2rem;padding:6px 12px}}.article-template__content .comparison-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.article-template__content .comparison-column{background:#fff;border:2px solid #E9E9E9;border-radius:12px;padding:25px;transition:all .3s ease}.article-template__content .comparison-column:hover{border-color:#b9d1db;transform:translateY(-5px);box-shadow:0 4px 12px #b9d1db4d}.article-template__content .comparison-column.highlight{border-color:#ebbaa9;background:#faf0e4}.article-template__content .comparison-column h4{margin:0 0 15px;font-size:1.8rem;color:#1a1a1a;font-weight:700;font-family:Muli,sans-serif;text-align:center;letter-spacing:normal}.article-template__content .comparison-column ul{list-style:none;padding:0;margin:0}.article-template__content .comparison-column ul li{padding:8px 0 8px 30px;margin:8px 0;font-size:1.4rem;color:#6a6a6a;line-height:1.6;position:relative}.article-template__content .comparison-column ul li:before{content:"\2713";position:absolute;left:0;color:#b9d1db;font-weight:700;font-size:1.6rem}@media screen and (max-width: 767px){.article-template__content .comparison-columns{grid-template-columns:1fr;gap:20px}.article-template__content .comparison-column{padding:20px}}.article-template__content .content-nav{background:#faf0e4;border:2px solid #EBBAA9;border-radius:12px;padding:25px 30px;margin:30px 0}.article-template__content .content-nav h4{margin:0 0 15px;font-size:1.8rem;color:#1a1a1a;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal}.article-template__content .content-nav ol{margin:0;padding-left:20px}.article-template__content .content-nav li{margin:10px 0}.article-template__content .content-nav a{color:#1a1a1a;text-decoration:none;font-size:1.4rem;font-weight:500;transition:all .3s ease;display:inline-block}.article-template__content .content-nav a:hover{color:#ebbaa9;padding-left:5px}@media screen and (max-width: 767px){.article-template__content .content-nav{padding:20px}.article-template__content .content-nav h4{font-size:1.7rem}.article-template__content .content-nav a{font-size:1.3rem}}.article-template__content .cards-container{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0;max-width:100%}@media screen and (min-width: 768px){.article-template__content .cards-container{grid-template-columns:repeat(2,1fr);gap:25px}}@media screen and (min-width: 768px){.article-template__content .cards-container{gap:30px}}.article-template__content .method-card{background:#fff;border:2px solid #E9E9E9;border-radius:12px;padding:0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;max-width:100%}.article-template__content .method-card:hover{border-color:#b9d1db;box-shadow:0 4px 12px #b9d1db33}.article-template__content .method-card>h3{background:#b9d1db;color:#1a1a1a;padding:12px 15px;margin:0;font-size:1.8rem;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal;border-bottom:2px solid #FFFFFF;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .method-card>h3{padding:15px 20px;font-size:2rem}}.article-template__content .card-content{padding:15px;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .card-content{padding:20px}}.article-template__content .card-content p{margin:0 0 15px;line-height:1.7;color:#6a6a6a;font-size:1.4rem;letter-spacing:normal;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .card-content p{font-size:1.5rem}}.article-template__content .card-content strong{color:#1a1a1a;font-weight:600}.article-template__content .card-content ol,.article-template__content .card-content ul{margin:15px 0;padding-left:25px;color:#6a6a6a;max-width:100%}.article-template__content .card-content li{margin:8px 0;line-height:1.7;font-size:1.4rem;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .card-content li{font-size:1.5rem}}.article-template__content .table-wrapper{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;max-width:100%;width:100%;border-radius:12px}@media screen and (min-width: 768px){.article-template__content .table-wrapper{margin:25px 0}}@media screen and (max-width: 767px){.article-template__content .table-wrapper:after{position:absolute;right:0;top:50%;transform:translateY(-50%);background:linear-gradient(to left,rgba(255,255,255,.95) 70%,transparent);padding:8px 12px;font-size:1.4rem;color:#6a6a6a;font-weight:700;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:10;border-radius:4px}}.article-template__content .content-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000000d}@media screen and (max-width: 767px){.article-template__content .content-table{min-width:500px}}.article-template__content .content-table thead{background:#b9d1db}.article-template__content .content-table th{padding:10px 12px;text-align:left;font-weight:700;color:#1a1a1a;font-size:1.2rem;text-transform:uppercase;letter-spacing:.5px;font-family:Muli,sans-serif;border-bottom:2px solid #FFFFFF;white-space:normal;word-wrap:break-word;max-width:200px}@media screen and (min-width: 768px){.article-template__content .content-table th{padding:12px 15px;font-size:1.4rem}}.article-template__content .content-table td{padding:10px 12px;border-bottom:1px solid #E9E9E9;color:#6a6a6a;font-size:1.3rem;line-height:1.6}@media screen and (min-width: 768px){.article-template__content .content-table td{padding:12px 15px;font-size:1.5rem}}.article-template__content .content-table tbody tr:last-child td{border-bottom:none}.article-template__content .content-table tbody tr:hover{background:#faf0e4}.article-template__content .blend-recipe{background:#faf0e4;border-left:4px solid #EBBAA9;padding:15px 20px;margin:20px 0;border-radius:8px;max-width:100%;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .blend-recipe{padding:20px 25px}}.article-template__content .blend-recipe h4{margin:0 0 12px;color:#1a1a1a;font-size:1.7rem;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .blend-recipe h4{margin:0 0 15px;font-size:1.8rem}}.article-template__content .blend-recipe ul{margin:10px 0;padding-left:20px;list-style:disc;max-width:100%}.article-template__content .blend-recipe li{margin:8px 0;color:#6a6a6a;font-size:1.4rem;line-height:1.6;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .blend-recipe li{font-size:1.5rem}}.article-template__content .blend-recipe p,.article-template__content .blend-recipe em{margin:10px 0 0;font-size:1.3rem;line-height:1.6;color:#6a6a6a;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .blend-recipe p,.article-template__content .blend-recipe em{font-size:1.4rem}}.article-template__content .blend-recipe em{font-style:italic}.article-template__content .faq-section{margin:40px 0;max-width:100%}.article-template__content .faq-section>h2{margin-bottom:20px;color:#1a1a1a;font-size:2.4rem;font-weight:700;font-family:Muli,sans-serif;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .faq-section>h2{margin-bottom:25px;font-size:2.8rem}}.article-template__content .accordion.dt-details{border-top:1px solid #E9E9E9;border-bottom:1px solid #E9E9E9;margin-top:-1px;max-width:100%}.article-template__content .accordion.dt-details summary{padding:15px 45px 15px 15px;cursor:pointer;list-style:none;position:relative;transition:all .3s ease;-webkit-user-select:none;user-select:none;background:#b9d1db}@media screen and (min-width: 768px){.article-template__content .accordion.dt-details summary{padding:20px 50px 20px 20px}}.article-template__content .accordion.dt-details summary::-webkit-details-marker{display:none}.article-template__content .accordion.dt-details summary:hover{background:#a5c4d0}.article-template__content .accordion.dt-details[open] summary{background:#b9d1db;border-bottom:1px solid #E9E9E9}.article-template__content .accordion__title{margin:0;font-size:1.6rem;font-weight:600;color:#1a1a1a;font-family:Muli,sans-serif;line-height:1.4;letter-spacing:normal;padding-right:30px;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .accordion__title{font-size:1.8rem}}.article-template__content .accordion.dt-details summary .icon-caret{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:18px;height:18px;transition:transform .3s ease;fill:#1a1a1a}@media screen and (min-width: 768px){.article-template__content .accordion.dt-details summary .icon-caret{width:20px;height:20px}}.article-template__content .accordion.dt-details[open] summary .icon-caret{transform:translateY(-50%) rotate(180deg)}.article-template__content .accordion__content{padding:15px 15px 20px;color:#6a6a6a;font-size:1.5rem;line-height:1.8;letter-spacing:normal;overflow-wrap:break-word}@media screen and (min-width: 768px){.article-template__content .accordion__content{padding:20px 20px 25px;font-size:1.6rem}}.article-template__content .accordion__content p{margin:0}@media screen and (max-width: 768px){.article-template__content .intro-section{padding:20px;font-size:1.6rem}}.steps-container{display:flex;flex-direction:column;gap:35px;margin:30px 0;max-width:100%;counter-reset:step-counter}@media screen and (min-width: 768px){.steps-container{gap:40px}}.steps-container .step-card{background:#fff;border:2px solid #E9E9E9;border-radius:12px;padding:0;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d;max-width:100%;counter-increment:step-counter}.steps-container .step-card:hover{border-color:#b9d1db;box-shadow:0 6px 16px #b9d1db4d;transform:translateY(-5px)}.steps-container .step-card>h3{background:#b9d1db;color:#1a1a1a;padding:15px 20px;margin:0;font-size:1.9rem;font-weight:700;font-family:Muli,sans-serif;letter-spacing:normal;border-bottom:2px solid #FFFFFF;overflow-wrap:break-word}.steps-container .step-card>h3:before{content:"STEP " counter(step-counter) ": ";font-weight:800;margin-right:5px}@media screen and (min-width: 768px){.steps-container .step-card>h3{padding:18px 25px;font-size:2.1rem}}.steps-container .card-content{padding:20px;overflow-wrap:break-word}@media screen and (min-width: 768px){.steps-container .card-content{padding:25px 30px}}.steps-container .card-content p{margin:0 0 15px;line-height:1.7;color:#6a6a6a;font-size:1.4rem;letter-spacing:normal;overflow-wrap:break-word}@media screen and (min-width: 768px){.steps-container .card-content p{font-size:1.5rem}}.steps-container .card-content strong{color:#1a1a1a;font-weight:600}.steps-container .card-content ol,.steps-container .card-content ul{margin:15px 0;padding-left:25px;color:#6a6a6a;max-width:100%}.steps-container .card-content li{margin:8px 0;line-height:1.7;font-size:1.4rem;overflow-wrap:break-word}@media screen and (min-width: 768px){.steps-container .card-content li{font-size:1.5rem}}.steps-container .card-content .table-wrapper{margin-top:20px}.article-template__content .vs-badge{display:inline-flex;align-items:center;justify-content:center;background:#ff4e00;color:#fff;font-family:Muli,sans-serif;font-weight:800;font-size:1.8rem;padding:10px 20px;border-radius:50px;margin:20px auto;text-align:center;box-shadow:0 4px 12px #ff4e004d}@media screen and (min-width: 768px){.article-template__content .vs-badge{font-size:2.2rem;padding:12px 25px}}.article-template__content .comparison-grid{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0;max-width:100%}@media screen and (min-width: 768px){.article-template__content .comparison-grid{grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch}.article-template__content .comparison-grid .vs-badge{margin:60px 20px 0;align-self:start}}.article-template__content .comparison-card{background:#fff;border:2px solid #E9E9E9;border-radius:12px;padding:25px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.article-template__content .comparison-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f;border-color:#b9d1db}.article-template__content .comparison-card-header{text-align:center;padding-bottom:20px;border-bottom:3px solid #B9D1DB;margin-bottom:20px}.article-template__content .comparison-card-header h3{font-family:Muli,sans-serif;font-size:2.2rem;font-weight:700;color:#1a1a1a;margin:0 0 10px}.article-template__content .comparison-card-header .subtitle{font-size:1.3rem;color:#6a6a6a;font-style:italic}@media screen and (min-width: 768px){.article-template__content .comparison-card{padding:30px}.article-template__content .comparison-card-header h3{font-size:2.4rem}}.article-template__content .comparison-features{list-style:none;padding:0;margin:0;flex-grow:1}.article-template__content .comparison-features li{padding:12px 0;border-bottom:1px solid #F7E7E7;font-size:1.4rem;color:#6a6a6a;line-height:1.6}.article-template__content .comparison-features li:last-child{border-bottom:none}.article-template__content .comparison-features li strong{color:#1a1a1a;font-weight:600;display:inline-block;min-width:120px}@media screen and (min-width: 768px){.article-template__content .comparison-features li{font-size:1.5rem}}.article-template__content .comparison-table-wrapper{overflow-x:auto;margin:30px 0;border-radius:8px;box-shadow:0 2px 8px #00000014}.article-template__content .comparison-table{width:100%;border-collapse:collapse;background:#fff;font-family:Muli,sans-serif;min-width:600px}.article-template__content .comparison-table thead{background:#b9d1db}.article-template__content .comparison-table thead th{padding:18px 15px;text-align:left;font-weight:700;font-size:1.6rem;color:#1a1a1a;border-bottom:3px solid #FFFFFF}.article-template__content .comparison-table thead th:first-child{border-top-left-radius:8px}.article-template__content .comparison-table thead th:last-child{border-top-right-radius:8px}.article-template__content .comparison-table tbody tr{border-bottom:1px solid #E9E9E9;transition:background-color .2s ease}.article-template__content .comparison-table tbody tr:hover{background:#faf0e4}.article-template__content .comparison-table tbody tr:last-child{border-bottom:none}.article-template__content .comparison-table tbody td{padding:16px 15px;font-size:1.4rem;color:#6a6a6a;line-height:1.6}.article-template__content .comparison-table tbody td:first-child{font-weight:600;color:#1a1a1a}@media screen and (min-width: 768px){.article-template__content .comparison-table thead th{padding:20px;font-size:1.7rem}.article-template__content .comparison-table tbody td{padding:18px 20px;font-size:1.5rem}}.article-template__content .pros-cons-container{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0}@media screen and (min-width: 768px){.article-template__content .pros-cons-container{grid-template-columns:1fr 1fr;gap:25px}}.article-template__content .pros-section,.article-template__content .cons-section{background:#fff;border-radius:10px;padding:25px;box-shadow:0 2px 8px #00000014}.article-template__content .pros-section{border-left:4px solid #B9D1DB}.article-template__content .cons-section{border-left:4px solid #EBBAA9}.article-template__content .pros-section h3,.article-template__content .cons-section h3{font-family:Muli,sans-serif;font-size:2rem;font-weight:700;margin:0 0 20px;display:flex;align-items:center;gap:10px;color:#1a1a1a}.article-template__content .pros-section h3:before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#b9d1db;color:#1a1a1a;border-radius:50%;font-size:1.6rem;font-weight:800}.article-template__content .cons-section h3:before{content:"\2715";display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ebbaa9;color:#1a1a1a;border-radius:50%;font-size:1.6rem;font-weight:800}@media screen and (min-width: 768px){.article-template__content .pros-section,.article-template__content .cons-section{padding:30px}.article-template__content .pros-section h3,.article-template__content .cons-section h3{font-size:2.2rem}}.article-template__content .pros-list,.article-template__content .cons-list{list-style:none;padding:0;margin:0}.article-template__content .pros-list li,.article-template__content .cons-list li{padding:10px 0 10px 35px;font-size:1.4rem;color:#6a6a6a;line-height:1.7;position:relative}.article-template__content .pros-list li:before{content:"\2713";position:absolute;left:0;top:10px;color:#b9d1db;font-weight:800;font-size:1.6rem}.article-template__content .cons-list li:before{content:"\2715";position:absolute;left:0;top:10px;color:#ebbaa9;font-weight:800;font-size:1.6rem}@media screen and (min-width: 768px){.article-template__content .pros-list li,.article-template__content .cons-list li{font-size:1.5rem}}.article-template__content .at-a-glance-box{background:linear-gradient(135deg,#b9d1db,#faf0e4);border:2px solid #B9D1DB;border-radius:12px;padding:30px;margin:30px 0;box-shadow:0 4px 12px #b9d1db4d}.article-template__content .at-a-glance-box h3{font-family:Muli,sans-serif;font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 20px;text-align:center;text-transform:uppercase;letter-spacing:1px}.article-template__content .at-a-glance-content{background:#fff;border-radius:8px;padding:20px}.article-template__content .glance-item{display:grid;grid-template-columns:1fr;gap:15px;padding:15px 0;border-bottom:1px solid #E9E9E9}.article-template__content .glance-item:last-child{border-bottom:none}@media screen and (min-width: 768px){.article-template__content .glance-item{grid-template-columns:200px 1fr;gap:20px}}.article-template__content .glance-label{font-weight:700;color:#1a1a1a;font-size:1.5rem;font-family:Muli,sans-serif}.article-template__content .glance-value{color:#6a6a6a;font-size:1.4rem;line-height:1.6}.article-template__content .glance-value.highlight{background:linear-gradient(120deg,#B9D1DB 0%,transparent 100%);padding:8px 12px;border-radius:6px;font-weight:500}.article-template__content .glance-value.highlight:before{content:"\1fab7  ";font-size:1.6rem}@media screen and (min-width: 768px){.article-template__content .at-a-glance-box{padding:40px}.article-template__content .at-a-glance-content{padding:25px 30px}.article-template__content .glance-label{font-size:1.6rem}.article-template__content .glance-value{font-size:1.5rem}}.article-template__content .winner-box{background:#ffc50d;border:3px solid #1A1A1A;border-radius:12px;padding:30px;margin:30px 0;text-align:center;box-shadow:0 6px 16px #ffc50d66;display:grid;gap:15px}@media screen and (min-width: 768px){.article-template__content .winner-box{grid-template-columns:auto 1fr;text-align:left;align-items:center;padding:25px 35px}}.article-template__content .winner-icon{font-size:4rem;line-height:1}.article-template__content .winner-content h3{font-family:Muli,sans-serif;font-size:1.8rem;font-weight:800;color:#1a1a1a;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px}.article-template__content .winner-content p{font-size:1.4rem;color:#1a1a1a;line-height:1.5;margin:0;font-weight:500}@media screen and (min-width: 768px){.article-template__content .winner-content h3{font-size:2rem}.article-template__content .winner-content p{font-size:1.5rem}}.article-template__content .key-differences{background:#faf0e4;border-left:5px solid #EBBAA9;border-radius:8px;padding:25px;margin:30px 0}.article-template__content .key-differences h3{font-family:Muli,sans-serif;font-size:2.1rem;font-weight:700;color:#1a1a1a;margin:0 0 20px}.article-template__content .key-differences ul{list-style:none;padding:0;margin:0}.article-template__content .key-differences li{padding:12px 0 12px 30px;font-size:1.4rem;color:#6a6a6a;line-height:1.7;position:relative}.article-template__content .key-differences li:before{content:"\2192";position:absolute;left:0;top:12px;color:#ebbaa9;font-weight:800;font-size:1.8rem}@media screen and (min-width: 768px){.article-template__content .key-differences{padding:30px}.article-template__content .key-differences h3{font-size:2.3rem}.article-template__content .key-differences li{font-size:1.5rem}}.article-template__content .price-comparison{display:grid;grid-template-columns:1fr;gap:20px;margin:30px 0}@media screen and (min-width: 768px){.article-template__content .price-comparison{grid-template-columns:repeat(2,1fr);gap:25px}}.article-template__content .price-box{background:#fff;border:2px solid #E9E9E9;border-radius:10px;padding:25px;text-align:center;transition:all .3s ease;position:relative}.article-template__content .price-box:hover{border-color:#b9d1db;transform:scale(1.02)}.article-template__content .price-box.featured{border-color:#b9d1db;border-width:3px;background:linear-gradient(135deg,#fff,#faf0e4)}.article-template__content .price-box.featured:before{content:"\1fab7";position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:2.5rem;background:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #B9D1DB}.article-template__content .price-box h4{font-family:Muli,sans-serif;font-size:2rem;font-weight:700;color:#1a1a1a;margin:0 0 15px}.article-template__content .price-amount{font-size:3.2rem;font-weight:800;color:#b9d1db;margin:15px 0;font-family:Muli,sans-serif}.article-template__content .price-box p{font-size:1.3rem;color:#6a6a6a;margin:10px 0 0}@media screen and (min-width: 768px){.article-template__content .price-box{padding:30px}.article-template__content .price-box h4{font-size:2.2rem}.article-template__content .price-amount{font-size:3.6rem}}.article-template__content .comparison-summary{background:linear-gradient(135deg,#fff,#f7e7e7);border:2px solid #EBBAA9;border-radius:12px;padding:30px;margin:40px 0;box-shadow:0 4px 12px #ebbaa933}.article-template__content .comparison-summary h3{font-family:Muli,sans-serif;font-size:2.4rem;font-weight:700;color:#1a1a1a;margin:0 0 25px;text-align:center}.article-template__content .summary-grid{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:20px}@media screen and (min-width: 768px){.article-template__content .summary-grid{grid-template-columns:repeat(2,1fr);gap:25px}}.article-template__content .summary-card{background:#fff;border-radius:8px;padding:20px;border:2px solid #E9E9E9}.article-template__content .summary-card h4{font-family:Muli,sans-serif;font-size:1.7rem;font-weight:700;color:#1a1a1a;margin:0 0 10px}.article-template__content .summary-card p{font-size:1.4rem;color:#6a6a6a;line-height:1.6;margin:0}.article-template__content .summary-final{background:#ffc50d;padding:15px 20px;border-radius:8px;text-align:center;font-size:1.5rem;font-weight:600;color:#1a1a1a}@media screen and (min-width: 768px){.article-template__content .comparison-summary{padding:40px}.article-template__content .comparison-summary h3{font-size:2.6rem}.article-template__content .summary-card{padding:25px}.article-template__content .summary-card h4{font-size:1.8rem}.article-template__content .summary-card p{font-size:1.5rem}.article-template__content .summary-final{font-size:1.6rem;padding:18px 25px}}.image-container{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:8px;margin:1.5rem 0;background:#faf0e4}.image-container img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.image-container.with-caption{margin-bottom:.5rem}.image-caption{font-size:.875rem;color:#6a6a6a;font-style:italic;text-align:center;margin-top:.5rem;margin-bottom:1.5rem}.image-container.full-width{margin-left:-1rem;margin-right:-1rem;width:calc(100% + 2rem);border-radius:0}@media (min-width: 768px){.image-container.full-width{margin-left:0;margin-right:0;width:100%;border-radius:8px}}.image-container.bordered{border:2px solid #B9D1DB}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-blog-post.css.map */