/* Delta v2 shared site chrome (nav + footer) for standalone tool pages.
   Variables are scoped to the chrome containers so they never affect page content. */
.abar,.dnav,.ctastrip,.dfoot{
  --navy:#1B3A5C; --navy-d:#102740; --navy-x:#0b1c2e; --navy-l:#244b75;
  --gold:#c08a2e; --gold-l:#e7b25e; --gold-d:#8a6418;
  --ink:#171c21; --mute:#5d6469; --bg2:#f4f5f2; --line:#e5e5e1; --good:#2f7d4f;
  --wrap:1180px;
  --disp:'Barlow Condensed',Arial,sans-serif;
  --body:'Inter','Segoe UI',Helvetica,Arial,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,Consolas,monospace;
  --shadow-lg:0 22px 48px rgba(16,39,64,.16);
}
.abar,.dnav,.dnav *,.ctastrip,.ctastrip *,.dfoot,.dfoot *{font-family:var(--body);box-sizing:border-box}

/* announce bar */
.abar{background:var(--navy-x);color:#bdd0e4;font-size:12.5px;letter-spacing:.4px;text-align:center;padding:8px 14px;margin:0}
.abar b{color:var(--gold-l);font-weight:600}
.abar a{color:#fff;text-decoration:underline;text-underline-offset:3px}

/* nav */
.dnav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line);transition:box-shadow .2s}
.dnav.scrolled{box-shadow:0 6px 24px rgba(16,39,64,.09)}
.dnav-in{max-width:var(--wrap);margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:72px}
.dnav .brand{display:flex;align-items:center;gap:13px;text-decoration:none}
.dnav .brand-logo{height:48px;width:auto;display:block}
@media(max-width:560px){.dnav .brand-logo{height:40px}}
.nlinks{display:flex;align-items:center;gap:2px}
.nlinks a{text-decoration:none;color:var(--ink);font-size:13.5px;font-weight:500;padding:9px 13px;border-radius:7px;letter-spacing:.2px}
.nlinks a:hover{background:var(--bg2)}
.nlinks a.on{color:var(--navy);font-weight:700;box-shadow:inset 0 -2px 0 var(--gold)}
.nlinks a.cta{background:var(--navy);color:#fff;font-weight:600;margin-left:10px}
.nlinks a.cta:hover{background:var(--navy-d)}
.nlinks a.util{border:1.4px solid var(--line);color:var(--navy);font-weight:600;margin-left:6px;display:inline-flex;align-items:center;gap:7px}
.nlinks a.util:hover{border-color:var(--navy);background:var(--bg2)}
.cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:var(--navy);color:#fff;border-radius:9px;font-size:11px;font-weight:700;line-height:1}
.cart-count[hidden]{display:none}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px;font-size:23px;color:var(--navy)}
@media(max-width:860px){
  .burger{display:block}
  .nlinks{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;padding:10px 18px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg)}
  .nlinks.open{display:flex}
  .nlinks a{padding:13px 12px;border-radius:0;border-bottom:1px solid var(--line)}
  .nlinks a.cta{margin:12px 0 0;border-radius:8px;text-align:center}
  .nlinks a.util{border:0;border-bottom:1px solid var(--line);margin-left:0}
}

/* cta strip */
.ctastrip{position:relative;background:var(--navy-x);color:#fff;text-align:center;padding:84px 28px;overflow:hidden}
.ctastrip::before{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.04) 47px 48px),
  repeating-linear-gradient(90deg,transparent 0 47px,rgba(255,255,255,.04) 47px 48px)}
.ctastrip>*{position:relative}
.ctastrip h2{font-family:var(--disp);font-weight:700;font-size:clamp(32px,4vw,46px);text-transform:uppercase;margin:0}
.ctastrip p{color:#8ea2b8;max-width:560px;margin:16px auto 32px;font-size:15.5px}
.ctastrip .btn-ghostw{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-weight:600;font-size:14.5px;padding:14px 30px;border-radius:9px;border:1.6px solid #fff;color:#fff;background:transparent;transition:all .16s}
.ctastrip .btn-ghostw:hover{background:#fff;color:var(--navy)}

/* footer */
.dfoot{background:var(--navy-d);color:#c4cfdb;border-top:3px solid var(--gold)}
.dfoot-in{max-width:var(--wrap);margin:0 auto;padding:56px 28px 38px;display:flex;flex-wrap:wrap;gap:48px;justify-content:space-between}
.dfoot .brand{display:flex;align-items:center;text-decoration:none}
.dfoot .brand-logo{height:48px;width:auto;display:block}
.dfoot-tag{font-size:13px;color:#8ea2b8;margin:16px 0 0;max-width:280px}
.lista-badge{display:flex;align-items:center;gap:11px;margin-top:20px}
.lista-badge .lc{background:#fff;border-radius:6px;padding:7px 10px;display:inline-flex}
.lista-badge .lc img{height:20px;width:auto}
.lista-badge .lt{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#8ea2b8;font-weight:700}
.fcol h4{font-size:10.5px;letter-spacing:1.8px;text-transform:uppercase;color:#8ea2b8;margin:0 0 14px;font-family:var(--body)}
.fcol a{display:block;color:#c4cfdb;text-decoration:none;font-size:13.5px;padding:4px 0}
.fcol a:hover{color:#fff}
.fbar{border-top:1px solid #2c4a68;font-size:11.5px;color:#8ea2b8;max-width:var(--wrap);margin:0 auto;padding:18px 28px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}

/* Defensive: neutralize any page-level element selectors (header{}/footer{}) on these standalone pages */
header.dnav{padding:0;margin:0;display:block;gap:0;background:rgba(255,255,255,.92);color:inherit;align-items:initial}
footer.dfoot{padding:0;margin:0;display:block}
.abar{display:block}