:root {
  --ds-brand-ink: #fff;
  --axl-ribbon-skew: -45deg;
}
.light {
  --ds-brand-ink: #000;
}
.ds-axl-brand[data-tone="auto"] {
  color: var(--ds-brand-ink);
}
.ds-axl-brand {
  display: inline-block;
  flex-shrink: 0;
  max-width: 100%;
  vertical-align: middle;
  background: currentColor;
  mask-image: var(--ds-brand-artwork);
  -webkit-mask-image: var(--ds-brand-artwork);
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-position: center;
}
.ds-axl-brand[data-tone="black"] {
  color: #000;
}
.ds-axl-brand[data-tone="white"] {
  color: #fff;
}
@media print {
  .ds-axl-brand[data-tone] {
    color: #000;
  }
}
/* AppliedXL skin, opt-in at the application root. Status colors remain semantic. */
[data-system="appliedxl"] {
  --bg-primary: #090909;
  --bg-secondary: #121212;
  --bg-tertiary: #191919;
  --bg-elevated: #202020;
  --surface-default: #090909;
  --surface-hover: #252525;
  --surface-active: #2b2b2b;
  --surface-border: #333333;
  --surface-border-subtle: #2e2e2e;
  --surface-border-strong: #585858;
  --surface-border-emphasis: #717171;
  --text-primary: #eeeeee;
  --text-secondary: #b5b5b5;
  --text-tertiary: #959595;
  --action-bg: #f0806f;
  --action-hover: #f49a8c;
  --action-fg: #111;
  --accent-primary: #f0806f;
  --accent-primary-hover: #f49a8c;
  --accent-primary-dark: #d96757;
  --accent-primary-05: rgba(240, 128, 111, 0.05);
  --accent-primary-10: rgba(240, 128, 111, 0.1);
  --accent-primary-15: rgba(240, 128, 111, 0.15);
  --accent-primary-25: rgba(240, 128, 111, 0.25);
  --brand-accent: #ef5945;
}
.light[data-system="appliedxl"],
.light [data-system="appliedxl"] {
  --bg-primary: #fff;
  --bg-secondary: #f7f7f7;
  --bg-tertiary: #efefef;
  --bg-elevated: #fff;
  --surface-default: #fff;
  --surface-hover: #f0f0f0;
  --surface-active: #eaeaea;
  --surface-border: #dfdfdf;
  --surface-border-subtle: #e6e6e6;
  --surface-border-strong: #aaaaaa;
  --surface-border-emphasis: #7a7a7a;
  --text-primary: #161616;
  --text-secondary: #606060;
  --text-tertiary: #707070;
  --action-bg: #d43b2a;
  --action-hover: #b82e20;
  --action-fg: #fff;
  --accent-primary: #d43b2a;
  --accent-primary-hover: #b82e20;
  --accent-primary-dark: #b82e20;
  --accent-primary-05: rgba(212, 59, 42, 0.05);
  --accent-primary-10: rgba(212, 59, 42, 0.1);
  --accent-primary-15: rgba(212, 59, 42, 0.15);
  --accent-primary-25: rgba(212, 59, 42, 0.25);
  --brand-accent: #ef5945;
}
/* AXL Wire display lockup: geometric AXL monogram (vector) beside a thin "Wire". */
.axl-monogram{display:inline-block;flex-shrink:0;height:.66em;aspect-ratio:500/143;background:currentColor;-webkit-mask:url("mark.png") center/contain no-repeat;mask:url("mark.png") center/contain no-repeat;margin-right:.06em;vertical-align:baseline}
.masthead .firstwire-wordmark{align-items:baseline}
.masthead .firstwire-wordmark .axl-monogram{display:inline-block;height:.66em;margin-right:.06em}
.masthead .brand-lockup,#fw-entry .access-brand{--axl-ribbon-skew:-48deg}
@media(max-width:700px){.masthead .brand-lockup .firstwire-wordmark{font-size:24px!important}}
@media(max-width:360px){.masthead .brand-lockup .firstwire-wordmark{font-size:21px!important}}
.masthead .brand-lockup .wordmark-stack .brand-tagline{justify-content:flex-end;gap:4px}
.masthead .brand-lockup .brand-tagline .official-wordmark{width:48px;flex:0 0 48px;height:13px;min-height:0;color:inherit;background-color:currentColor}
#fw-entry .brand-stack .brand-endorsement{justify-content:flex-end;gap:4px}
#fw-entry .brand-endorsement .appliedxl-logo{width:42px;flex:0 0 42px;height:12px;min-height:0;color:inherit;background-color:currentColor}
#fw-entry .fwe-interlude-stack .fwe-interlude-powered{justify-content:flex-end;gap:4px}
#fw-entry .fwe-interlude-powered .fwe-interlude-axl{width:48px;height:13px;color:inherit;background-color:currentColor}
.masthead .identity .brand-lockup{gap:2px;position:relative;left:-6px}
#fw-entry.access-layout .access-brand{gap:3px}
#fw-entry div.fwe-interlude-brand{gap:8px}
@media(max-width:760px){#fw-entry.access-layout .access-brand{gap:2px}}
/* Match the visible AXL mask, not the full wordmark-and-endorsement stack. */
.masthead .identity .brand-lockup::before{height:19.01px;align-self:flex-start;margin-top:6px}
#fw-entry .access-brand .brand-flag{height:21.02px;align-self:flex-start;margin-top:7px}
#fw-entry .fwe-interlude-brand>i:first-child{height:27.72px;align-self:flex-start;margin-top:7px}
@media(max-width:760px){#fw-entry .access-brand .brand-flag{height:17.42px;margin-top:6px}}
@media(max-width:700px){.masthead .identity .brand-lockup::before{height:14.26px;margin-top:5px}}
@media(max-width:360px){.masthead .identity .brand-lockup::before{height:12.47px;margin-top:4.5px}}