.blog-post,.featured-image{width:100%;border-radius:16px;box-shadow:var(--shadow-lg)}.blog-post a,.cta-button,.related-card,.table-of-contents a{text-decoration: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);padding:clamp(2rem,5vw,3rem) clamp(1.5rem,4vw,2.5rem);animation:.6s fadeInUp}.post-meta{display:flex;flex-wrap:wrap;gap:clamp(1rem,2.5vw,1.5rem);align-items:center;padding-bottom:clamp(.75rem,2vw,1rem);border-bottom:2px solid var(--border-color)}.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 p,.intro-text,.table-of-contents h3{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);overflow:hidden;margin:clamp(1.5rem,3vw,2rem) 0;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.case-type-card,.table-of-contents{border:2px solid var(--border-color);padding:clamp(1.25rem,3vw,2rem);width:100%}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.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-left:4px solid var(--primary-color);border-radius:12px;margin:clamp(1.5rem,3vw,2rem) 0}.table-of-contents h3{margin-top:0;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}.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;color:var(--text-color)}.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 ol ul{margin-top:.5rem}.blog-post a{color:var(--primary-color);font-weight:600;transition:.3s;border-bottom:2px solid #fff0;font-size:clamp(.95rem, 2.8vw, 1rem)}.case-type-card 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)}.case-type-card{background:var(--bg-color);border-left:4px solid var(--primary-color);border-radius:12px;margin:clamp(1.5rem,3vw,2rem) 0;transition:.3s}.case-type-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow);transform:translateY(-3px)}.case-type-card h3{margin-top:0;font-size:clamp(1.25rem, 4vw, 1.4rem);margin-bottom:clamp(.75rem,2vw,1rem)}.case-type-card p{font-size:clamp(.9rem, 2.5vw, 1rem);margin-bottom:clamp(.5rem,1.5vw,.75rem)}.example-box{background:#fff;border:2px solid var(--border-color);border-radius:8px;padding:clamp(1rem,2.5vw,1.25rem);margin-top:clamp(1rem,2.5vw,1.5rem);width:100%}.info-box,.tip-box{padding:clamp(1rem,3vw,1.5rem)}.cta-box,.info-box,.tip-box{margin:clamp(1.5rem,3vw,2rem) 0;width:100%}.example-box p{margin-bottom:.5rem;font-size:clamp(.85rem, 2.5vw, .95rem)}.example-box p:last-child,.guideline-table p:last-child{margin-bottom:0}.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}.info-box p,.tip-box p{margin:0;font-size:clamp(.95rem, 2.5vw, 1rem)}.bad-example p:first-child,.cta-box h3,.good-example p:first-child{margin-bottom:clamp(.75rem,2vw,1rem)}.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}.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:#000;border-radius:12px;font-weight:700;font-size:clamp(.95rem, 2.5vw, 1.05rem);box-shadow:var(--shadow);transition:.3s;position:relative;overflow:hidden;border-bottom:none!important;min-height:48px}.example-comparison,.related-grid{display:grid;grid-template-columns:1fr;gap:clamp(1rem,2.5vw,1.5rem)}.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)}.guideline-table{background:var(--bg-color);border:2px solid var(--border-color);border-radius:12px;padding:clamp(1rem,3vw,1.5rem);margin:clamp(1.25rem,3vw,1.5rem) 0;width:100%}.guideline-table p{padding:clamp(.6rem,2vw,.75rem);margin-bottom:.5rem;background:#fff;border-left:3px solid var(--primary-color);border-radius:6px;font-size:clamp(.9rem, 2.5vw, .95rem)}.example-comparison{margin:clamp(1.5rem,3vw,2rem) 0}.bad-example,.good-example{padding:clamp(1rem,3vw,1.5rem);border-radius:12px;border:2px solid}.bad-example{background:rgb(239 68 68 / .05);border-color:#ef4444}.bad-example p:first-child{color:#ef4444;font-weight:700;font-size:clamp(1rem, 3vw, 1.1rem)}.good-example{background:rgb(16 185 129 / .05);border-color:var(--success-color)}.good-example p:first-child{color:var(--success-color);font-weight:700;font-size:clamp(1rem, 3vw, 1.1rem)}.bad-example p,.good-example p{margin-bottom:.5rem;font-size:clamp(.9rem, 2.5vw, 1rem)}.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-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)}.example-comparison,.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){.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)}.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}.example-comparison,.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}.case-type-card,.cta-box,.guideline-table,.info-box,.table-of-contents,.tip-box{padding:clamp(1rem,3vw,1.25rem);border-radius:10px}.example-box,.related-card{padding:clamp(.85rem,2.5vw,1rem)}.bad-example p:first-child,.good-example p:first-child{font-size:clamp(.95rem, 3vw, 1.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}}