.post-section ol li,.post-section ul li,.table-of-contents ul li{margin-bottom:clamp(.5rem,1.5vw,.75rem)}.cta-button,.intro-text a,.post-section a,.related-card,.table-of-contents a{text-decoration:none;transition:.3s}.blog-post-container{max-width:min(92%,900px);margin:clamp(1.5rem,4vw,2rem) auto;padding:clamp(1.25rem,3vw,2rem);background:var(--card-bg);border-radius:16px;box-shadow:var(--shadow-lg);animation:.6s fadeIn;overflow:hidden}.blog-post h1,.post-meta{margin-bottom:clamp(1rem,2.5vw,1.5rem)}.blog-post{color:var(--text-color);overflow-wrap:break-word;word-wrap:break-word}.post-meta{display:flex;gap:clamp(.75rem,2vw,1.5rem);flex-wrap:wrap;padding-bottom:clamp(.75rem,2vw,1rem);border-bottom:2px solid var(--border-color);align-items:center}.post-meta span{color:var(--text-light);font-size:clamp(.85rem, 2.5vw, .9rem);font-weight:500}.post-date,.read-time{display:inline-flex;align-items:center;gap:.25rem}.example-comparison,.related-grid{grid-template-columns:1fr;gap:clamp(.75rem,2vw,1rem)}.blog-post h1{font-size:clamp(1.65rem, 4.5vw, 2rem);color:var(--primary-color);line-height:1.3;font-weight:700;letter-spacing:-.01em}.featured-image{width:100%;margin:clamp(1.5rem,3vw,2rem) 0;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.featured-image img{width:100%;height:auto;display:block;object-fit:cover}.post-section{margin:clamp(2rem,4vw,2.5rem) 0}.post-section h2{font-size:clamp(1.4rem, 3.5vw, 1.75rem);color:var(--primary-dark);margin-bottom:clamp(.75rem,2vw,1rem);font-weight:700;padding-bottom:.5rem;border-bottom:3px solid var(--primary-color)}.post-section h3{font-size:clamp(1.15rem, 3vw, 1.35rem);color:var(--text-color);margin:clamp(1.25rem,3vw,1.5rem) 0 clamp(.75rem,2vw,1rem);font-weight:600}.post-section p{margin-bottom:1rem;line-height:1.8;color:var(--text-color);font-size:clamp(.95rem, 2.5vw, 1rem)}.info-box p,.post-section ol li,.post-section ul li,.tip-box p{line-height:1.7;color:var(--text-color);font-size:clamp(.9rem, 2.5vw, .95rem)}.intro-text{font-size:clamp(1rem, 2.8vw, 1.15rem);font-weight:500;color:var(--text-color);line-height:1.8;margin-bottom:clamp(1.25rem,3vw,1.5rem);padding:clamp(.85rem,2.5vw,1rem);background:linear-gradient(135deg,rgb(99 102 241 / .05) 0,rgb(236 72 153 / .05) 100%);border-left:4px solid var(--primary-color);border-radius:8px;overflow-wrap:break-word}.info-box,.table-of-contents,.tip-box{border-radius:12px;border-left:4px solid var(--primary-color)}.table-of-contents{background:linear-gradient(135deg,rgb(99 102 241 / .08) 0,rgb(236 72 153 / .08) 100%);padding:clamp(1rem,3vw,1.5rem);margin:clamp(1.5rem,3vw,2rem) 0;box-shadow:var(--shadow);overflow-wrap:break-word}.case-type-card,.info-box,.tip-box{margin:clamp(1.25rem,3vw,1.5rem) 0;box-shadow:var(--shadow);overflow-wrap:break-word}.table-of-contents h3{color:var(--primary-dark);font-size:clamp(1.1rem, 3vw, 1.25rem);margin-bottom:clamp(.75rem,2vw,1rem);font-weight:700}.table-of-contents ul{list-style:none;padding:0;margin:0}.table-of-contents ul li{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-size:clamp(.65rem, 2vw, .75rem);top:.35em}.table-of-contents a{color:var(--text-color);font-weight:500;display:inline-block;padding:.15em 0}.table-of-contents a:hover{color:var(--primary-color);padding-left:.5rem}.info-box,.tip-box{padding:clamp(1rem,3vw,1.25rem)}.info-box{background:linear-gradient(135deg,rgb(99 102 241 / .1) 0,rgb(99 102 241 / .05) 100%)}.tip-box{background:linear-gradient(135deg,rgb(236 72 153 / .1) 0,rgb(236 72 153 / .05) 100%);border-left-color:var(--accent-color)}.info-box p,.tip-box p{margin:0}.guideline-table strong,.info-box strong,.tip-box strong{color:var(--primary-dark);font-weight:700}.post-section ol,.post-section ul{margin:clamp(.75rem,2vw,1rem) 0 clamp(1rem,2.5vw,1.5rem) clamp(1rem,3vw,1.5rem);padding-left:clamp(.5rem,2vw,1rem)}.case-type-card h3,.case-type-card p{margin-bottom:clamp(.75rem,2vw,1rem)}.post-section ol li strong,.post-section ul li strong{color:var(--primary-dark);font-weight:600}.case-type-card{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:clamp(1.25rem,3vw,1.5rem);transition:.3s}.case-type-card:hover,.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.case-type-card h3{color:var(--primary-color);font-size:clamp(1.15rem, 3vw, 1.25rem)}.example-box code,.example-box strong{color:var(--primary-dark)}.case-type-card p,.example-box p{font-size:clamp(.9rem, 2.5vw, .95rem)}.bad-example p,.example-box p,.good-example p{margin-bottom:.5rem}.case-type-card ol{margin-left:clamp(1rem,3vw,1.5rem)}.example-box{background:linear-gradient(135deg,rgb(99 102 241 / .05) 0,rgb(236 72 153 / .05) 100%);padding:clamp(.75rem,2.5vw,1rem);border-radius:8px;margin:clamp(.75rem,2vw,1rem) 0;border-left:3px solid var(--secondary-color);overflow-wrap:break-word}.example-box p{line-height:1.6}.example-box code{font-family:"Courier New",monospace;font-size:clamp(.8rem, 2.2vw, .9rem);background:rgb(99 102 241 / .1);padding:.2rem .4rem;border-radius:4px;word-break:break-all}.bad-example p,.good-example p,.guideline-table p{font-size:clamp(.9rem, 2.5vw, .95rem);line-height:1.6}.example-comparison{display:grid;margin:clamp(1.25rem,3vw,1.5rem) 0}.bad-example,.good-example{padding:clamp(1rem,3vw,1.25rem);border-radius:12px;border:2px solid;overflow-wrap:break-word}.bad-example{background:linear-gradient(135deg,rgb(239 68 68 / .05) 0,rgb(239 68 68 / .02) 100%);border-color:#ef4444}.good-example{background:linear-gradient(135deg,rgb(34 197 94 / .05) 0,rgb(34 197 94 / .02) 100%);border-color:#22c55e}.bad-example strong{color:#dc2626}.good-example strong{color:#16a34a}.guideline-table{background:var(--card-bg);border:2px solid var(--border-color);border-radius:12px;padding:clamp(1rem,3vw,1.5rem);margin:clamp(1.25rem,3vw,1.5rem) 0;overflow-wrap:break-word}.guideline-table p{margin-bottom:clamp(.75rem,2vw,1rem);padding:clamp(.6rem,2vw,.75rem);background:linear-gradient(135deg,rgb(99 102 241 / .05) 0,rgb(236 72 153 / .05) 100%);border-radius:8px;border-left:3px solid var(--primary-color)}.guideline-table p:last-child{margin-bottom:0}.cta-box{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;padding:clamp(1.5rem,4vw,2rem) clamp(1.25rem,3vw,2rem);border-radius:16px;text-align:center;margin:clamp(2rem,4vw,2.5rem) 0;box-shadow:var(--shadow-lg)}.cta-box h3{color:#fff;font-size:clamp(1.3rem, 4vw, 1.5rem);margin-bottom:clamp(.5rem,1.5vw,.75rem);line-height:1.3}.cta-box p,.related-posts h3{margin-bottom:clamp(1.25rem,3vw,1.5rem)}.cta-box p{color:rgb(255 255 255 / .9);font-size:clamp(.95rem, 2.5vw, 1.05rem);max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-flex;align-items:center;justify-content:center;padding:clamp(.8rem,2.5vw,.875rem) clamp(1.5rem,4vw,2rem);background:#fff;color:var(--primary-color);border-radius:8px;font-weight:700;font-size:clamp(.9rem, 2.5vw, 1rem);box-shadow:0 4px 6px rgb(0 0 0 / .1);min-height:48px;max-width:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px rgb(0 0 0 / .15)}.related-posts{margin-top:clamp(2.5rem,5vw,3rem);padding-top:clamp(1.5rem,3vw,2rem);border-top:3px solid var(--border-color)}.related-posts h3{font-size:clamp(1.3rem, 4vw, 1.5rem);color:var(--primary-dark);font-weight:700;text-align:center}.related-grid{display:grid}.related-card{background:linear-gradient(135deg,rgb(99 102 241 / .05) 0,rgb(236 72 153 / .05) 100%);padding:clamp(1rem,2.5vw,1.25rem);border-radius:12px;border:2px solid var(--border-color);box-shadow:var(--shadow);display:flex;flex-direction:column}.related-card h4{color:var(--primary-color);font-size:clamp(1rem, 2.8vw, 1.1rem);margin-bottom:.5rem;font-weight:600;line-height:1.3}.related-card p{color:var(--text-light);margin:0;font-size:clamp(.85rem, 2.5vw, .9rem);line-height:1.5}.intro-text a,.post-section a{color:var(--primary-color);font-weight:600;border-bottom:2px solid #fff0;word-break:break-word}.intro-text a:hover,.post-section a:hover{color:var(--primary-dark);border-bottom-color:var(--primary-color)}@media (min-width:640px){.example-comparison,.related-grid{grid-template-columns:repeat(2,1fr)}.blog-post-container{padding:clamp(1.75rem,3.5vw,2.5rem) clamp(1.5rem,4vw,2rem)}.related-grid{gap:clamp(1rem,2.5vw,1.25rem)}}@media (min-width:768px){.blog-post-container{padding:clamp(2rem,4vw,3rem) clamp(2rem,4vw,2.5rem);max-width:min(94%,900px)}.blog-post h1{font-size:clamp(2rem, 4vw, 2.75rem)}.post-meta{gap:clamp(1.25rem,3vw,2rem)}.related-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1.25rem,2.5vw,1.5rem)}}@media (min-width:1024px){.blog-post-container{padding:clamp(2.5rem,4vw,3.5rem) clamp(2.5rem,4vw,3rem);max-width:1000px}.blog-post h1{font-size:clamp(2.25rem, 3.5vw, 3rem)}.post-section h2{font-size:clamp(1.75rem, 3vw, 2.25rem)}}@media (max-width:639px){.post-meta{flex-direction:column;align-items:flex-start;gap:.5rem}.post-date,.read-time{width:100%;justify-content:flex-start}.cta-box{padding:clamp(1.25rem,4vw,1.75rem)}.cta-button{width:100%;text-align:center}.guideline-table,.info-box,.tip-box{padding:clamp(1rem,2.5vw,1.15rem)}}@media (max-width:479px){.blog-post-container{padding:clamp(1.15rem,2.5vw,1.5rem) clamp(.85rem,2.5vw,1.25rem);border-radius:12px}.post-section ol,.post-section ul{margin-left:clamp(.85rem,3vw,1.25rem);padding-left:clamp(.25rem,1.5vw,.75rem)}.table-of-contents ul li{padding-left:clamp(1.1rem,2.5vw,1.4rem)}.table-of-contents ul li::before{left:.15rem}.example-box{padding:clamp(.65rem,2.5vw,.85rem)}.related-card{padding:clamp(.85rem,2.5vw,1rem)}}.case-type-card,.info-box,.related-card,.tip-box{animation:.6s backwards fadeIn}.case-type-card:first-of-type{animation-delay:.1s}.case-type-card:nth-of-type(2){animation-delay:.2s}.case-type-card:nth-of-type(3){animation-delay:.3s}.case-type-card:nth-of-type(4){animation-delay:.4s}.case-type-card:nth-of-type(5){animation-delay:.5s}.cta-button:focus,.post-section a:focus,.related-card:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){.case-type-card,.info-box,.related-card,.tip-box{animation:none}}