/*
 * Copyright 2020 Adobe. All rights reserved.
 * This file is licensed to you under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License. You may obtain a copy
 * of the License at http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
 * OF ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 */

/* stylelint-disable -- lifted verbatim from the source theme; do not reformat */
/* Lifted verbatim: the :root token rules of https://www.barclays.co.uk/ theme.css (with their @media conditions). Do not edit by hand. */
:root{
  --t-color-primary:#00aeef;
  --t-color-interactive:#006de3;
  --t-color-interactive-alt:#005bbe;
  --t-color-info:#006de3;
  --t-color-info-secondary:#fff;
  --t-color-info-tint:#e7f0fb;
  --t-color-info-tint-light:#f2f8fe;
  --t-color-error:#e3000f;
  --t-color-error-alt:#b20110;
  --t-color-error-secondary:#fff;
  --t-color-error-tint:#fde7e9;
  --t-color-error-tint-light:#fcf3f3;
  --t-color-warning:#ffba00;
  --t-color-warning-tint:#fff8e7;
  --t-color-warning-tint-light:#fff8e7;
  --t-color-success:#09821f;
  --t-color-success-secondary:#fff;
  --t-color-success-tint:#e9f4ea;
  --t-color-success-tint-light:#f4f9f5;
  --t-color-neutral:#515151;
  --t-color-neutral-tint:#eee;
  --t-color-neutral-tint-light:#f6f6f6;
  --t-color-0:#fff;
  --t-color-10:#fff;
  --t-color-30:#f6f6f6;
  --t-color-40:#e2e2e2;
  --t-color-50:#8e8e8e;
  --t-color-60:#515151;
  --t-color-60-tint:#eee;
  --t-color-70:#272727;
  --t-color-100:#000;
  --t-color-0-rgb:255,255,255;
  --t-color-10-rgb:255,255,255;
  --t-color-30-rgb:246,246,246;
  --t-color-40-rgb:226,226,226;
  --t-color-50-rgb:142,142,142;
  --t-color-60-rgb:81,81,81;
  --t-color-60-tint-rgb:238,238,238;
  --t-color-70-rgb:39,39,39;
  --t-color-100-rgb:0,0,0;
  --t-opacity-low:0.16;
  --t-hover-filter-brightness:0.885;
  --t-color-0-fixed:#fff;
  --t-color-10-fixed:#fff;
  --t-color-40-fixed:#e2e2e2;
  --t-color-60-fixed:#515151;
  --t-color-70-fixed:#272727;
  --t-color-100-fixed:#000;
  --t-color-0-fixed-rgb:255,255,255;
  --t-color-10-fixed-rgb:255,255,255;
  --t-color-40-fixed-rgb:226,226,226;
  --t-color-60-fixed-rgb:81,81,81;
  --t-color-70-fixed-rgb:39,39,39;
  --t-color-100-fixed-rgb:0,0,0;
  --t-color-sacred-10:#fff;
  --t-color-sacred-60:#515151;
  --t-color-sacred-70:#272727;
  --t-color-sacred-10-rgb:255,255,255;
  --t-color-sacred-dark:#161b2f;
  --t-color-sacred-primary:#00aeef;
  --t-color-sacred-info:#001276;
  --t-color-sacred-success:#09821f;
  --t-alert-border-width:2px;
  --t-arrange-gap:var(--t-gutter-inner);
  --t-arrange-gap-fixed:var(--t-spacing-md);
  --t-badge-text-transform:uppercase;
  --t-badge-font-size:0.875rem;
  --t-badge-line-height:1.125rem;
  --t-banner-title-padding:36px;
  --t-banner-media-width-sm:32px;
  --t-banner-media-width-md:48px;
  --t-banner-media-width-lg:104px;
  --t-banner-media-full-bleed-width-sm:102px;
  --t-banner-media-full-bleed-width-md:142px;
  --t-banner-media-full-bleed-width-lg:312px;
  --t-banner-border-radius:16px;
  --t-brand-logo-suffix-height-multiplier:0.8;
  --t-brand-logo-height-sm:24px;
  --t-brand-logo-height:30px;
  --t-brand-logo-height-lg:40px;
  --t-brand-logo-gap-sm:4px;
  --t-brand-logo-gap:6px;
  --t-brand-logo-gap-lg:8px;
  --t-brand-logo-color:var(--t-color-primary);
  --t-button-padding-block:10px;
  --t-button-padding-inline:28px;
  --t-button-padding:var(--t-button-padding-block) var(--t-button-padding-inline);
  --t-button-small-padding:2px 16px;
  --t-button-small-media-only-padding:2px;
  --t-button-font-size:1rem;
  --t-button-border-width:2px;
  --t-button-border-radius:99px;
  --t-button-media-only-padding:11px;
  --t-button-font-weight:var(--t-type-font-weight-medium);
  --t-chip-padding:2px 22px;
  --t-chip-border-radius:var(--t-border-radius-sm);
  --t-chip-group-shadow-position-top:2px;
  --t-chip-group-shadow-width:9px;
  --t-chip-group-shadow-height:36px;
  --t-control-size:28px;
  --t-control-toggle-width:50px;
  --t-control-radio-indicator-size:16px;
  --t-control-border-radius:4px;
  --t-control-pane-border-radius:8px;
  --t-pane-label-padding:var(--t-spacing-md);
  --t-control-pane-label-background-color:var(--t-color-10);
  --t-control-pane-border-top-radius:var(--t-control-pane-border-radius);
  --t-control-pane-border-bottom-radius:var(--t-control-pane-border-radius);
  --t-drawer-z-index:90;
  --t-feature-tile-text-max-width-md:34.8125rem;
  --t-feature-tile-text-max-width-lg:51rem;
  --t-form-field-padding-x:12px;
  --t-form-field-nested-button-padding-x:12px;
  --t-form-field-padding-y:11px;
  --t-form-field-border-radius:var(--t-border-radius-sm);
  --t-form-item-dropdown-z-index:90;
  --t-ghost-border-radius:4px;
  --t-ghost-button-height:calc(var(--t-button-font-size)*1.5 + var(--t-button-padding-block)*2 + var(--t-button-border-width)*2);
  --t-header-box-shadow:0 -6px 16px #0003;
  --t-header-logo-width:26px;
  --t-header-logo-height:28px;
  --t-header-wordmark-height:24px;
  --t-header-menu-size:24px;
  --t-header-z-index:80;
  --t-header-link-border-width:4px;
  --t-hero-aperture-width:0;
  --t-hero-aperture-background-color:#0000;
  --t-hero-aperture-border-radius:0;
  --t-hero-aperture-gap:0;
  --t-hero-icon-top:0;
  --t-hero-icon-display:none;
  --t-hero-icon-color:#0000;
  --t-hero-max-width:1440px;
  --t-hero-portal-width:var(--t-portal-border-width);
  --t-hero-portal-width-md:var(--t-portal-border-width-md);
  --t-hero-portal-width-lg:var(--t-portal-border-width-lg);
  --t-hero-immersive-overlay-max-width:31.25rem;
  --t-hero-immersive-heading-max-width-2xl:1088px;
  --t-hero-immersive-heading-max-width-lg:816px;
  --t-hero-immersive-heading-max-width-md:672px;
  --t-hero-immersive-heading-max-width-sm:312px;
  --t-hero-immersive-body-overlay-max-height-lg:475px;
  --t-hero-immersive-body-overlay-max-height-md:250px;
  --t-hero-immersive-body-overlay-max-height-sm:290px;
  --t-hero-immersive-body-overlay-background:#000063;
  --t-hero-immersive-container-max-width:1920px;
  --t-hero-body-overlay-transform:translateY(-50%);
  --t-hero-body-overlay-transform-2xl:translate(0,-35%);
  --t-hero-body-overlay-spacing-2xl:340px;
  --t-hero-immersive-media-max-height-2xl:100vh;
  --t-hero-immersive-heading-font-size-2xl:5rem;
  --t-hero-immersive-heading-line-height-2xl:4.75rem;
  --t-hero-immersive-label-font-size-2xl:2rem;
  --t-hero-immersive-label-line-height-2xl:2.375rem;
  --t-hero-immersive-body-overlay-media-max-height-md-down:65vh;
  --t-hero-immersive-body-gradient-media-max-height-md-down:100vh;
  --t-icon-size-2xs:12px;
  --t-icon-size-xs:16px;
  --t-icon-size-sm:24px;
  --t-icon-size-md:32px;
  --t-icon-size-lg:48px;
  --t-icon-size-xl:64px;
  --t-icon-size-2xl:80px;
  --t-icon-fill:var(--t-color-70);
  --t-icon-fill-secondary:var(--t-color-10);
  --t-insight-chevron-background-rgba:#fff3;
  --t-link-margin:0;
  --t-link-min-width:44px;
  --t-link-secondary-color:var(--t-color-70);
  --t-list-marker-size:6px;
  --t-loading-size-sm:24px;
  --t-loading-size-md:32px;
  --t-loading-size-lg:64px;
  --t-menu-icon-size:24px;
  --t-modal-z-index:102;
  --t-multimedia-control-focus-size:50px;
  --t-multimedia-control-focus-border-width:3px;
  --t-multimedia-control-focus-outline-width:4px;
  --t-multimedia-control-outline-color-rgba:#0009;
  --t-multimedia-progress-stroke-width:3;
  --t-multimedia-video-max-height-md:25rem;
  --t-nav-width:336px;
  --t-nav-padding-top:var(--t-spacing-lg);
  --t-nav-padding-inline:var(--t-gutter-outer);
  --t-nav-border-width:0;
  --t-nav-logo-width:26px;
  --t-nav-logo-height:28px;
  --t-nav-wordmark-height:24px;
  --t-notification-border-color:var(--t-color-10);
  --t-notification-border-width:1px;
  --t-notification-min-size:18px;
  --t-notification-empty-min-size:12px;
  --t-page-z-index:80;
  --t-pagination-button-padding:2px var(--t-spacing-2xs);
  --t-pagination-button-media-padding:2px;
  --t-progress-bar-border-width:1px;
  --t-progress-bar-size:4px;
  --t-progress-bar-border-radius:var(--t-border-radius-sm);
  --t-progress-marker-size:16px;
  --t-promo-panel-media-width-sm:104px;
  --t-promo-panel-media-width-lg:160px;
  --t-promo-panel-border-radius:var(--t-border-radius-2xl);
  --t-promo-panel-border-radius-lg:var(--t-border-radius-3xl);
  --t-promo-panel-content-max-width:803px;
  --t-segmented-navigation-border-radius:18px;
  --t-vertical-separator-height:32px;
  --t-vertical-separator-width:1px;
  --t-tab-border-width:4px;
  --t-ticker-tape-padding-inline:0.2em;
  --t-tile-logo-size:72px;
  --t-timer-border-radius:var(--t-border-radius-xl);
  --t-toast-z-index:82;
  --t-border-radius:8px;
  --t-border-radius-sm:4px;
  --t-border-radius-lg:12px;
  --t-border-radius-xl:16px;
  --t-border-radius-2xl:24px;
  --t-border-radius-3xl:32px;
  --t-border-width:2px;
  --t-focus-width:2px;
  --t-focus-box-shadow:0 0 0 2px var(--t-color-10),0 0 0 4px var(--t-color-interactive);
  --t-focus-hover-box-shadow:0 0 0 2px var(--t-color-10),0 0 0 4px var(--t-color-interactive-alt);
  --t-gutter-inner:8px;
  --t-gutter-outer:24px;
  --t-gutter-margin-left:auto;
  --t-max-width:1280px;
  --t-portal-border-width:8px;
  --t-portal-border-width-md:16px;
  --t-portal-border-width-lg:56px;
  --t-raised-box-shadow:0 0 20px rgba(var(--t-color-70-rgb),0.2);
  --t-spacing-3xs:2px;
  --t-spacing-2xs:4px;
  --t-spacing-xs:8px;
  --t-spacing-sm:12px;
  --t-spacing-md:16px;
  --t-spacing-lg:24px;
  --t-spacing-xl:32px;
  --t-spacing-2xl:40px;
  --t-spacing-3xl:56px;
  --t-spacing-4xl:72px;
  --t-spacing-5xl:80px;
  --t-spacing-6xl:120px;
  --t-transition-duration-extra-fast:0;
  --t-transition-duration-fast:0;
  --t-transition-duration-medium:0;
  --t-transition-duration-slow:0;
  --t-transition-duration-extra-slow:0;
  --t-transition-delay:0;
  --t-transition-scroll-behavior:auto;
  --t-type-font-family:"Barclays Effra",Arial,sans-serif;
  --t-type-heading-font-family:var(--t-type-font-family);
  --t-type-button-font-family:var(--t-type-font-family);
  --t-type-font-size:1rem;
  --t-type-font-size-xs:0.75rem;
  --t-type-font-size-sm:0.875rem;
  --t-type-font-size-md:1.125rem;
  --t-type-font-size-lg:1.25rem;
  --t-type-font-size-xl:1.5rem;
  --t-type-font-size-2xl:2rem;
  --t-type-font-size-3xl:3rem;
  --t-type-font-weight-light:300;
  --t-type-font-weight:400;
  --t-type-font-weight-medium:500;
  --t-type-font-weight-bold:700;
  --t-type-font-weight-heavy:900;
  --t-type-line-height:1.375rem;
  --t-type-line-height-xs:1rem;
  --t-type-line-height-sm:1.125rem;
  --t-type-line-height-md:1.5rem;
  --t-type-line-height-lg:1.5rem;
  --t-type-line-height-xl:1.75rem;
  --t-type-line-height-2xl:2.375rem;
  --t-type-line-height-3xl:3.625rem;
  --t-type-letter-spacing-xs:0.003rem;
  --t-type-letter-spacing-md:-0.0045rem;
  --t-type-letter-spacing-lg:-0.01rem;
  --t-type-letter-spacing-xl:-0.018rem;
  --t-type-letter-spacing-2xl:-0.032rem;
  --t-type-letter-spacing-3xl:-0.072rem;
  --t-type-color:var(--t-color-60);
  --t-type-heading-color:var(--t-color-70);
  --t-type-margin-bottom:var(--t-spacing-md);
  --t-type-margin-bottom-lg:var(--t-spacing-lg);
  --t-type-margin-bottom-xl:var(--t-spacing-xl);
  --t-type-margin-bottom-sm:var(--t-spacing-sm);
  --t-type-margin-bottom-xs:var(--t-spacing-xs);
  --t-type-margin-bottom-2xs:var(--t-spacing-2xs)}
@media (prefers-color-scheme:dark){
:root{--t-color-primary:#00aeef;
  --t-color-interactive:#3696fc;
  --t-color-interactive-alt:#0d81fb;
  --t-color-info:#3696fc;
  --t-color-info-secondary:#161b2f;
  --t-color-info-tint:#192744;
  --t-color-info-tint-light:#1c253c;
  --t-color-error:#ff5b4b;
  --t-color-error-alt:#b20110;
  --t-color-error-secondary:#161b2f;
  --t-color-error-tint:#2d1f30;
  --t-color-error-tint-light:#281f2e;
  --t-color-warning:#ffc21c;
  --t-color-warning-tint:#2d2c2d;
  --t-color-warning-tint-light:#29282d;
  --t-color-success:#32d74b;
  --t-color-success-secondary:#161b2f;
  --t-color-success-tint:#192e32;
  --t-color-success-tint-light:#1c2930;
  --t-color-neutral:#b9c9ed;
  --t-color-neutral-tint:#262c42;
  --t-color-neutral-tint-light:#262939;
  --t-color-0:#000;
  --t-color-10:#161b2f;
  --t-color-30:#292b3d;
  --t-color-40:#646774;
  --t-color-50:#979aa3;
  --t-color-60:#cbccd1;
  --t-color-60-tint:#262c42;
  --t-color-70:#fff;
  --t-color-100:#fff;
  --t-color-0-rgb:0,0,0;
  --t-color-10-rgb:22,27,47;
  --t-color-30-rgb:36,43,76;
  --t-color-40-rgb:42,49,82;
  --t-color-50-rgb:94,98,123;
  --t-color-60-rgb:203,204,209;
  --t-color-60-tint-rgb:38,44,66;
  --t-color-70-rgb:255,255,255;
  --t-color-100-rgb:255,255,255;
  --t-opacity-low:0.84;
  --t-hover-filter-brightness:0.785}
}
@media screen and (forced-colors:active){
:root{--t-icon-fill:windowText}
}
@media (min-width:40.001rem){
:root{--t-gutter-inner:16px;
  --t-gutter-outer:48px}
}
@media (min-width:60.001rem){
:root{--t-gutter-inner:24px;
  --t-gutter-outer:24px;
  --t-type-font-size-md:1.25rem;
  --t-type-font-size-lg:1.5rem;
  --t-type-font-size-xl:2rem;
  --t-type-font-size-2xl:3rem;
  --t-type-font-size-3xl:5rem;
  --t-type-line-height:1.5rem;
  --t-type-line-height-xs:1.125rem;
  --t-type-line-height-sm:1.25rem;
  --t-type-line-height-md:1.75rem;
  --t-type-line-height-lg:2rem;
  --t-type-line-height-xl:2.375rem;
  --t-type-line-height-2xl:3.625rem;
  --t-type-line-height-3xl:4.75rem;
  --t-type-letter-spacing-md:-0.005rem;
  --t-type-letter-spacing-lg:-0.018rem;
  --t-type-letter-spacing-xl:-0.032rem;
  --t-type-letter-spacing-2xl:-0.072rem;
  --t-type-letter-spacing-3xl:-0.16rem}
}
@media (prefers-reduced-motion:no-preference){
:root{--t-transition-duration-extra-fast:75ms;
  --t-transition-duration-fast:120ms;
  --t-transition-duration-medium:150ms;
  --t-transition-duration-slow:300ms;
  --t-transition-duration-extra-slow:500ms;
  --t-transition-delay:120ms;
  --t-transition-scroll-behavior:smooth}
}
/* stylelint-enable */

/* ---------- Barclays replica foundation (stardust:replica → deploy) ---------- */

/* Font: Barclays Effra is licensed; Outfit (OFL) metric-matched at 99.1% stands in.
   The brand family stays first so a licensed drop-in wins without a code change. */
/* stylelint-disable-next-line no-duplicate-selectors -- font + surface overrides of the lifted tokens */
:root {
  --t-type-font-family: "Barclays Effra", outfit-effra-metrics, arial, sans-serif;
  --t-type-heading-font-family: "Barclays Effra", outfit-effra-metrics, arial, sans-serif;
  --t-type-button-font-family: "Barclays Effra", outfit-effra-metrics, arial, sans-serif;

  /* lifted from the micro-theme / hero computed styles */
  --hero-bg: rgb(0 0 99);
  --band-navy-bg: rgb(0 18 118);
  --band-teal-bg: rgb(0 102 102);
  --band-teal-fg: rgb(175 253 253);
  --return-bg: rgb(217 217 217);
  --col-pad: calc(var(--t-gutter-inner) / 2);

  /* header reservation = the chrome's real rendered height (140 mobile / 154 desktop) */
  --nav-height: 140px;

  /* boilerplate token names kept as aliases, for the blocks this page does not use
     (accordion, table, tabs, search) */
  --background-color: var(--t-color-10);
  --light-color: var(--t-color-30);
  --dark-color: var(--t-color-60);
  --text-color: var(--t-type-color);
  --link-color: var(--t-color-interactive);
  --link-hover-color: var(--t-color-interactive-alt);
  --body-font-family: var(--t-type-font-family);
  --heading-font-family: var(--t-type-heading-font-family);
  --body-font-size-m: var(--t-type-font-size-md);
  --body-font-size-s: var(--t-type-font-size);
  --body-font-size-xs: var(--t-type-font-size-sm);
  --heading-font-size-xxl: var(--t-type-font-size-2xl);
  --heading-font-size-xl: var(--t-type-font-size-xl);
  --heading-font-size-l: var(--t-type-font-size-lg);
  --heading-font-size-m: var(--t-type-font-size-md);
  --heading-font-size-s: var(--t-type-font-size);
  --heading-font-size-xs: var(--t-type-font-size-sm);
}

@media (width >= 60.001rem) {
  :root {
    --nav-height: 154px;
  }
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  display: none;
  margin: 0;
  background-color: var(--t-color-10);
  color: var(--t-type-color);
  font-family: var(--t-type-font-family);
  font-size: var(--t-type-font-size);
  line-height: var(--t-type-line-height);
}

body.appear {
  display: block;
}

header {
  height: var(--nav-height);
}

header .header,
footer .footer {
  visibility: hidden;
}

header .header[data-block-status="loaded"],
footer .footer[data-block-status="loaded"] {
  visibility: visible;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 var(--t-type-margin-bottom);
  color: var(--t-type-heading-color);
  font-family: var(--t-type-heading-font-family);
  font-weight: var(--t-type-font-weight-medium);
  scroll-margin: 40px;
}

h1 {
  font-size: var(--t-type-font-size-2xl);
  line-height: var(--t-type-line-height-2xl);
  letter-spacing: var(--t-type-letter-spacing-2xl);
}

h2 {
  font-size: var(--t-type-font-size-xl);
  line-height: var(--t-type-line-height-xl);
  letter-spacing: var(--t-type-letter-spacing-xl);
}

h3,
h4 {
  font-size: var(--t-type-font-size-md);
  line-height: var(--t-type-line-height-md);
  letter-spacing: var(--t-type-letter-spacing-md);
}

p,
ol,
ul {
  margin: 0 0 var(--t-type-margin-bottom);
}

sup {
  font-size: var(--t-type-font-size-xs);
  line-height: var(--t-type-line-height-xs);
  letter-spacing: var(--t-type-letter-spacing-xs);
}

input,
textarea,
select,
button {
  font: inherit;
}

a:any-link {
  color: var(--t-color-interactive);
  font-weight: var(--t-type-font-weight-medium);
  text-decoration: underline;
  overflow-wrap: break-word;
}

a:hover {
  color: var(--t-color-interactive-alt);
}

.icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}

.icon img {
  width: 100%;
  height: 100%;
}

/* ---------- buttons (c-button): bare link = secondary pill, <strong> = primary ---------- */
p.button-container {
  margin: 0 0 var(--t-type-margin-bottom);
}

a.button:any-link,
button.button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 0;
  padding: 10px 28px;
  border: var(--t-button-border-width) solid var(--t-color-interactive);
  border-radius: var(--t-button-border-radius);
  background-color: var(--t-color-10);
  color: var(--t-color-interactive);
  font-family: var(--t-type-button-font-family);
  font-size: 16px;
  font-weight: var(--t-type-font-weight-medium);
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  overflow-wrap: anywhere;
  cursor: pointer;
}

a.button.primary:any-link,
button.button.primary {
  background-color: var(--t-color-interactive);
  color: var(--t-color-10);
}

a.button:hover {
  color: var(--t-color-interactive-alt);
  border-color: var(--t-color-interactive-alt);
}

a.button.primary:hover {
  background-color: var(--t-color-interactive-alt);
  color: var(--t-color-10);
}

/* ---------- sections ---------- */
main > .section {
  margin: 0;
  padding: 24px 0;
  background: var(--t-color-30);
}

main > .section > div {
  max-width: var(--t-max-width);
  margin: 0 auto;
  padding: 0 var(--t-gutter-outer);
}

main .section:empty {
  display: none;
}

main > .section > div.default-content-wrapper {
  display: flow-root;
}

/* section-metadata styles (default-content sections only) */
main .section.band-navy {
  background: var(--band-navy-bg);
}

main .section.band-teal {
  background: var(--band-teal-bg);
}

main .section.app-scams p.button-container {
  margin: 48px 0 0;
}

main .section:is(.band-navy, .band-teal) .default-content-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

main .section:is(.band-navy, .band-teal) .default-content-wrapper p.button-container {
  margin: 0;
}

main .section.band-navy :is(h2, p) {
  color: var(--t-color-10);
}

main .section.band-teal :is(h2, p) {
  color: var(--band-teal-fg);
}

main .section:is(.band-navy, .band-teal) a.button:any-link {
  width: 100%;
}

main .section.band-navy a.button:any-link {
  border-color: var(--t-color-10);
  background: var(--t-color-10);
  color: var(--band-navy-bg);
}

main .section.band-teal a.button:any-link {
  border-color: var(--band-teal-fg);
  background: var(--band-teal-fg);
  color: var(--band-teal-bg);
}

main .section.feedback-container {
  background: var(--t-color-10);
}

main .section.return-top {
  padding: 16px 0;
  background: var(--return-bg);
  text-align: center;
}

main .section.return-top p {
  margin: 0;
}

main .section:is(.return-top, .app-scams) a.button:any-link {
  display: inline;
  padding: 0;
  border: 0;
  background: none;
  font-family: inherit;
  text-decoration: underline;
}

main .section.return-top a:any-link {
  color: var(--t-color-60);
  line-height: 22px;
}

main .section.footnotes {
  padding-bottom: 0;
}

main .section.footnotes h2 {
  font-size: var(--t-type-font-size-lg);
  line-height: var(--t-type-line-height-lg);
  letter-spacing: var(--t-type-letter-spacing-lg);
}

main .section.footnotes ol {
  padding: 0;
}

main .section.footnotes li {
  margin: 0 0 8px 24px;
}

main .section.footnotes li p {
  margin: 0;
}

/* heading → text is 16px on the live band: 8px margin + the wrapper's 8px (row) gap */
main .section:is(.band-navy, .band-teal) .default-content-wrapper h2 {
  margin-bottom: 8px;
}

@media (width >= 40.001rem) {
  main .section:is(.band-navy, .band-teal) .default-content-wrapper {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 24px;
    align-items: center;
  }

  main .section:is(.band-navy, .band-teal) .default-content-wrapper :is(h2, p) {
    grid-column: 1;
  }

  main .section:is(.band-navy, .band-teal) .default-content-wrapper p.button-container {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  main .section:is(.band-navy, .band-teal) a.button:any-link {
    width: auto;
  }
}

@media (width >= 60.001rem) {
  main > .section {
    padding: 40px 0;
  }

  main .section.return-top {
    padding: 16px 0;
  }

  main .section.footnotes {
    padding-bottom: 0;
  }

  main .section.return-top a:any-link {
    line-height: 24px;
  }
}

/* stylelint-disable no-descending-specificity -- edit-mode snippets, order prescribed by the deploy EW contract */

/* Experience Workspace edit mode: repaint CTAs from their authored marks (no effect when published) */
.prosemirror-editor p > :is(strong, em) > a:any-link,
.prosemirror-editor p > a:any-link:has(> :is(strong, em):only-child) {
  display: inline-flex;
  padding: 10px 28px;
  border: var(--t-button-border-width) solid var(--t-color-interactive);
  border-radius: var(--t-button-border-radius);
  text-decoration: none;
}

.prosemirror-editor p > a:any-link > :is(strong, em) {
  font-weight: inherit;
  font-style: inherit;
}

.prosemirror-editor p > strong > a:any-link,
.prosemirror-editor p > a:any-link:has(> strong:only-child) {
  background-color: var(--t-color-interactive);
  color: var(--t-color-10);
}

a .prosemirror-editor a:any-link {
  color: inherit;
  text-decoration: none;
}
/* stylelint-enable no-descending-specificity */