.blogpost-page{max-width:900px;margin:0 auto;padding:20px 20px 60px}.blogpost-breadcrumb{margin-bottom:24px}.blogpost-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--color-text-body);text-decoration:none;font-size:14px;transition:color .2s}.blogpost-breadcrumb a:hover{color:var(--color-gold)}.blogpost-hero{width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;margin-bottom:32px}.blogpost-hero img{width:100%;height:100%;object-fit:cover}.blogpost-header{margin-bottom:32px}.blogpost-category{display:inline-block;background:var(--color-bg-warm);color:var(--color-text-body);padding:6px 14px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.blogpost-header h1{font-size:36px;font-weight:700;color:var(--color-text-primary);line-height:1.3;margin:0 0 20px}.blogpost-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;color:var(--color-text-body)}.blogpost-author{display:flex;align-items:center;gap:8px;color:var(--color-text-primary);text-decoration:none;font-weight:500}a.blogpost-author:hover{color:var(--color-gold)}.blogpost-author-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}.blogpost-date,.blogpost-views{display:flex;align-items:center;gap:6px}.blogpost-share-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-bg-section);border:none;border-radius:6px;color:var(--color-text-body);font-size:14px;cursor:pointer;transition:all .2s;margin-left:auto}.blogpost-share-btn:hover{background:var(--color-border);color:var(--color-text-primary)}.blogpost-content{font-size:17px;line-height:1.8;color:var(--color-text-primary);margin-bottom:40px}.blogpost-content p{margin:0 0 24px}.blogpost-content p:last-child{margin-bottom:0}.blogpost-content h2{font-size:28px;font-weight:700;color:var(--color-text-primary);margin:40px 0 20px;line-height:1.3}.blogpost-content h3{font-size:22px;font-weight:600;color:var(--color-text-primary);margin:32px 0 16px;line-height:1.4}.blogpost-content h4{font-size:18px;font-weight:600;color:var(--color-text-primary);margin:24px 0 12px}.blogpost-content ul,.blogpost-content ol{margin:0 0 24px;padding-left:24px}.blogpost-content li{margin-bottom:8px}.blogpost-content li:last-child{margin-bottom:0}.blogpost-content ul li{list-style-type:disc}.blogpost-content ol li{list-style-type:decimal}.blogpost-content a{color:var(--color-gold);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}.blogpost-content a:hover{border-bottom-color:var(--color-gold)}.blogpost-content blockquote{margin:24px 0;padding:16px 24px;background:var(--color-bg-warm);border-left:4px solid var(--color-gold);border-radius:0 8px 8px 0;font-style:italic;color:var(--color-text-body)}.blogpost-content blockquote p{margin:0}.blogpost-content code{background:var(--color-bg-section);padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:.9em;color:#c7254e}.blogpost-content pre{background:var(--color-dark);color:#f8f8f2;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.blogpost-content pre code{background:none;padding:0;color:inherit}.blogpost-content table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}.blogpost-content th,.blogpost-content td{padding:12px 16px;text-align:left;border:1px solid #e0e0e0}.blogpost-content th{background:var(--color-bg-section);font-weight:600;color:var(--color-text-primary)}.blogpost-content tr:nth-child(2n){background:var(--color-bg-warm)}.blogpost-content tr:hover{background:#b8860b14}@media(max-width:600px){.blogpost-content table{font-size:14px}.blogpost-content th,.blogpost-content td{padding:8px 10px}}.blogpost-content hr{border:none;border-top:1px solid #e0e0e0;margin:40px 0}.blogpost-content img{max-width:100%;height:auto;border-radius:8px;margin:24px 0}.blogpost-content strong{font-weight:600;color:var(--color-text-primary)}.blogpost-content em{font-style:italic}.blogpost-vendor-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px;background:var(--color-bg-section);border-radius:12px;margin-bottom:48px}.blogpost-vendor-info{display:flex;align-items:center;gap:16px}.blogpost-vendor-info img{width:56px;height:56px;border-radius:50%;object-fit:cover}.blogpost-vendor-info h4{margin:0 0 4px;font-size:16px;color:var(--color-text-primary)}.blogpost-vendor-info p{margin:0;font-size:14px;color:var(--color-text-body)}.blogpost-vendor-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-gold);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .2s}.blogpost-vendor-btn:hover{background:var(--color-gold-hover)}.blogpost-cluster-nav{background:#faf8f5;border:1px solid #e8e0d5;border-radius:12px;padding:24px;margin-top:40px}.blogpost-cluster-nav h3{font-size:16px;font-weight:600;color:var(--color-text-primary);margin:0 0 16px}.blogpost-cluster-links{display:flex;flex-wrap:wrap;gap:12px}.blogpost-cluster-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#fff;border:1px solid #e0d8cc;border-radius:8px;color:var(--color-gold);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.blogpost-cluster-link:hover{background:var(--color-gold);color:#fff;border-color:var(--color-gold)}.blogpost-related{border-top:1px solid #e0e0e0;padding-top:40px}.blogpost-related h3{font-size:20px;font-weight:600;margin:0 0 24px;color:var(--color-text-primary)}.blogpost-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.blogpost-loading,.blogpost-error{text-align:center;padding:80px 20px;color:var(--color-text-body)}.blogpost-error h2{margin:0 0 12px;color:var(--color-text-primary)}.blogpost-error p{margin:0 0 24px}.blogpost-back-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--color-dark);color:#fff;text-decoration:none;border-radius:8px;font-weight:500}.blogpost-back-btn:hover{background:var(--color-text-primary)}@media(max-width:768px){.blogpost-page{padding:16px}.blogpost-header h1{font-size:28px}.blogpost-meta{gap:12px}.blogpost-share-btn{margin-left:0;width:100%;justify-content:center;margin-top:8px}.blogpost-content{font-size:16px}.blogpost-vendor-cta{flex-direction:column;text-align:center}.blogpost-vendor-info{flex-direction:column}.blogpost-vendor-btn{width:100%;justify-content:center}}