.blog-post,.featured-image{box-shadow:var(--shadow-lg)}.combo-preview,.post-meta{gap:clamp(.75rem,2vw,1rem)}.blog-post a,.cta-button,.related-card,.table-of-contents a{text-decoration:none}.ad-sidebar{width:300px;max-width:300px;margin:0 auto}@media (max-width:1023px){.ad-sidebar{display:none}}.blog-post-container{max-width:900px;margin:clamp(2rem,5vw,3rem) auto;padding:0 clamp(1rem,4vw,1.5rem);width:100%}.blog-post h1,.post-meta{margin-bottom:clamp(1.5rem,3vw,2rem)}.blog-post{background:var(--card-bg);border-radius:16px;padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem);animation:.6s fadeInUp;width:100%}.category-badge,.featured-image{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.post-meta{display:flex;flex-wrap:wrap;align-items:center;padding-bottom:clamp(.75rem,2vw,1rem);border-bottom:2px solid var(--border-color)}.featured-image,.table-of-contents{margin:clamp(1.5rem,3vw,2rem) 0;width:100%}.category-badge{display:inline-block;padding:clamp(.4rem,1.5vw,.5rem) clamp(.85rem,2.5vw,1.25rem);color:#fff;font-weight:600;font-size:clamp(.75rem, 2.2vw, .85rem);border-radius:20px;text-transform:uppercase;letter-spacing:.5px;min-height:36px;display:inline-flex;align-items:center}.post-date,.read-time{font-size:clamp(.85rem, 2.5vw, .95rem);color:var(--text-light);font-weight:500}.blog-post h1{font-size:clamp(1.75rem, 6vw, 2.5rem);color:var(--primary-color);line-height:1.3;font-weight:800;word-wrap:break-word}.blog-post h2,.blog-post h3,.blog-post ol li,.blog-post p,.blog-post ul li,.intro-text{color:var(--text-color)}.blog-post h2{font-size:clamp(1.5rem, 5vw, 2rem);margin-top:clamp(2rem,4vw,3rem);margin-bottom:clamp(1rem,2.5vw,1.5rem);padding-bottom:.75rem;border-bottom:3px solid var(--primary-color);font-weight:700;line-height:1.3}.blog-post h3{font-size:clamp(1.25rem, 4vw, 1.5rem);margin-top:clamp(1.5rem,3vw,2rem);margin-bottom:clamp(.75rem,2vw,1rem);font-weight:600;line-height:1.4}.blog-post p{font-size:clamp(1rem, 2.8vw, 1.1rem);line-height:1.8;margin-bottom:clamp(1rem,2.5vw,1.5rem);word-wrap:break-word}.intro-text{font-size:clamp(1.1rem, 3.2vw, 1.2rem);font-weight:500;line-height:1.9}.featured-image{height:clamp(200px,40vw,400px);border-radius:16px;overflow:hidden}.color-combo-card:hover,.color-swatch,.combo-list ul li:hover,.cta-button{box-shadow:var(--shadow)}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.color-swatch:hover,.featured-image:hover img{transform:scale(1.05)}.table-of-contents{background:linear-gradient(135deg,rgb(99 102 241 / .05) 0,rgb(139 92 246 / .05) 100%);border:2px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:12px;padding:clamp(1.25rem,3vw,2rem)}.combo-details h3,.table-of-contents h3{margin-top:0;color:var(--text-color);font-size:clamp(1.15rem, 3.5vw, 1.3rem);margin-bottom:clamp(.75rem,2vw,1rem)}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents ul li{margin-bottom:clamp(.5rem,1.5vw,.75rem);padding-left:clamp(1.25rem,3vw,1.5rem);position:relative;font-size:clamp(.9rem, 2.5vw, .95rem)}.table-of-contents ul li::before{content:"→";position:absolute;left:0;color:var(--primary-color);font-weight:700}.table-of-contents a{color:var(--primary-color);font-weight:600;transition:.3s;font-size:clamp(.9rem, 2.5vw, .95rem)}.table-of-contents a:hover{color:var(--primary-dark);padding-left:.5rem}.post-section{margin:clamp(2rem,4vw,3rem) 0}.color-combo-card,.info-box{margin:clamp(1.5rem,3vw,2rem) 0;width:100%}.blog-post ol,.blog-post ul{margin-left:clamp(1.5rem,4vw,2rem);margin-bottom:clamp(1rem,2.5vw,1.5rem)}.blog-post ol li,.blog-post ul li{margin-bottom:clamp(.75rem,2vw,1rem);font-size:clamp(.95rem, 2.8vw, 1.05rem);line-height:1.8}.blog-post ol li::marker,.blog-post ul li::marker{color:var(--primary-color)}.blog-post ol li::marker{font-weight:700}.blog-post li strong,.blog-post strong{color:var(--primary-color);font-weight:700}.blog-post a{color:var(--primary-color);font-weight:600;transition:.3s;border-bottom:2px solid #fff0;font-size:clamp(.95rem, 2.8vw, 1rem)}.combo-list h3,.cta-box h3,.info-box p,.related-posts h3,.tip-box p{color:var(--text-color)}.blog-post a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-color)}.info-box{background:linear-gradient(135deg,rgb(16 185 129 / .05) 0,rgb(5 150 105 / .05) 100%);border:2px solid var(--success-color);border-left:4px solid var(--success-color);border-radius:12px;padding:clamp(1rem,3vw,1.5rem)}.color-combo-card,.combo-list{background:var(--bg-color);padding:clamp(1.25rem,3vw,2rem)}.info-box p,.tip-box p{margin:0;font-size:clamp(.95rem, 2.5vw, 1rem)}.color-combo-card{border:2px solid var(--border-color);border-radius:12px;transition:.3s}.color-combo-card:hover{border-color:var(--primary-color);transform:translateY(-3px)}.combo-preview{display:flex;margin-bottom:clamp(1rem,2.5vw,1.5rem);flex-wrap:wrap}.combo-list,.cta-box,.tip-box{margin:clamp(1.5rem,3vw,2rem) 0;width:100%}.color-swatch{flex:1;min-width:80px;height:clamp(60px,12vw,80px);border-radius:8px;transition:transform .3s}.combo-details p{font-size:clamp(.9rem, 2.5vw, 1rem);margin-bottom:clamp(.5rem,1.5vw,.75rem)}.combo-list{border:2px solid var(--border-color);border-radius:12px}.combo-list h3{margin-top:0;font-size:clamp(1.15rem, 3.5vw, 1.3rem);margin-bottom:clamp(1rem,2.5vw,1.5rem)}.combo-list ul li,.cta-box h3{margin-bottom:clamp(.75rem,2vw,1rem)}.combo-list ul{margin-left:0;list-style:none}.combo-list ul li{padding:clamp(.75rem,2vw,1rem);background:#fff;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:8px;transition:.3s;font-size:clamp(.9rem, 2.5vw, .95rem)}.combo-list ul li:hover{border-color:var(--primary-color);transform:translateX(5px)}.cta-box{background:linear-gradient(135deg,rgb(99 102 241 / .1) 0,rgb(139 92 246 / .1) 100%);border:2px solid var(--primary-color);border-radius:12px;padding:clamp(1.5rem,4vw,2rem);text-align:center}.cta-box h3{margin-top:0;font-size:clamp(1.25rem, 4vw, 1.5rem)}.cta-box p{margin-bottom:clamp(1rem,2.5vw,1.5rem);font-size:clamp(.95rem, 2.5vw, 1rem)}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.85rem,2.5vw,1rem) clamp(1.75rem,4vw,2.5rem);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;border-radius:12px;font-weight:700;font-size:clamp(.95rem, 2.5vw, 1.05rem);transition:.3s;position:relative;overflow:hidden;min-height:48px}.cta-button::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .3),transparent);transition:left .5s}.cta-button:hover::before{left:100%}.cta-button:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tip-box{background:linear-gradient(135deg,rgb(255 193 7 / .1) 0,rgb(255 152 0 / .1) 100%);border:2px solid #ffc107;border-left:4px solid #ffc107;border-radius:12px;padding:clamp(1rem,3vw,1.5rem)}.related-posts{margin-top:clamp(3rem,6vw,4rem);padding-top:clamp(2rem,4vw,3rem);border-top:3px solid var(--border-color)}.related-posts h3{font-size:clamp(1.4rem, 4.5vw, 1.8rem);margin-bottom:clamp(1.5rem,3vw,2rem);text-align:center}.related-grid{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.5rem)}.related-card{padding:clamp(1rem,2.5vw,1.5rem);background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;transition:.3s}.related-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-5px)}.related-card h4{color:var(--primary-color);font-size:clamp(1.05rem, 3vw, 1.2rem);margin-bottom:.5rem}.related-card p{color:var(--text-light);margin:0;font-size:clamp(.85rem, 2.5vw, .95rem)}@media (min-width:640px){.blog-post h1{font-size:clamp(2.25rem, 5vw, 3rem)}.blog-post h2{font-size:clamp(1.75rem, 4vw, 2.2rem)}.related-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.blog-post{padding:clamp(3rem,5vw,4rem) clamp(2.5rem,5vw,3.5rem)}.blog-post h1{font-size:clamp(2.5rem, 4.5vw, 3.5rem)}.featured-image{height:clamp(300px,45vw,500px)}.related-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.ad-sidebar{position:sticky;top:100px;width:300px;max-width:300px}.blog-post h1{font-size:clamp(2.75rem, 4vw, 3.5rem)}.blog-post h2{font-size:clamp(1.85rem, 3.5vw, 2.2rem)}}@media (max-width:639px){.blog-post-container{margin:2rem auto;padding:0 1rem}.blog-post{padding:clamp(1.5rem,4vw,2rem) clamp(1rem,3vw,1.5rem)}.blog-post h1{font-size:clamp(1.5rem, 6vw, 2rem)}.blog-post h2{font-size:clamp(1.35rem, 5vw, 1.5rem)}.featured-image{height:clamp(180px,45vw,250px)}.combo-preview{flex-direction:column}.color-swatch{height:clamp(50px,12vw,60px)}.post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.table-of-contents ul li{padding-left:1.25rem}.table-of-contents ul li::before{left:0}.cta-button{width:100%;max-width:320px}.related-grid{grid-template-columns:1fr}}@media (max-width:479px){.blog-post-container{padding:0 .75rem}.blog-post{padding:1.25rem 1rem;border-radius:12px}.blog-post h1{font-size:clamp(1.4rem, 6.5vw, 1.8rem)}.blog-post h2{font-size:clamp(1.25rem, 5.5vw, 1.4rem)}.blog-post h3{font-size:clamp(1.15rem, 4.5vw, 1.3rem)}.blog-post p{font-size:clamp(.95rem, 3vw, 1rem)}.featured-image{height:clamp(150px,50vw,200px);border-radius:12px}.color-combo-card,.combo-list,.cta-box,.info-box,.table-of-contents,.tip-box{padding:clamp(1rem,3vw,1.25rem);border-radius:10px}.combo-list ul li{padding:clamp(.6rem,2vw,.75rem)}.related-card{padding:clamp(.85rem,2.5vw,1rem)}.related-card h4{font-size:clamp(1rem, 3vw, 1.1rem)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}