.article-page{max-width:1200px;margin:0 auto;padding:0 20px}.article-header{max-width:840px;margin:40px auto 32px;text-align:center}.article-title{font-size:clamp(32px,5vw,48px);font-weight:700;color:#1f2937;margin:0 0 20px;line-height:1.2}.article-excerpt{font-size:20px;color:#6b7280;line-height:1.6;margin:0 0 24px}.article-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.article-tag{display:inline-block;padding:6px 16px;background:#f3f4f6;color:#6b7280;border-radius:20px;font-size:14px;text-decoration:none;transition:all .2s ease}.article-tag:hover{background:var(--color-primary, #dc2626);color:#fff}.article-featured-image{max-width:1000px;margin:40px auto;border-radius:12px;overflow:hidden}.article-featured-image img{width:100%;height:auto;display:block}.article-content{max-width:840px;margin:0 auto;padding:40px 0 80px}.article-body{font-size:18px;line-height:1.8;color:#1f2937}.article-body h2{font-size:32px;font-weight:700;color:#1f2937;margin-top:48px;line-height:1.3}.article-body h3,.article-body h4{font-size:26px;font-weight:600;color:#1f2937;margin-top:40px;margin-bottom:16px;line-height:1.3}.article-body h4{font-size:22px;margin-top:32px;margin-bottom:12px}.article-body h2,.article-body p{margin-bottom:20px}.article-body ol,.article-body ul{margin:24px 0;padding-left:28px}.article-body li{margin-bottom:12px;line-height:1.7}.article-body a{color:var(--color-primary, #dc2626);text-decoration:underline;transition:opacity .2s}.article-body a:hover{opacity:.8}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:32px 0}.article-body blockquote{border-left:4px solid var(--color-primary, #dc2626);padding:20px 0 20px 24px;margin:32px 0;font-style:italic;font-size:20px;color:#4b5563;background:#f9fafb;border-radius:0 8px 8px 0}.article-body blockquote p:last-child{margin-bottom:0}.article-body pre{background:#1f2937;color:#f3f4f6;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0;font-size:15px;line-height:1.6}.article-body code{background:#f3f4f6;color:#dc2626;padding:2px 6px;border-radius:4px;font-size:.9em;font-family:"Courier New",monospace}.article-body pre code{background:0 0;color:inherit;padding:0}.article-body table{width:100%;border-collapse:collapse;margin:32px 0}.article-body td,.article-body th{padding:12px 16px;text-align:left;border-bottom:1px solid #e5e7eb}.article-body th{background:#f9fafb;font-weight:600;color:#1f2937}.article-body tr:last-child td{border-bottom:none}.article-footer{max-width:840px;margin:0 auto;padding:40px 0;border-top:1px solid #e5e7eb}.article-share{text-align:center}.article-share-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 16px}.article-share-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.back-to-blog a,.share-button{display:inline-flex;align-items:center;gap:8px;font-size:15px;text-decoration:none;transition:all .2s ease}.share-button{padding:10px 20px;border-radius:8px;font-weight:600}.share-button svg{width:20px;height:20px}.share-button-facebook{background:#1877f2;color:#fff}.share-button-facebook:hover{background:#155db2}.share-button-twitter{background:#1da1f2;color:#fff}.share-button-twitter:hover{background:#1a8cd8}.share-button-pinterest{background:#e60023;color:#fff}.share-button-pinterest:hover{background:#bd001c}.share-button-email{background:#6b7280;color:#fff}.share-button-email:hover{background:#4b5563}.back-to-blog{max-width:840px;margin:0 auto 40px}.back-to-blog a{color:#6b7280;font-weight:500}.back-to-blog a:hover{gap:12px}.back-to-blog svg{width:16px;height:16px}.related-articles{background:#f9fafb;padding:60px 0;margin-top:60px}.related-articles-inner{max-width:1200px;margin:0 auto;padding:0 20px}.related-articles-title{font-size:32px;font-weight:700;color:#1f2937;text-align:center;margin:0 0 40px}.related-articles-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:24px}@media (min-width:768px){.related-articles-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.related-articles-grid{grid-template-columns:repeat(3,1fr)}}.related-article-card{background:#fff;border-radius:12px;overflow:hidden;transition:all .3s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.related-article-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-4px)}.related-article-image{position:relative;width:100%;padding-bottom:66.67%;overflow:hidden;background:#f3f4f6}.related-article-image img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.related-article-card:hover .related-article-image img{transform:scale(1.05)}.related-article-content{padding:20px}.related-article-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.related-article-title a{color:inherit;text-decoration:none;transition:color .2s ease}.back-to-blog a:hover,.related-article-title a:hover{color:var(--color-primary, #dc2626)}.related-article-date{font-size:14px;color:#6b7280}@media (max-width:767px){.article-header{margin-top:24px}.article-title{font-size:32px}.article-excerpt{font-size:18px}.article-body{font-size:17px}.article-body h2{font-size:28px;margin-top:40px}.article-body h3{font-size:24px;margin-top:32px}.article-body h4{font-size:20px;margin-top:28px}.article-content{padding:24px 0 60px}.related-articles{padding:40px 0;margin-top:40px}.related-articles-title{font-size:28px;margin-bottom:24px}}