/*
 * ALLOut Security — Article Standard.
 *
 * Two scopes, and they are independent on purpose:
 *
 *   .aos-article-meta                        the byline + share row. Always styled
 *                                            wherever the shortcode is placed.
 *   body.aos-article-std .the_content_wrapper the article body. The body class is
 *                                            added only on single posts, and only
 *                                            while the typography setting is on.
 *
 * ENQUEUED, not inlined — unlike every other block in this plugin. The typography is
 * not rendered by a shortcode, so there is no "after wp_head" problem to work around,
 * and one cached file beats the same 12KB inlined into every article. See the header
 * of class-allout-blocks-article-type.php.
 *
 * TOKENS ARE DECLARED ON THE TWO SCOPES, never on :root. BeTheme, the customer portal
 * and WP-Client all have their own colours and share this stylesheet's page.
 *
 * FONT PATHS ARE RELATIVE, because a statically enqueued file cannot have the plugin
 * URL substituted into it the way design-base.css does with %%AOS_FONTS%%. Four levels
 * up from types/ArticleStandard/assets/css/ is the plugin root. The faces are declared
 * here rather than assumed, because a post page need not carry any other 2026 block —
 * identical declarations to design-base.css resolve to the same files, so a page with
 * both downloads nothing twice.
 *
 * SELECTORS ARE ELEMENT SELECTORS. The body is BeBuilder's Post Content item and holds
 * whatever tags the editor produced, with no classes on any of them. The optional
 * components are the exception, and each is one class on one element, because that is
 * all a non-technical author can add.
 */

/* ==========================================================================
   FONTS — Poppins 700 and 800 only; there is no Poppins 400/500/600 on the server.
   Mulish is variable: one file serves 200-1000.
   ========================================================================== */

@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;
  src:url('../../../../assets/fonts/poppins/poppins-700-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;
  src:url('../../../../assets/fonts/poppins/poppins-700-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;
  src:url('../../../../assets/fonts/poppins/poppins-800-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;
  src:url('../../../../assets/fonts/poppins/poppins-800-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

@font-face{font-family:'Mulish';font-style:normal;font-weight:200 1000;font-display:swap;
  src:url('../../../../assets/fonts/mulish/mulish-variable-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'Mulish';font-style:normal;font-weight:200 1000;font-display:swap;
  src:url('../../../../assets/fonts/mulish/mulish-variable-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}

/* ==========================================================================
   TOKENS
   ========================================================================== */

body.aos-article-std,
.aos-article-meta{
  /* brand — kept identical to design-base.css on purpose; this block stands
     alone, and a token that exists in one copy and not the other is the drift
     both copies were written to avoid. */
  --red-400:#F0555F; --red-500:#E8323F; --red-600:#D11F2C; --red-700:#AE1822;
  --red-brand:#f03c45;
  --navy-700:#14224A; --navy-800:#0E1C40; --navy-900:#081634;
  --blue-400:#3D63D8; --blue-500:#2B4FC9; --blue-600:#1F3CA6;

  /* neutrals */
  --gray-50:#F7F8FB; --gray-100:#EFF1F6; --gray-200:#E3E7EF; --gray-300:#D2D8E4;
  --gray-500:#7B8499; --gray-700:#3E4658;

  /* semantic */
  --text-strong:var(--navy-700);
  --text-body:var(--gray-700);
  --text-muted:var(--gray-500);
  --border-subtle:var(--gray-200);
  --color-primary:var(--red-500);
  --color-link:var(--blue-500);

  /* type */
  --font-display:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --font-body:'Mulish',system-ui,-apple-system,'Segoe UI',sans-serif;

  /* radius + shadow */
  --radius-md:8px; --radius-lg:12px; --radius-card:14px; --radius-xl:16px;
  --shadow-card:0 4px 16px rgba(14,28,64,.08);
  --shadow-focus:0 0 0 3px rgba(61,99,216,.35);

  /* gradient — the CTA panel's surface, matching the site's hero */
  --hero-grad:linear-gradient(115deg,#081634 0%,#0E1C40 46%,#1A2A52 100%);
  --hero-streak:linear-gradient(118deg,transparent 58%,rgba(232,50,63,0) 60%,rgba(232,50,63,.55) 78%,rgba(240,85,95,.15) 92%);

  /* article-only */
  /* The measure is now set by whatever CONTAINER the article sits in, not by
     this stylesheet — the single event page caps its body column at 760px, and
     a second cap inside that one only sat the text off-centre in it. Set this
     back to a px value to have the stylesheet enforce its own again. */
  --measure:100%;
  --measure-wide:940px;   /* figures, tables and boxes break out to here */
  --sticky-offset:100px;  /* the site header is sticky; anchors must clear it */
}

/* ==========================================================================
   META ROW
   Styled off its own class, so it survives the typography setting being off.
   ========================================================================== */

.aos-article-meta{
  max-width:var(--measure);margin:0 auto;padding:22px 0 20px;
  border-bottom:1px solid var(--border-subtle);
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  font-family:var(--font-body);color:var(--text-body);
  -webkit-font-smoothing:antialiased;
}
.aos-article-meta *,.aos-article-meta *::before,.aos-article-meta *::after{box-sizing:border-box;}
.aos-article-meta svg{display:block;flex:none;}

.aos-byline{display:flex;align-items:center;gap:14px;min-width:0;}
.aos-byline-mono{
  flex:none;width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;
  background:rgba(232,50,63,.10);color:var(--red-600);
  font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:.02em;
}
.aos-byline-txt{min-width:0;}
.aos-byline-who{font-size:15px;font-weight:700;line-height:1.35;color:var(--text-strong);}
.aos-byline-meta{font-size:13.5px;line-height:1.4;color:var(--text-muted);margin-top:2px;}
.aos-byline-meta i{font-style:normal;padding:0 7px;color:var(--gray-300);}
.aos-byline-meta a{color:inherit;text-decoration:none;border-bottom:1px solid var(--gray-300);}
.aos-byline-meta a:hover{color:var(--text-strong);border-bottom-color:var(--text-strong);}

.aos-share{display:flex;align-items:center;gap:10px;flex:none;}
.aos-share-lbl{
  font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;
  color:var(--text-muted);margin-right:2px;
}
.aos-share a,
.aos-share button{
  display:inline-grid;place-items:center;width:38px;height:38px;flex:none;
  padding:0;background:#fff;color:var(--navy-700);cursor:pointer;
  border:1px solid var(--border-subtle);border-radius:var(--radius-md);
  text-decoration:none;font:inherit;
  transition:background .15s ease,border-color .15s ease,color .15s ease,transform .08s ease;
}
.aos-share a:hover,
.aos-share button:hover{background:var(--navy-700);border-color:var(--navy-700);color:#fff;}
.aos-share a:active,
.aos-share button:active{transform:translateY(1px);}
/* Copy link, once the script has confirmed the browser can do it */
.aos-share .aos-share-copy[hidden]{display:none;}
.aos-share .aos-share-copy.is-copied,
.aos-share .aos-share-copy.is-copied:hover{background:var(--blue-500);border-color:var(--blue-500);color:#fff;}

.aos-article-meta a:focus-visible,
.aos-article-meta button:focus-visible{
  outline:2px solid var(--blue-400);outline-offset:2px;box-shadow:var(--shadow-focus);
}

/* ==========================================================================
   ARTICLE BODY
   Every child is centred on the reading measure; wide things opt out. With
   --measure at 100% the measure is the container's, so anything mounting this
   standard owes it a column narrow enough to read — the single event page gives
   it 760px. Dropped into BeTheme's full 1200px container with nothing narrowing
   it, an article reads badly, which is what the measure was originally for.
   ========================================================================== */

body.aos-article-std .the_content_wrapper{
  font-family:var(--font-body);color:var(--text-body);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
body.aos-article-std .the_content_wrapper > *{
  max-width:var(--measure);margin-left:auto;margin-right:auto;
}
body.aos-article-std .the_content_wrapper > figure,
body.aos-article-std .the_content_wrapper > .wp-caption,
body.aos-article-std .the_content_wrapper > .aos-table-wrap,
body.aos-article-std .the_content_wrapper > table,
body.aos-article-std .the_content_wrapper > .aos-takeaways,
body.aos-article-std .the_content_wrapper > .aos-cta{max-width:var(--measure-wide);}

/* headings ---------------------------------------------------------------- */

body.aos-article-std .the_content_wrapper h2,
body.aos-article-std .the_content_wrapper h3,
body.aos-article-std .the_content_wrapper h4,
body.aos-article-std .the_content_wrapper h5,
body.aos-article-std .the_content_wrapper h6{
  font-family:var(--font-display);font-weight:700;color:var(--text-strong);
  scroll-margin-top:var(--sticky-offset);text-wrap:balance;
}

body.aos-article-std .the_content_wrapper h2{
  font-size:32px;line-height:1.18;letter-spacing:-.015em;margin:60px 0 16px;
}
/* The red rule above an h2 is what gives the page its sections */
body.aos-article-std .the_content_wrapper h2::before{
  content:"";display:block;width:44px;height:3px;border-radius:2px;
  background:var(--red-500);margin-bottom:20px;
}
body.aos-article-std .the_content_wrapper h3{
  font-size:22px;line-height:1.3;letter-spacing:-.005em;margin:42px 0 12px;
}
body.aos-article-std .the_content_wrapper h4{
  font-size:19px;line-height:1.38;margin:34px 0 10px;color:var(--navy-800);
}
/*
 * h5 and h6 are real headings here, and that is not a nicety: the posts already
 * published lead their sections with h4 and h5, because writers dropped down the
 * scale to escape BeTheme's oversized h2. Those articles have to keep reading as
 * articles the moment this is switched on.
 */
body.aos-article-std .the_content_wrapper h5{
  font-size:17px;line-height:1.42;margin:30px 0 8px;color:var(--navy-800);
}
body.aos-article-std .the_content_wrapper h6{
  font-size:13px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;
  color:var(--red-500);margin:28px 0 8px;
}
body.aos-article-std .the_content_wrapper > *:first-child{margin-top:0;}
body.aos-article-std .the_content_wrapper > h2:first-child::before{display:none;}

/* text -------------------------------------------------------------------- */

body.aos-article-std .the_content_wrapper p{font-size:18px;line-height:1.75;margin:0 0 22px;}
/* the lead */
body.aos-article-std .the_content_wrapper > p:first-of-type{
  font-size:21px;line-height:1.62;font-weight:500;color:var(--navy-800);margin-bottom:28px;
}
body.aos-article-std .the_content_wrapper strong,
body.aos-article-std .the_content_wrapper b{font-weight:800;color:var(--text-strong);}
body.aos-article-std .the_content_wrapper em{font-style:italic;}
body.aos-article-std .the_content_wrapper small{font-size:14.5px;color:var(--text-muted);}
body.aos-article-std .the_content_wrapper abbr[title]{
  text-decoration:underline dotted;text-underline-offset:3px;cursor:help;
}
body.aos-article-std .the_content_wrapper a{
  color:var(--color-link);text-decoration:underline;text-decoration-thickness:1px;
  text-underline-offset:.16em;transition:color .15s ease;
}
body.aos-article-std .the_content_wrapper a:hover{color:var(--blue-600);text-decoration-thickness:2px;}
body.aos-article-std .the_content_wrapper a:visited{color:#4A3F8F;}
body.aos-article-std .the_content_wrapper a:focus-visible{
  outline:2px solid var(--blue-400);outline-offset:2px;box-shadow:var(--shadow-focus);
}

/* lists ------------------------------------------------------------------- */

body.aos-article-std .the_content_wrapper ul,
body.aos-article-std .the_content_wrapper ol{
  font-size:18px;line-height:1.7;margin:0 0 24px;padding:0;list-style:none;
}
body.aos-article-std .the_content_wrapper li{position:relative;padding-left:30px;margin-bottom:10px;}
body.aos-article-std .the_content_wrapper li > ul,
body.aos-article-std .the_content_wrapper li > ol{margin:10px 0 0;}
body.aos-article-std .the_content_wrapper ul > li::before{
  content:"";position:absolute;left:4px;top:.68em;
  width:7px;height:7px;border-radius:2px;background:var(--red-500);
}
body.aos-article-std .the_content_wrapper ul ul > li::before{
  background:transparent;border:2px solid var(--gray-300);
}
body.aos-article-std .the_content_wrapper ol{counter-reset:aos-ol;}
body.aos-article-std .the_content_wrapper ol > li{padding-left:40px;counter-increment:aos-ol;}
body.aos-article-std .the_content_wrapper ol > li::before{
  content:counter(aos-ol);position:absolute;left:0;top:.05em;
  width:26px;height:26px;border-radius:50%;
  background:var(--gray-100);color:var(--navy-700);
  font-family:var(--font-display);font-weight:700;font-size:13px;
  display:grid;place-items:center;
}
/* checklist — one class on the <ul> */
body.aos-article-std .the_content_wrapper ul.aos-check > li{padding-left:34px;}
body.aos-article-std .the_content_wrapper ul.aos-check > li::before{
  content:"";left:5px;top:.42em;width:14px;height:8px;
  background:none;border-radius:0;
  border-left:2.5px solid var(--blue-500);border-bottom:2.5px solid var(--blue-500);
  transform:rotate(-45deg);
}

/* definition list --------------------------------------------------------- */

body.aos-article-std .the_content_wrapper dl{font-size:18px;line-height:1.7;margin:0 0 24px;}
body.aos-article-std .the_content_wrapper dt{
  font-family:var(--font-display);font-weight:700;font-size:16px;color:var(--text-strong);
}
body.aos-article-std .the_content_wrapper dd{margin:2px 0 14px;padding-left:0;}

/* blockquote -------------------------------------------------------------- */

body.aos-article-std .the_content_wrapper blockquote{
  margin:36px auto;padding:4px 0 4px 28px;border-left:3px solid var(--red-500);
  background:none;font-style:normal;
}
body.aos-article-std .the_content_wrapper blockquote p{
  font-family:var(--font-display);font-weight:700;font-size:24px;line-height:1.35;
  letter-spacing:-.01em;color:var(--text-strong);margin:0 0 12px;
}
body.aos-article-std .the_content_wrapper blockquote p:last-child{margin-bottom:0;}
body.aos-article-std .the_content_wrapper blockquote cite{
  display:block;font-family:var(--font-body);font-style:normal;
  font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--text-muted);
}

/* figures ----------------------------------------------------------------- */

body.aos-article-std .the_content_wrapper figure,
body.aos-article-std .the_content_wrapper .wp-caption{margin:40px auto;max-width:100%;}
body.aos-article-std .the_content_wrapper img{
  display:block;max-width:100%;height:auto;margin:0 auto;
  border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
  box-shadow:var(--shadow-card);
}
body.aos-article-std .the_content_wrapper figcaption,
body.aos-article-std .the_content_wrapper .wp-caption-text{
  font-size:14px;line-height:1.55;color:var(--text-muted);text-align:center;margin-top:14px;
}

/* tables ------------------------------------------------------------------ */
/* The wrapper is added by the type's the_content filter — an author cannot add
   one, and without it a five-column compliance table cannot scroll on a phone. */

body.aos-article-std .the_content_wrapper .aos-table-wrap{
  overflow-x:auto;margin:32px auto 34px;
  border:1px solid var(--border-subtle);border-radius:var(--radius-lg);
}
body.aos-article-std .the_content_wrapper table{
  width:100%;border-collapse:collapse;font-size:16px;background:#fff;margin:0;
}
body.aos-article-std .the_content_wrapper thead th{
  background:var(--gray-50);
  font-family:var(--font-display);font-weight:700;font-size:13px;
  letter-spacing:.04em;text-transform:uppercase;color:var(--navy-700);
  text-align:left;padding:14px 18px;white-space:nowrap;
  border-bottom:1px solid var(--gray-200);
}
body.aos-article-std .the_content_wrapper tbody td,
body.aos-article-std .the_content_wrapper tbody th{
  padding:14px 18px;line-height:1.55;vertical-align:top;
  border-bottom:1px solid var(--gray-100);
}
body.aos-article-std .the_content_wrapper tbody th{
  text-align:left;font-weight:700;color:var(--text-strong);
}
body.aos-article-std .the_content_wrapper tbody tr:last-child td,
body.aos-article-std .the_content_wrapper tbody tr:last-child th{border-bottom:0;}
body.aos-article-std .the_content_wrapper tbody tr:hover{background:var(--gray-50);}

/* rules and code ---------------------------------------------------------- */

body.aos-article-std .the_content_wrapper hr{
  border:0;height:1px;background:var(--border-subtle);margin:52px auto;
}
body.aos-article-std .the_content_wrapper code{
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em;
  background:var(--gray-100);color:var(--navy-800);padding:2px 6px;border-radius:5px;
}
body.aos-article-std .the_content_wrapper pre{
  background:var(--navy-900);color:#D9E1F2;border-radius:var(--radius-lg);
  padding:20px 22px;overflow-x:auto;font-size:14px;line-height:1.6;margin:0 0 26px;
}
body.aos-article-std .the_content_wrapper pre code{
  background:none;color:inherit;padding:0;font-size:14px;
}

/* ==========================================================================
   OPTIONAL COMPONENTS — six, each one class on one element, each degrading to
   plain readable content if the class is missing.
   aos-takeaways · aos-note · aos-note.is-warn · aos-stat · aos-cta · aos-check
   ========================================================================== */

body.aos-article-std .the_content_wrapper .aos-takeaways{
  background:var(--gray-50);border:1px solid var(--border-subtle);
  border-radius:var(--radius-card);padding:28px 32px;margin:40px auto;
}
body.aos-article-std .the_content_wrapper .aos-takeaways > *:first-child{margin-top:0;}
body.aos-article-std .the_content_wrapper .aos-takeaways > *:last-child{margin-bottom:0;}
body.aos-article-std .the_content_wrapper .aos-takeaways h2,
body.aos-article-std .the_content_wrapper .aos-takeaways h3,
body.aos-article-std .the_content_wrapper .aos-takeaways h4{
  font-size:13px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;
  color:var(--red-500);margin:0 0 16px;
}
body.aos-article-std .the_content_wrapper .aos-takeaways h2::before{display:none;}
body.aos-article-std .the_content_wrapper .aos-takeaways ul{margin-bottom:0;font-size:17px;}
body.aos-article-std .the_content_wrapper .aos-takeaways li:last-child{margin-bottom:0;}

body.aos-article-std .the_content_wrapper .aos-note{
  border-left:3px solid var(--blue-500);background:rgba(43,79,201,.045);
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  padding:20px 24px;margin:32px auto;font-size:16.5px;line-height:1.65;
}
body.aos-article-std .the_content_wrapper .aos-note > *:first-child{margin-top:0;}
body.aos-article-std .the_content_wrapper .aos-note > *:last-child{margin-bottom:0;}
body.aos-article-std .the_content_wrapper .aos-note.is-warn{
  border-left-color:var(--red-500);background:rgba(232,50,63,.05);
}

body.aos-article-std .the_content_wrapper .aos-stat{
  margin:36px auto;padding:24px 28px;font-size:16.5px;line-height:1.6;
  border:1px solid var(--border-subtle);border-left:3px solid var(--navy-700);
  border-radius:0 var(--radius-card) var(--radius-card) 0;
}
body.aos-article-std .the_content_wrapper .aos-stat strong{
  display:block;font-family:var(--font-display);font-weight:800;font-size:42px;
  line-height:1;letter-spacing:-.02em;color:var(--navy-700);margin-bottom:8px;
}

body.aos-article-std .the_content_wrapper .aos-cta{
  position:relative;overflow:hidden;color:#fff;
  background:var(--hero-grad);border-radius:var(--radius-xl);
  padding:36px 40px;margin:56px auto 8px;
}
body.aos-article-std .the_content_wrapper .aos-cta::after{
  content:"";position:absolute;inset:0;background:var(--hero-streak);opacity:.5;
  pointer-events:none;
}
body.aos-article-std .the_content_wrapper .aos-cta > *{position:relative;z-index:1;}
body.aos-article-std .the_content_wrapper .aos-cta h2,
body.aos-article-std .the_content_wrapper .aos-cta h3{
  font-size:26px;line-height:1.2;color:#fff;margin:0 0 10px;
}
body.aos-article-std .the_content_wrapper .aos-cta h2::before,
body.aos-article-std .the_content_wrapper .aos-cta h3::before{display:none;}
body.aos-article-std .the_content_wrapper .aos-cta p{
  font-size:17px;line-height:1.6;color:rgba(255,255,255,.82);margin:0 0 22px;max-width:620px;
}
body.aos-article-std .the_content_wrapper .aos-cta a{
  display:inline-flex;align-items:center;gap:9px;
  background:var(--red-500);color:#fff;text-decoration:none;
  font-family:var(--font-body);font-weight:700;font-size:16px;line-height:1;
  height:52px;padding:0 28px;border-radius:var(--radius-lg);
  box-shadow:0 2px 8px rgba(232,50,63,.28);
  transition:background .15s ease,transform .08s ease;
}
body.aos-article-std .the_content_wrapper .aos-cta a:hover{
  background:var(--red-600);color:#fff;text-decoration:none;
}
body.aos-article-std .the_content_wrapper .aos-cta a:active{transform:translateY(1px);}

/* ==========================================================================
   BOTTOM SHARE — BeTheme's own mfn_share() markup, restyled where it stands.
   Nothing in the theme changes, so a BeTheme update cannot revert this.
   ========================================================================== */

body.aos-article-std .share-simple-wrapper{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  max-width:var(--measure);margin:0 auto 0;padding-top:26px;
  border-top:1px solid var(--border-subtle);
}
body.aos-article-std .share-simple-wrapper .share-label{
  font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--text-strong);
}
body.aos-article-std .share-simple-wrapper .icons{display:flex;align-items:center;gap:10px;}
body.aos-article-std .share-simple-wrapper .icons a{
  display:inline-grid;place-items:center;width:38px;height:38px;
  background:#fff;color:var(--navy-700);text-decoration:none;
  border:1px solid var(--border-subtle);border-radius:var(--radius-md);
  transition:background .15s ease,border-color .15s ease,color .15s ease;
}
body.aos-article-std .share-simple-wrapper .icons a:hover{
  background:var(--navy-700);border-color:var(--navy-700);color:#fff;
}
body.aos-article-std .share-simple-wrapper .icons i{font-size:16px;line-height:1;}
/* Not a channel this audience uses, and the theme has no setting for it. */
body.aos-article-std .share-simple-wrapper .icons a.pinterest{display:none;}
/* BeTheme's "love" counter — not part of the standard. */
body.aos-article-std .share-simple-wrapper .button-love{display:none;}

/* ==========================================================================
   RESPONSIVE — the two breakpoints used site-wide
   ========================================================================== */

@media (max-width:1000px){
  body.aos-article-std .the_content_wrapper h2{font-size:28px;margin-top:52px;}
  body.aos-article-std .the_content_wrapper h3{font-size:21px;}
  body.aos-article-std .the_content_wrapper .aos-cta{padding:32px 28px;}
}

@media (max-width:640px){
  .aos-article-meta{flex-direction:column;align-items:flex-start;gap:18px;padding:18px 0;}
  .aos-share{width:100%;justify-content:space-between;gap:8px;}
  .aos-share-lbl{display:none;}
  .aos-share a,.aos-share button{flex:1 1 auto;}

  body.aos-article-std .the_content_wrapper h2{font-size:25px;line-height:1.22;margin-top:44px;}
  body.aos-article-std .the_content_wrapper h3{font-size:20px;margin-top:34px;}
  body.aos-article-std .the_content_wrapper h4{font-size:18px;}
  body.aos-article-std .the_content_wrapper p{font-size:17px;line-height:1.72;}
  body.aos-article-std .the_content_wrapper > p:first-of-type{font-size:19px;}
  body.aos-article-std .the_content_wrapper ul,
  body.aos-article-std .the_content_wrapper ol{font-size:17px;}
  body.aos-article-std .the_content_wrapper blockquote{padding-left:20px;}
  body.aos-article-std .the_content_wrapper blockquote p{font-size:21px;}
  body.aos-article-std .the_content_wrapper .aos-takeaways{padding:22px 20px;}
  body.aos-article-std .the_content_wrapper .aos-stat{padding:20px 22px;}
  body.aos-article-std .the_content_wrapper .aos-stat strong{font-size:34px;}
  body.aos-article-std .the_content_wrapper .aos-cta{padding:28px 22px;}
  body.aos-article-std .the_content_wrapper .aos-cta h2,
  body.aos-article-std .the_content_wrapper .aos-cta h3{font-size:22px;}
  body.aos-article-std .the_content_wrapper .aos-cta a{width:100%;justify-content:center;}
}