.article{display:flow-root}.article-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.95rem;gap:4px}.article-date{font-weight:500}.article-author{color:var(--color-text-muted)}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--color-text);font-weight:400;margin:0 0 20px;overflow-wrap:break-word}.article-content h1{font-size:2.23125rem;line-height:1.2}.article-content h2{font-size:1.7rem;line-height:1.3}.article-content h3{font-size:1.5rem;line-height:1.4}.article-content h4{font-size:1.25rem;line-height:1.4}.article-content address,.article-content dl,.article-content fieldset,.article-content figure,.article-content ol,.article-content p,.article-content pre,.article-content ul{margin:0 0 20px}.article-content p{line-height:1.8}.article-content ol,.article-content ul{padding-left:30px}.article-content ul{list-style-type:disc}.article-content ol{list-style-type:decimal}.article-content li{margin-bottom:10px}.article-content a{color:var(--primary-color);text-decoration:underline}.article-content a:hover{color:var(--primary-dark)}.article-content table{border-collapse:collapse;margin-bottom:20px;width:100%}.article-content td,.article-content th{border:1px solid var(--color-border);padding:12px}.article-content th{background-color:var(--color-bg-subtle);font-weight:600}.tag-chip{background:var(--color-bg-subtle);border:1px solid var(--card-border);border-radius:16px;color:var(--color-text-secondary);display:inline-block;font-size:.875rem;margin-bottom:8px;margin-right:8px;padding:4px 12px;transition:border-color var(--transition-fast)}.tag-chip:hover{border-color:var(--card-border-hover)}.heading-medium{font-size:2.5rem;font-weight:400;line-height:1.2}.margin-medium-top{margin-top:40px!important}.margin-medium-bottom{margin-bottom:40px!important}.margin-small-top{margin-top:15px!important}.margin-small-bottom{margin-bottom:15px!important}.margin-small-right{margin-right:15px!important}.full-width{width:100%}.border-rounded{border-radius:5px}.text-center{text-align:center}.italic{font-style:italic}.section{padding-bottom:40px;padding-top:40px}.button{border:none;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-block;font:inherit;font-size:14px;line-height:38px;margin:0;overflow:visible;padding:0 30px;text-align:center;text-decoration:none;text-transform:none;vertical-align:middle}.button-text{background:none;color:var(--primary-color);line-height:1.5;padding:0;position:relative}.button-text:hover{color:var(--primary-dark)}.back-button{margin-bottom:20px}.back-link{align-items:center;color:var(--color-text-secondary);display:inline-flex;font-size:.95rem;font-weight:500;padding:8px 0;position:relative;text-decoration:none;transition:color var(--transition-fast)}.back-link:after{background:var(--primary-color);bottom:4px;content:"";height:2px;left:0;position:absolute;transition:width var(--transition-base) ease;width:0}.back-link:hover{color:var(--color-text)}.back-link:hover:after{width:100%}.back-icon{font-size:1.1rem;margin-right:8px;transition:transform var(--transition-fast) ease}.back-link:hover .back-icon{transform:translate(-4px)}.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;font-size:.9rem;margin-bottom:20px}.breadcrumb-link{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary-dark);text-decoration:underline}.breadcrumb-separator{color:var(--color-text-muted);margin:0 8px}.breadcrumb-current{color:var(--color-text-secondary);font-weight:500}h1,h2,h3{text-transform:none}.blog-pagination{clear:both;display:flow-root;width:100%}.blog-pagination,.related-posts{border-top:1px solid var(--color-border-light);padding-top:30px}.related-title{font-size:1.6rem;margin-bottom:18px}.related-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.related-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;display:block;padding:14px;text-decoration:none;transition:box-shadow .25s ease,border-color .25s ease,transform .25s ease}.related-card:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.related-label{color:var(--color-text-muted);display:inline-block;font-size:.75rem;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.related-card-title{color:var(--color-text);font-size:1rem;line-height:1.4;margin:0 0 8px;text-transform:none}.related-card-excerpt{color:var(--color-text-secondary);display:-webkit-box;font-size:.9rem;-webkit-line-clamp:3;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.blog-pagination-container{display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;width:100%}.blog-pagination-container:has(>:only-child){grid-template-columns:minmax(0,1fr)}.blog-pagination-container>.pagination-link:only-child{grid-column:1}.blog-pagination-container>.pagination-link{margin:0;max-width:100%;min-width:0}.pagination-link{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;color:var(--color-text);display:flex;padding:20px;text-decoration:none;transition:border-color .25s ease,box-shadow .25s ease}.next-article{grid-column:2}.pagination-link:hover{border-color:var(--card-border-hover);box-shadow:var(--card-shadow-hover)}.pagination-arrow{color:var(--color-text-muted);flex-shrink:0;font-size:1.3rem;transition:transform .25s ease,color .25s ease}.pagination-link:hover .pagination-arrow{color:var(--primary-color)}.prev-article:hover .pagination-arrow{transform:translate(-4px)}.next-article:hover .pagination-arrow{transform:translate(4px)}.prev-article .pagination-arrow{margin-right:14px}.next-article .pagination-arrow{margin-left:14px}.pagination-content{display:flex;flex:1;flex-direction:column;min-width:0}.pagination-label{color:var(--color-text-muted);font-size:.8rem;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.pagination-title{color:var(--color-text);display:-webkit-box;font-weight:500;-webkit-line-clamp:2;line-height:1.4;overflow-wrap:anywhere;-webkit-box-orient:vertical;overflow:hidden}.pagination-link:hover .pagination-title{color:var(--primary-color)}.next-article .pagination-content{text-align:right}@media screen and (max-width:767px){.heading-medium{font-size:1.8rem!important}.blog-pagination-container{gap:12px;grid-template-columns:minmax(0,1fr)}.next-article{grid-column:1}.related-grid{grid-template-columns:1fr}.pagination-link{padding:16px}}
