/* Nova Blue Defence — shared stylesheet for generated pages (/guides, /authors).
 *
 * The four hand-written pages (index, solutions, aegis-offer, privacy-policy)
 * keep their own inline CSS. That duplicates the tokens and nav/footer rules
 * here, which is deliberate: refactoring live pages onto this file would risk
 * visual regressions for no SEO benefit. If you change a token below, change it
 * in those files too.
 */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --black:#0e1228;--deep:#161b33;--panel:#1e2540;--border:#2a3356;
  --accent:#deb841;--accent2:#6883ba;--text:#c8d0e0;--dim:#6883ba;--white:#fefefe;
  --mono:'DM Mono',monospace;--display:'Bebas Neue',sans-serif;--body:'Barlow',sans-serif;
}
html{scroll-behavior:smooth}
body{background:var(--black);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6;overflow-x:hidden}

/* ---------- nav (mirrors index.html) ---------- */
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 4rem;background:rgba(22,27,51,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.nav-logo-text{font-family:var(--display);font-size:1.4rem;letter-spacing:.08em;color:var(--white);position:relative;top:2px}
.nav-logo-text span{color:var(--accent2)}
.nav-badge{font-family:var(--mono);font-size:.6rem;letter-spacing:.15em;color:var(--accent);border:1px solid var(--accent);padding:.15rem .5rem;margin-left:.5rem;opacity:.8}
.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}
.nav-links a{font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;color:var(--dim);text-decoration:none;text-transform:uppercase;transition:color .2s}
.nav-links a:hover{color:var(--accent)}
.nav-links a[aria-current="page"]{color:var(--accent)}
.nav-cta{color:var(--black)!important;background:var(--accent);padding:.55rem 1.2rem!important;transition:all .2s!important}
.nav-cta:hover{background:var(--white)!important}

/* ---------- buttons ---------- */
.btn-primary{display:inline-flex;align-items:center;gap:.75rem;background:var(--accent);color:var(--black);font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:1rem 2rem;text-decoration:none;border:none;cursor:pointer;transition:all .2s;position:relative;overflow:hidden}
.btn-primary::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);transform:translateX(-100%);transition:transform .3s}
.btn-primary:hover::after{transform:translateX(0)}
.btn-secondary{display:inline-flex;align-items:center;gap:.75rem;background:transparent;color:var(--text);font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;padding:1rem 2rem;text-decoration:none;border:1px solid var(--border);cursor:pointer;transition:all .2s}
.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}

/* ---------- page shell ---------- */
.page{max-width:1180px;margin:0 auto;padding:9rem 4rem 5rem}
.breadcrumbs{font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:2rem}
.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}
.breadcrumbs a{color:var(--dim);text-decoration:none;transition:color .2s}
.breadcrumbs a:hover{color:var(--accent)}
.breadcrumbs li+li::before{content:'/';color:var(--border);margin-right:.5rem}
.breadcrumbs [aria-current="page"]{color:var(--text)}

.eyebrow{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;color:var(--accent);text-transform:uppercase;margin-bottom:1.2rem;display:flex;align-items:center;gap:1rem}
.eyebrow::before{content:'';display:block;width:36px;height:1px;background:var(--accent)}

/* ---------- article ---------- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:4rem;align-items:start}
.article h1{font-family:var(--display);font-size:clamp(2.4rem,4.6vw,3.9rem);line-height:1.02;letter-spacing:.02em;color:var(--white);margin-bottom:1.5rem}
.article-meta{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--dim);margin-bottom:2.5rem}
.article-meta a{color:var(--accent);text-decoration:none}
.article-meta a:hover{text-decoration:underline}

.prose{max-width:68ch}
.prose>p{font-size:1rem;font-weight:300;line-height:1.85;margin-bottom:1.4rem}
/* The opening paragraph is the answer an AI engine should be able to lift whole. */
.prose>p.lede{font-size:1.16rem;font-weight:400;line-height:1.75;color:var(--white);border-left:2px solid var(--accent);padding:.2rem 0 .2rem 1.4rem;margin-bottom:1.8rem}
.prose h2{font-family:var(--display);font-size:clamp(1.65rem,2.6vw,2.2rem);line-height:1.1;letter-spacing:.02em;color:var(--white);margin:3rem 0 1.1rem}
.prose h3{font-family:var(--mono);font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:2.2rem 0 .9rem}
.prose strong{color:var(--white);font-weight:600}
.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(222,184,65,.35);transition:border-color .2s}
.prose a:hover{border-color:var(--accent)}
.prose ul,.prose ol{margin:0 0 1.5rem 1.3rem}
.prose li{font-size:1rem;font-weight:300;line-height:1.8;margin-bottom:.6rem}
.prose li::marker{color:var(--accent2)}
.prose blockquote{border-left:2px solid var(--accent2);padding:.4rem 0 .4rem 1.4rem;margin:0 0 1.5rem;color:var(--text);font-style:normal}
.prose blockquote p{font-size:1rem;font-weight:300;line-height:1.8}
.prose hr{border:none;border-top:1px solid var(--border);margin:2.5rem 0}

/* Real tables, never images of tables — crawlers cannot read pixels. */
.table-wrap{overflow-x:auto;margin:0 0 1.8rem;border:1px solid var(--border)}
.prose table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9rem}
.prose th,.prose td{text-align:left;padding:.8rem 1rem;border-bottom:1px solid var(--border);font-weight:300;vertical-align:top}
.prose th{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:500;background:rgba(104,131,186,.05)}
.prose tbody tr:last-child td{border-bottom:none}

/* ---------- CTA ---------- */
.cta-box{border:1px solid var(--border);background:var(--panel);padding:2rem;margin:3rem 0 0}
.cta-box h2{font-family:var(--display);font-size:1.9rem;letter-spacing:.02em;color:var(--white);margin:0 0 .8rem}
.cta-box p{font-size:.95rem;font-weight:300;line-height:1.8;margin-bottom:1.4rem}
.cta-actions{display:flex;flex-wrap:wrap;gap:1rem}

/* ---------- author ---------- */
.author-box{display:flex;gap:1.5rem;align-items:flex-start;border:1px solid var(--border);padding:1.8rem;margin-top:3rem}
.author-box .author-name{font-family:var(--display);font-size:1.4rem;letter-spacing:.03em;color:var(--white);margin-bottom:.3rem}
.author-box .author-role{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.9rem}
.author-box p{font-size:.92rem;font-weight:300;line-height:1.8}
.author-box a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(222,184,65,.35)}

/* ---------- related / sidebar ---------- */
.sidebar{position:sticky;top:7rem;display:flex;flex-direction:column;gap:2rem}
.side-card{border:1px solid var(--border);padding:1.5rem}
.side-title{font-family:var(--mono);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem}
.side-links{list-style:none;display:flex;flex-direction:column;gap:.9rem}
.side-links a{font-size:.88rem;color:var(--text);text-decoration:none;font-weight:300;line-height:1.5;display:block;transition:color .2s}
.side-links a:hover{color:var(--accent)}

.related{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--border)}
.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1.2rem}
.related-card{border:1px solid var(--border);padding:1.3rem;text-decoration:none;display:block;transition:border-color .2s,background .2s}
.related-card:hover{border-color:var(--accent);background:rgba(222,184,65,.03)}
.related-card .rc-title{font-size:.95rem;color:var(--white);font-weight:500;line-height:1.45;margin-bottom:.5rem}
.related-card .rc-desc{font-size:.82rem;color:var(--dim);font-weight:300;line-height:1.6}

/* ---------- hub ---------- */
.hub-title{font-family:var(--display);font-size:clamp(2.8rem,6vw,5rem);line-height:.98;letter-spacing:.02em;color:var(--white);margin-bottom:1.5rem;max-width:16ch}
.hub-intro{font-size:1.1rem;font-weight:300;line-height:1.8;max-width:64ch;margin-bottom:1rem}
.hub-list{list-style:none;margin-top:3rem;border-top:1px solid var(--border)}
.hub-item{border-bottom:1px solid var(--border)}
.hub-item a{display:grid;grid-template-columns:3rem 1fr;gap:1.5rem;padding:1.8rem .5rem;text-decoration:none;transition:background .2s}
.hub-item a:hover{background:rgba(222,184,65,.03)}
.hub-num{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;color:var(--accent);padding-top:.3rem}
.hub-q{font-family:var(--body);font-size:1.15rem;font-weight:500;color:var(--white);line-height:1.4;margin-bottom:.5rem}
.hub-item a:hover .hub-q{color:var(--accent)}
.hub-a{font-size:.9rem;color:var(--dim);font-weight:300;line-height:1.65;max-width:70ch}

/* ---------- footer (mirrors index.html) ---------- */
footer{background:var(--black);border-top:1px solid var(--border);padding:4rem}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;flex-wrap:wrap;max-width:1180px;margin:0 auto}
.footer-copy{font-family:var(--mono);font-size:.65rem;letter-spacing:.1em;color:var(--dim);text-transform:uppercase}
.footer-copy a{color:inherit;text-decoration:underline;opacity:.7}
.footer-badges{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.footer-badges img.footer-logo{height:70px;opacity:.85;transition:opacity .2s}
.footer-badges img.footer-logo:hover{opacity:1}
.footer-badges iframe{display:block}

/* ---------- responsive ---------- */
@media(max-width:900px){
  nav{padding:1rem 1.5rem}
  .nav-links{display:none}
  .page{padding:7rem 1.5rem 3rem}
  .layout{grid-template-columns:minmax(0,1fr);gap:2.5rem}
  .sidebar{position:static}
  footer{padding:3rem 1.5rem}
  .footer-bottom{flex-direction:column;align-items:flex-start}
}
@media(max-width:768px){
  .author-box{flex-direction:column;gap:1rem}
  .hub-item a{grid-template-columns:1fr;gap:.5rem}
  .cta-actions .btn-primary,.cta-actions .btn-secondary{width:100%;justify-content:center}
}