/* Site header + footer for the static /resources tools.
   Mirrors src/layouts/Base.astro, but self-contained: these pages carry their
   own resets and stylesheets, so every property is stated explicitly and every
   selector is scoped under .wdr-chrome / .wdr-foot to out-specify the tool's
   own rules (a plain `a:hover {}` in a tool's CSS is 0,1,1 — ours is 0,2,1). */
@font-face{font-family:'Space Grotesk';src:url('/fonts/space-grotesk-latin-wght.woff2') format('woff2-variations');
 font-weight:300 700;font-style:normal;font-display:swap}

.wdr-chrome,.wdr-foot{--c-ink:#0b1026;--c-blue:#1565c0;--c-blue-deep:#0f4e97;--c-tint:#e8f1fb;
 --c-orange:#fb8c00;--c-orange-deep:#ef6c00;--c-indigo:#1a237e;--c-line:#e3e8f0;--c-dark-text:#c6d2e4;
 --c-body:#16203a;--c-soft:#4a566e;--c-faint:#7e8aa0;
 --f-display:'Space Grotesk',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
 all:initial;display:block;box-sizing:border-box;width:100%;font-family:var(--f-display);
 text-align:left;letter-spacing:normal;text-transform:none}
.wdr-chrome *,.wdr-foot *{box-sizing:border-box;margin:0;padding:0;float:none;text-align:left}
.wdr-chrome ul,.wdr-foot ul{list-style:none}

/* ---------- header ---------- */
.wdr-chrome{background:var(--c-ink);position:relative;z-index:2147483000;
 border-top:3px solid;border-image:linear-gradient(90deg,var(--c-orange) 0 28%,var(--c-blue) 28% 72%,var(--c-indigo) 72% 100%) 1}
.wdr-chrome__in{max-width:1180px;margin:0 auto;padding:15px clamp(18px,4vw,28px);display:flex;
 align-items:center;justify-content:space-between;gap:16px}
.wdr-chrome a{color:var(--c-dark-text);text-decoration:none;font-size:.92rem;line-height:1.4;font-weight:500}
.wdr-chrome a:hover,.wdr-chrome a:focus{color:#fff;text-decoration:none;background:rgba(255,255,255,.07)}
.wdr-chrome__brand,.wdr-chrome__brand:hover{display:inline-flex;align-items:center;gap:11px;color:#fff;
 font-size:1.13rem;font-weight:500;white-space:nowrap;background:none;letter-spacing:-.01em}
.wdr-chrome__brand b{font-weight:700}
.wdr-chrome__brand img{width:30px;height:24px;object-fit:contain;display:block;border:0}
.wdr-chrome__nav{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.wdr-chrome__item{position:relative}
.wdr-chrome__item>a{display:block;padding:10px 14px;border-radius:8px}
.wdr-chrome__drop{display:none;position:absolute;top:calc(100% + 4px);left:0;min-width:320px;
 background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:8px;
 box-shadow:0 1px 2px rgb(11 16 38/5%),0 6px 20px rgb(11 16 38/7%)}
.wdr-chrome__item:hover .wdr-chrome__drop,.wdr-chrome__item:focus-within .wdr-chrome__drop{display:block}
.wdr-chrome__item:hover .wdr-chrome__drop::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}
.wdr-chrome__drop a{display:block;color:var(--c-body);font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
 font-size:.93rem;padding:9px 12px;border-radius:6px}
.wdr-chrome__drop a:hover{background:var(--c-tint);color:var(--c-blue-deep)}
.wdr-chrome__cta,.wdr-chrome__cta:hover{background:var(--c-orange);color:#2b1600;font-weight:600;
 padding:9px 15px;border-radius:8px}
.wdr-chrome__cta:hover{background:var(--c-orange-deep);color:#fff}
.wdr-chrome__toggle{display:none;background:none;border:1px solid rgba(255,255,255,.3);color:#fff;
 border-radius:8px;padding:7px 12px;font-family:var(--f-display);font-size:.95rem;cursor:pointer}
@media(max-width:960px){
 .wdr-chrome__toggle{display:block}
 .wdr-chrome__nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--c-ink);
  flex-direction:column;align-items:stretch;padding:8px 18px 20px}
 .wdr-chrome__nav.is-open{display:flex}
 .wdr-chrome__drop{display:block;position:static;background:transparent;border:0;box-shadow:none;padding:0 0 6px 14px;min-width:0}
 .wdr-chrome__drop a{color:var(--c-dark-text)}
 .wdr-chrome__drop a:hover{background:rgba(255,255,255,.06);color:#fff}
}

/* ---------- footer ---------- */
.wdr-foot{background:var(--c-ink);color:var(--c-dark-text);margin-top:0;padding:56px 0 30px;
 font-family:system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;font-size:.92rem;line-height:1.65;
 border-bottom:3px solid;border-image:linear-gradient(90deg,var(--c-orange) 0 28%,var(--c-blue) 28% 72%,var(--c-indigo) 72% 100%) 1}
.wdr-foot__in{max-width:1180px;margin:0 auto;padding-inline:clamp(18px,4vw,28px)}
.wdr-foot a{color:var(--c-dark-text);text-decoration:none;font-weight:400}
.wdr-foot a:hover{color:#fff;text-decoration:underline}
.wdr-foot__brand{display:inline-flex;align-items:center;gap:11px;color:#fff;font-family:var(--f-display);
 font-size:1.13rem;font-weight:500;margin-bottom:34px}
.wdr-foot__brand:hover{color:#fff;text-decoration:none}
.wdr-foot__brand b{font-weight:700}
.wdr-foot__brand img{width:30px;height:24px;object-fit:contain;border:0}
.wdr-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;margin-bottom:40px}
.wdr-foot__cols ul{display:grid;gap:9px;align-content:start}
.wdr-foot__bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:22px;display:flex;flex-wrap:wrap;
 gap:8px 24px;justify-content:space-between;align-items:center;color:var(--c-faint);font-size:.85rem}
.wdr-foot__bottom ul{display:flex;gap:22px;flex-wrap:wrap}