.sbf-blog-article{max-width:800px;margin:0 auto;padding:120px 20px 60px;color:#e2e8f0;font-family:var(--font-sans)}.sbf-blog-header{text-align:center;margin-bottom:50px;position:relative}.sbf-blog-category{display:inline-block;color:var(--gold-mid);text-transform:uppercase;font-size:.85rem;letter-spacing:2px;font-weight:600;margin-bottom:15px;padding:5px 15px;border:1px solid rgba(200,167,77,.3);border-radius:var(--radius-pill);background:#c8a74d0d}.sbf-blog-title{font-size:clamp(2rem,5vw,3.5rem);color:#fff;line-height:1.2;margin-bottom:20px;font-weight:800}.sbf-blog-meta{display:flex;align-items:center;justify-content:center;gap:20px;color:#94a3b8;font-size:.9rem}.sbf-blog-meta span{display:flex;align-items:center;gap:8px}.sbf-blog-meta i{color:var(--gold-mid)}.blog-meta-icon{width:16px;height:16px;filter:invert(1) opacity(.7)}.sbf-blog-featured-image{width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:var(--radius-lg);margin-bottom:50px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.05);background:#c8a74d0a;padding:12px}.sbf-blog-content{font-size:1.1rem;line-height:1.8;color:#cbd5e1}.sbf-blog-content>*{margin-bottom:25px}.sbf-blog-content h2{font-size:2rem;color:#fff;margin-top:50px;margin-bottom:20px;line-height:1.3;position:relative;padding-bottom:15px}.sbf-blog-content h2:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:linear-gradient(90deg,var(--gold-mid),var(--gold-dark));border-radius:2px}.sbf-blog-content h3{font-size:1.5rem;color:var(--gold-light);margin-top:40px;margin-bottom:15px}.sbf-blog-content p{margin-bottom:25px}.sbf-blog-content strong,.sbf-blog-content b{color:#fff;font-weight:600}.sbf-blog-content a{color:var(--gold-mid);text-decoration:none;border-bottom:1px solid rgba(200,167,77,.3);transition:all var(--transition-fast)}.sbf-blog-content a:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}.sbf-blog-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:30px 0}.sbf-blog-content figure{margin:30px 0}.sbf-blog-content figcaption{text-align:center;font-size:.9rem;color:#64748b;margin-top:10px;font-style:italic}.sbf-blog-content ul,.sbf-blog-content ol{padding-left:20px;margin-bottom:30px}.sbf-blog-content li{margin-bottom:10px;padding-left:10px}.sbf-blog-content ul li::marker{color:var(--gold-mid)}.sbf-blog-content blockquote{margin:40px 0;padding:30px;background:#ffffff08;border-left:4px solid var(--gold-mid);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;font-size:1.25rem;color:var(--gold-light)}.sbf-blog-content blockquote p{margin-bottom:0}.sbf-blog-content pre{background:#0f172a;padding:20px;border-radius:var(--radius-md);overflow-x:auto;margin:30px 0;border:1px solid rgba(255,255,255,.1)}.sbf-blog-content code{font-family:monospace;background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.9em;color:#38bdf8}@media(max-width:768px){.sbf-blog-article{padding-top:100px}.sbf-blog-title{font-size:2rem}.sbf-blog-content{font-size:1.05rem}.sbf-blog-content h2{font-size:1.5rem}}.sbf-blog-footer{margin-top:48px;padding-top:24px;border-top:1px solid rgba(200,167,77,.15)}.sbf-blog-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sbf-blog-tags-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-right:4px}.sbf-blog-tag{display:inline-block;font-size:.82rem;color:#ffffff80;background:#c8a74d0f;border:1px solid rgba(200,167,77,.18);border-radius:20px;padding:4px 12px;text-decoration:none;transition:all .2s}.sbf-blog-tag:hover{color:var(--gold-mid);border-color:var(--gold-mid);background:#c8a74d1a}.sbf-reading-time{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:#ffffff73}.sbf-reading-time :global(svg){width:13px;height:13px}.sbf-toc{background:#c8a74d0a;border:1px solid rgba(200,167,77,.18);border-radius:12px;padding:18px 24px;margin:0 auto 36px;max-width:760px}.sbf-toc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sbf-toc-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-mid)}.sbf-toc-toggle{background:none;border:none;cursor:pointer;color:#fff6;padding:2px;display:flex;transition:transform .3s ease,color .2s}.sbf-toc-toggle :global(svg){width:14px;height:14px}.sbf-toc-toggle:hover{color:var(--gold-mid)}.sbf-toc-toggle.toc-collapsed{transform:rotate(180deg)}.sbf-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:none}.sbf-toc-item a{color:#ffffff8c;text-decoration:none;font-size:.9rem;line-height:1.5;transition:color .2s;display:flex;gap:8px}.sbf-toc-item a:hover{color:var(--gold-mid)}.sbf-toc-num{color:var(--gold-mid);font-size:.78rem;font-weight:700;flex-shrink:0}.sbf-blog-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(200,167,77,.1)}.sbf-share-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff59;margin-right:4px}.sbf-share-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;text-decoration:none;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);color:#ffffff80;transition:all .2s}.sbf-share-btn :global(svg){width:13px;height:13px}.sbf-share-btn:hover{border-color:currentColor}.sbf-share-btn--tw:hover{color:#e7e7e7;border-color:#e7e7e7;background:#e7e7e70f}.sbf-share-btn--li:hover{color:#0a66c2;border-color:#0a66c2;background:#0a66c214}.sbf-share-btn--wa:hover{color:#25d366;border-color:#25d366;background:#25d36614}.sbf-blog-cta{padding:48px 20px;margin:0 auto;max-width:860px}.sbf-blog-cta-container{background:#c8a74d0a;border:1px solid rgba(200,167,77,.15);border-radius:16px;padding:40px 36px;text-align:center}.sbf-blog-cta-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gold-mid);margin:0 0 12px}.sbf-blog-cta-title{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:#fff;margin:0 0 12px;line-height:1.35}.sbf-blog-cta-desc{color:#ffffff80;font-size:.92rem;line-height:1.7;margin:0 0 28px}.sbf-blog-cta-desc strong{color:var(--gold-mid)}.sbf-blog-cta-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.sbf-blog-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--gold-dark),var(--gold-mid));color:#0a0a0a;font-weight:700;font-size:.88rem;border-radius:10px;text-decoration:none;transition:transform .2s,box-shadow .2s}.sbf-blog-cta-btn :global(svg){width:14px;height:14px}.sbf-blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8a74d33}.sbf-blog-cta-link{display:inline-flex;align-items:center;gap:6px;color:var(--gold-mid);font-weight:700;font-size:.88rem;text-decoration:none;transition:color .2s}.sbf-blog-cta-link :global(svg){width:14px;height:14px}.sbf-blog-cta-link:hover{color:var(--gold-light)}@media(max-width:480px){.sbf-blog-cta-container{padding:28px 20px}.sbf-blog-cta-actions{flex-direction:column}.sbf-blog-cta-btn{width:100%;justify-content:center}}.sbf-related-posts{padding:60px 0 100px;border-top:1px solid rgba(200,167,77,.08)}.sbf-related-container{max-width:860px;margin:0 auto;padding:0 20px}.sbf-related-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--gold-mid);margin:0 0 10px;text-align:center}.sbf-related-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#fff;margin:0 0 36px;text-align:center}.sbf-related-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sbf-related-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.sbf-related-grid{grid-template-columns:repeat(3,1fr)}}.sbf-related-card{background:#ffffff05;border:1px solid rgba(200,167,77,.1);border-radius:12px;overflow:hidden;transition:border-color .3s,transform .3s}.sbf-related-card:hover{border-color:#c8a74d59;transform:translateY(-3px)}.sbf-related-info{padding:20px}.sbf-related-cat{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-mid);margin-bottom:8px}.sbf-related-card-title{font-size:.95rem;font-weight:700;margin:0 0 8px;line-height:1.4}.sbf-related-card-title a{color:#fff;text-decoration:none;transition:color .2s}.sbf-related-card-title a:hover{color:var(--gold-mid)}.sbf-related-desc{color:#ffffff73;font-size:.82rem;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sbf-related-link{display:inline-flex;align-items:center;gap:5px;color:var(--gold-mid);font-size:.82rem;font-weight:600;text-decoration:none;transition:gap .2s}.sbf-related-link:hover{gap:8px}.sbf-tool-links{padding:0 20px 28px}.sbf-tool-grid{display:grid;gap:16px}@media(min-width:600px){.sbf-tool-grid{grid-template-columns:repeat(3,1fr)}}.sbf-tool-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:transform .28s ease,border-color .28s ease,background .28s ease}.sbf-tool-card:hover{transform:translateY(-3px);border-color:#c8a74d40;background:#c8a74d09}.sbf-tool-card-head{display:flex;align-items:flex-start;gap:14px}.sbf-tool-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#c8a74d1a;border:1px solid rgba(200,167,77,.18);font-size:1.1rem;flex-shrink:0}.sbf-tool-card-title{font-size:1rem;color:#fff;margin:0 0 8px}.sbf-tool-card-title a{color:inherit;text-decoration:none}.sbf-tool-card-title a:hover{color:var(--gold-mid)}.sbf-tool-desc{margin:0;color:#ffffff85;font-size:.84rem;line-height:1.7}
