:root{--navy:#07111f;--navy2:#0f2040;--yel:#f59e0b;--txt:#e2e8f0;--mut:#94a3b8;--card:#111b2b;--bdr:#1e3050;--sur:#0d1829;--bg:#07111f;}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg);color:var(--txt);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:15.5px;line-height:1.65;}
a{color:var(--yel);text-decoration:none;}
a:hover{text-decoration:underline;}
a:focus-visible,button:focus-visible,.rp-card:focus-visible{outline:2px solid var(--yel);outline-offset:3px;border-radius:4px;}

/* NAV */
.nav{display:flex;align-items:center;gap:1rem;padding:.75rem 2rem;background:var(--navy2);border-bottom:1px solid var(--bdr);position:sticky;top:0;z-index:100;}
.nav-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;}
.nav-home{margin-left:auto;font-size:.8rem;color:var(--mut);text-decoration:none;padding:.35rem .8rem;border:1px solid var(--bdr);border-radius:6px;}
.nav-home:hover{border-color:var(--yel);color:var(--yel);text-decoration:none;}

/* BREADCRUMB */
.breadcrumb{max-width:780px;margin:1.5rem auto .5rem;padding:0 1.5rem;font-size:.78rem;color:var(--mut);}
.breadcrumb a{color:var(--mut);}
.breadcrumb span{margin:0 .4rem;}

/* ARTICLE */
article{max-width:780px;margin:0 auto;padding:0 1.5rem 5rem;}
.post-header{padding:2.25rem 0 2.5rem;border-bottom:1px solid var(--bdr);margin-bottom:3rem;}
.post-tag{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--yel);background:rgba(245,158,11,.1);padding:.28rem .65rem;border-radius:4px;margin-bottom:.9rem;}
h1{font-size:clamp(1.6rem,4vw,2.25rem);font-weight:800;line-height:1.25;letter-spacing:-.02em;margin-bottom:.85rem;}
.post-meta{font-size:.78rem;color:var(--mut);margin-top:.85rem;display:flex;gap:1.25rem;flex-wrap:wrap;}

/* CONTENT */
.content{font-size:1rem;line-height:1.7;color:#cbd5e1;}
.content h2{font-size:1.3rem;font-weight:700;margin:3rem 0 1rem;color:#fff;padding-bottom:.5rem;border-bottom:1px solid var(--bdr);}
.content h3{font-size:1.08rem;font-weight:600;margin:2.25rem 0 .75rem;color:var(--yel);}
.content p{margin-bottom:1.4rem;color:#cbd5e1;}
.content strong{color:#e2e8f0;font-weight:600;}
.content em{color:var(--mut);}
.content ul,.content ol{margin:0 0 1.4rem 1.6rem;color:#cbd5e1;}
.content li{margin-bottom:.5rem;line-height:1.7;}
.content blockquote{border-left:3px solid var(--yel);padding:.9rem 1.25rem;background:rgba(245,158,11,.07);border-radius:0 6px 6px 0;margin:1.75rem 0;color:#e2e8f0;font-style:normal;font-size:1rem;line-height:1.8;}
.content blockquote strong{color:var(--yel);}
.content hr{border:none;border-top:1px solid var(--bdr);margin:2.5rem 0;}
.content table{width:100%;border-collapse:collapse;margin:1.75rem 0;font-size:.9rem;}
.content th{background:var(--navy2);color:var(--yel);padding:.65rem .9rem;text-align:left;font-weight:600;font-size:.82rem;}
.content td{padding:.6rem .9rem;border-bottom:1px solid var(--bdr);color:#cbd5e1;line-height:1.6;}
.content tr:nth-child(even) td{background:rgba(15,32,64,.4);}
.content code{background:var(--card);padding:.18em .45em;border-radius:4px;font-size:.88em;color:var(--yel);font-family:'Courier New',monospace;}

/* FAQ */
.faq-block{margin-top:3rem;}
.faq-block h2{margin-bottom:1.5rem;}
.faq-item{border:1px solid var(--bdr);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1rem;background:var(--card);}
.faq-q{font-size:.95rem;font-weight:600;color:#e2e8f0;margin-bottom:.65rem;line-height:1.5;}
.faq-a{font-size:.93rem;color:#94a3b8;line-height:1.85;}

/* CTA */
.cta-box{background:linear-gradient(135deg,var(--navy2),#0d1f40);border:1px solid var(--yel);border-radius:12px;padding:2rem;margin:3rem 0;text-align:center;}
.cta-box h3{color:#fff;font-size:1.15rem;margin-bottom:.6rem;}
.cta-box p{font-size:.9rem;color:var(--mut);margin-bottom:1.1rem;}
.cta-btn{display:inline-block;background:var(--yel);color:#000;font-weight:700;padding:.7rem 1.9rem;border-radius:8px;font-size:.95rem;text-decoration:none;}
.cta-btn:hover{background:#fbbf24;text-decoration:none;}

/* RELATED POSTS */
.related-posts{margin:3.5rem 0 2rem;}
.related-posts h3{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:1.25rem;padding-bottom:.5rem;border-bottom:1px solid var(--bdr);}
.rp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;}
.rp-card{display:flex;flex-direction:column;gap:.45rem;background:var(--card);border:1px solid var(--bdr);border-radius:10px;padding:1.1rem 1.25rem;text-decoration:none;transition:border-color .2s,background .2s;cursor:pointer;}
.rp-card:hover{border-color:var(--yel);text-decoration:none;}
.rp-tag{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--yel);}
.rp-title{font-size:.88rem;font-weight:600;color:#e2e8f0;line-height:1.5;flex:1;}
.rp-read{font-size:.75rem;color:var(--mut);}
@media(max-width:600px){.rp-grid{grid-template-columns:1fr;}}

/* DISCLAIMER */
.disclaimer{font-size:.78rem;color:var(--mut);border-top:1px solid var(--bdr);margin-top:3rem;padding-top:1.1rem;line-height:1.7;}

/* FOOTER */
footer{background:var(--navy2);border-top:1px solid var(--bdr);padding:1.75rem 2rem;text-align:center;font-size:.78rem;color:var(--mut);}
footer div{margin-bottom:.4rem;}
footer a{color:var(--mut);margin:0 .65rem;}
footer a:hover{color:var(--yel);}

@media(max-width:600px){
  .nav{padding:.6rem 1rem;}
  article{padding:0 1.1rem 3.5rem;}
  .content{font-size:1rem;}
  .content h2{font-size:1.15rem;margin:2.5rem 0 .85rem;}
  .content h3{font-size:1rem;}
  .content table{font-size:.8rem;}
  .content th,.content td{padding:.45rem .55rem;}
  .post-meta{gap:.75rem;}
}
