/* FinderDom Blog — shared styles */
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#0B1836;color:#e6e9f2;font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;line-height:1.65}
.topnav{background:rgba(11,24,54,0.95);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.08);position:sticky;top:0;z-index:100;padding:14px 20px}
.nav-inner{max-width:1200px;margin:auto;display:flex;align-items:center;gap:24px}
.logo{font-size:18px;font-weight:900;color:#FFB800;text-decoration:none}
.nav-links{display:flex;gap:18px;align-items:center;flex:1;font-size:14px;flex-wrap:wrap}
.nav-links a{color:#c5d0e6;text-decoration:none;font-weight:600}
.nav-links a:hover, .nav-links a.active{color:#FFB800}
.a-login{color:#c5d0e6;padding:8px 14px;border:1px solid rgba(255,255,255,0.15);border-radius:100px;font-size:13px}
.a-cta{background:linear-gradient(135deg,#FFB800,#FFA200);color:#0B1836 !important;padding:8px 16px;border-radius:100px;font-weight:900;font-size:13px}
main{max-width:780px;margin:auto;padding:32px 20px 80px}
.breadcrumb{color:#8ba3d4;font-size:13px;margin-bottom:16px}
.breadcrumb a{color:#FFB800;text-decoration:none}
h1{font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1.2;margin:0 0 16px;color:#fff}
.lead{color:#c5d0e6;font-size:17px;line-height:1.6;margin-bottom:28px;font-style:italic;padding-left:16px;border-left:3px solid #FFB800}
.meta{display:flex;gap:16px;color:#8ba3d4;font-size:13px;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,0.08)}
article{color:#e6e9f2;font-size:16px}
article h2{font-size:24px;font-weight:900;margin:40px 0 16px;color:#FFB800;line-height:1.3}
article h3{font-size:19px;font-weight:800;margin:32px 0 12px;color:#fff}
article p{margin:0 0 16px}
article ul, article ol{margin:0 0 20px;padding-left:24px}
article li{margin-bottom:8px}
article strong{color:#FFDC80;font-weight:800}
article em{color:#c5d0e6}
article a{color:#FFB800;text-decoration:underline;text-underline-offset:3px}
article a:hover{color:#FFDC80}
.callout{background:rgba(255,184,0,0.08);border:1px solid rgba(255,184,0,0.3);border-radius:14px;padding:20px 24px;margin:24px 0}
.callout-title{color:#FFB800;font-weight:900;font-size:15px;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.5px}
.toc{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:14px;padding:20px 24px;margin:0 0 32px}
.toc-title{font-size:13px;font-weight:900;color:#8ba3d4;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.toc ol{margin:0;padding-left:22px}
.toc a{color:#c5d0e6;text-decoration:none}
.toc a:hover{color:#FFB800}
table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
th,td{padding:10px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,0.08)}
th{color:#FFB800;font-weight:800;background:rgba(255,184,0,0.05)}
.cta-box{background:linear-gradient(135deg,rgba(255,184,0,0.1),rgba(96,165,250,0.08));border:1px solid rgba(255,184,0,0.3);border-radius:16px;padding:24px 28px;margin:40px 0;text-align:center}
.cta-box h3{margin:0 0 8px;color:#FFB800;font-size:18px}
.cta-box p{margin:0 0 14px;color:#c5d0e6;font-size:14px}
.btn{padding:11px 22px;border-radius:100px;font-weight:800;text-decoration:none;font-size:14px;display:inline-block;background:#FFB800;color:#0B1836 !important;border:none}
.related{margin-top:60px;padding-top:32px;border-top:1px solid rgba(255,255,255,0.08)}
.related-title{font-size:15px;color:#8ba3d4;font-weight:900;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.related-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:12px;padding:16px;text-decoration:none;color:inherit;transition:all .2s}
.related-card:hover{background:rgba(255,184,0,0.06);border-color:rgba(255,184,0,0.3)}
.related-card-title{font-size:14px;font-weight:800;color:#fff;line-height:1.35;margin-bottom:6px}
.related-card-desc{font-size:12px;color:#8ba3d4}
.fd-ad-slot{margin:32px 0}
.fd-ad-placeholder{background:rgba(255,255,255,0.03);border:1px dashed rgba(255,255,255,0.12);border-radius:14px;padding:20px;text-align:center}
.fd-ad-ph-inner{display:inline-flex;align-items:center;gap:12px}
.fd-ad-ph-icon{font-size:24px}
.fd-ad-ph-title{color:#FFB800;font-weight:800;font-size:14px}
.fd-ad-ph-sub{color:#8ba3d4;font-size:12px}
footer{max-width:780px;margin:40px auto 24px;padding:24px 20px 0;border-top:1px solid rgba(255,255,255,0.08);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;color:#8ba3d4;font-size:13px}
footer a{color:#a3b3d1;text-decoration:none}