/* GENERATED by build.rb from stylesheet.src.css. Edit that file, then rebuild. */
/*
 * By the Numbers help center theme for Help Scout Docs
 * help.bythenumbersapp.com
 *
 * Upload: Docs > Site Settings > Custom Code > Upload Stylesheet. It replaces
 * the old stylesheet.css (Inter font, brush backgrounds). Help Scout loads it
 * after its own CSS and after the colors set in Site Settings, so equal
 * selectors here win.
 *
 * Design: https://claude.ai/artifact/5vaXMRvtRgJMnsJnPuf6pw
 * Edit stylesheet.src.css, never stylesheet.css: `ruby docs/help_center/theme/build.rb`
 * writes stylesheet.css from it, embedding icons/*.svg, hero.svg and
 * logo-96.png as data URIs so the upload is one self-contained file.
 *
 * Article markup this theme expects (articles are written in
 * docs/help_center/ and synced as HTML):
 *   Tip       <div class="callout-green">…</div>
 *   Note      <div class="callout-blue">…</div>
 *   Warning   <div class="callout-yellow">…</div>
 *   Important <div class="callout-red">…</div>
 *   The label ("Tip", "Note"…) and icon come from this file; don't type them.
 *   Screenshot <figure><img src="…" alt="…"><figcaption>…</figcaption></figure>
 *              (a bare <img> gets the same frame; class="noBdr" opts out)
 *   Number column in a table: class="num" on its <th> and <td>s.
 */

:root {
  --btn-purple: #8466F2;
  --btn-purple-dark: #6244D9;
  --btn-purple-light: #B4A2F2;
  --btn-button: #6F52E6;
  --btn-button-hover: #6244D9;
  --btn-tint: #F3F0FE;
  --btn-tint-strong: #EEEAFD;
  --btn-bg: #F7F7FB;
  --btn-card: #FFFFFF;
  --btn-border: #E6E4F0;
  --btn-border-strong: #D9D4EC;
  --btn-divider: #EFEDF5;
  --btn-text: #0D0D0D;
  --btn-text-2: #5A5A66;
  --btn-text-lead: #45444F;
  --btn-link: #6244D9;
  --btn-link-hover: #4B32B8;
  --btn-font: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --btn-mono: Menlo, "SF Mono", Consolas, monospace;
  --btn-shadow-card: 0 1px 2px rgba(13, 13, 13, 0.04);
  --btn-shadow-raised: 0 1px 2px rgba(13, 13, 13, 0.04), 0 8px 24px rgba(68, 51, 140, 0.10);
  --btn-shadow-shot: 0 1px 2px rgba(13, 13, 13, 0.04), 0 12px 32px rgba(68, 51, 140, 0.08);
  --btn-ring: 0 0 0 3px rgba(111, 82, 230, 0.16);
}

/* ---------------------------------------------------------------- Base */

body {
  font-family: var(--btn-font);
  color: var(--btn-text);
  background: var(--btn-bg);
  background-image: none;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, strong { color: var(--btn-text); }

a { color: var(--btn-link); }
a:hover, a:focus { color: var(--btn-link-hover); }

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--btn-button);
  outline-offset: 2px;
}

#contentArea.container-fluid,
#mainNav .container-fluid {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 24px;
  box-sizing: content-box;
}

/* -------------------------------------------------------------- Header */

#mainNav .navbar-inner {
  min-height: 64px;
  padding: 0;
  background: var(--btn-card);
  border-bottom: 1px solid var(--btn-border);
  box-shadow: none;
}

#mainNav .container-fluid {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 64px;
}
#mainNav .container-fluid::before,
#mainNav .container-fluid::after { display: none; }

#mainNav .brand {
  float: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: var(--btn-text);
  text-shadow: none;
}
#mainNav .brand:hover,
#mainNav .brand:focus { color: var(--btn-text); }
#mainNav .brand::before {
  content: "";
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background: url("data:image/png;base64,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") center / contain no-repeat;
}
#mainNav .brand::after {
  content: "Help Center";
  padding-left: 10px;
  border-left: 1px solid var(--btn-border);
  font-size: 15px;
  font-weight: 400;
  color: var(--btn-text-2);
}

#mainNav .nav-collapse { flex: 0 0 auto; }

#mainNav .nav {
  position: static;
  float: none;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
}
#mainNav .nav li { display: block; }
#mainNav .nav li a {
  padding: 0 12px;
  font-size: 15px;
  line-height: 64px;
  color: var(--btn-text-2);
  background: none;
  box-shadow: none;
}
#mainNav .nav li a:hover,
#mainNav .nav li a:focus { color: var(--btn-text); }
#mainNav .nav .active a,
#mainNav .nav .active a:hover,
#mainNav .nav .active a:focus {
  color: var(--btn-text);
  font-weight: 600;
}
#mainNav .nav .caret { display: none; }

/* Desktop shows Home and Contact only; the phone menu still lists every collection. */
@media (min-width: 769px) {
  #mainNav .nav > li:not(#home):not(#contact) { display: none; }
}

/* ---------------------------------------------------- Home search hero */

#docsSearch {
  margin: 0 0 56px;
  padding: 84px 24px 96px;
  background: var(--btn-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='360' viewBox='0 0 1440 360' fill='none'%3E%3Cpath d='M0 316C120 306 200 300 300 296S480 304 600 290S820 276 940 280S1160 262 1280 254S1400 240 1440 236V360H0z' fill='%238466F2' fill-opacity='0.06'/%3E%3Cpath d='M0 316C120 306 200 300 300 296S480 304 600 290S820 276 940 280S1160 262 1280 254S1400 240 1440 236' stroke='%238466F2' stroke-opacity='0.22' stroke-width='2'/%3E%3Cg fill='%236F52E6'%3E%3Crect x='64' y='64' width='24' height='24' rx='4' fill-opacity='0.22'/%3E%3Crect x='94' y='64' width='24' height='24' rx='4' fill-opacity='0.16'/%3E%3Crect x='124' y='64' width='24' height='24' rx='4' fill-opacity='0.13'/%3E%3Crect x='154' y='64' width='24' height='24' rx='4' fill-opacity='0.11'/%3E%3Crect x='184' y='64' width='24' height='24' rx='4' fill-opacity='0.09'/%3E%3Crect x='214' y='64' width='24' height='24' rx='4' fill-opacity='0.08'/%3E%3Crect x='244' y='64' width='24' height='24' rx='4' fill-opacity='0.07'/%3E%3Crect x='274' y='64' width='24' height='24' rx='4' fill-opacity='0.06'/%3E%3Crect x='64' y='94' width='24' height='24' rx='4' fill-opacity='0.22'/%3E%3Crect x='94' y='94' width='24' height='24' rx='4' fill-opacity='0.17'/%3E%3Crect x='124' y='94' width='24' height='24' rx='4' fill-opacity='0.13'/%3E%3Crect x='154' y='94' width='24' height='24' rx='4' fill-opacity='0.11'/%3E%3Crect x='184' y='94' width='24' height='24' rx='4' fill-opacity='0.09'/%3E%3Crect x='214' y='94' width='24' height='24' rx='4' fill-opacity='0.08'/%3E%3Crect x='244' y='94' width='24' height='24' rx='4' fill-opacity='0.07'/%3E%3Crect x='64' y='124' width='24' height='24' rx='4' fill-opacity='0.22'/%3E%3Crect x='94' y='124' width='24' height='24' rx='4' fill-opacity='0.15'/%3E%3Crect x='124' y='124' width='24' height='24' rx='4' fill-opacity='0.12'/%3E%3Crect x='154' y='124' width='24' height='24' rx='4' fill-opacity='0.10'/%3E%3Crect x='184' y='124' width='24' height='24' rx='4' fill-opacity='0.09'/%3E%3Crect x='214' y='124' width='24' height='24' rx='4' fill-opacity='0.07'/%3E%3Crect x='64' y='154' width='24' height='24' rx='4' fill-opacity='0.22'/%3E%3Crect x='94' y='154' width='24' height='24' rx='4' fill-opacity='0.17'/%3E%3Crect x='124' y='154' width='24' height='24' rx='4' fill-opacity='0.14'/%3E%3Crect x='154' y='154' width='24' height='24' rx='4' fill-opacity='0.11'/%3E%3Crect x='184' y='154' width='24' height='24' rx='4' fill-opacity='0.09'/%3E%3Crect x='64' y='184' width='24' height='24' rx='4' fill-opacity='0.22'/%3E%3Crect x='94' y='184' width='24' height='24' rx='4' fill-opacity='0.16'/%3E%3Crect x='124' y='184' width='24' height='24' rx='4' fill-opacity='0.13'/%3E%3Crect x='154' y='184' width='24' height='24' rx='4' fill-opacity='0.10'/%3E%3Crect x='64' y='214' width='24' height='24' rx='4' fill-opacity='0.22'/%3E%3Crect x='94' y='214' width='24' height='24' rx='4' fill-opacity='0.17'/%3E%3Crect x='124' y='214' width='24' height='24' rx='4' fill-opacity='0.14'/%3E%3C/g%3E%3Cg fill='%236F52E6' fill-opacity='0.12'%3E%3Crect x='1120' y='180' width='24' height='48' rx='4'/%3E%3Crect x='1156' y='156' width='24' height='72' rx='4'/%3E%3Crect x='1192' y='164' width='24' height='64' rx='4'/%3E%3Crect x='1228' y='132' width='24' height='96' rx='4'/%3E%3Crect x='1264' y='116' width='24' height='112' rx='4'/%3E%3Crect x='1300' y='92' width='24' height='136' rx='4'/%3E%3C/g%3E%3Cpath d='M1132 164L1168 140L1204 148L1240 116L1276 100L1312 76' stroke='%237E84F2' stroke-opacity='0.5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg fill='%23FFFFFF' stroke='%237E84F2' stroke-opacity='0.6' stroke-width='2'%3E%3Ccircle cx='1132' cy='164' r='4'/%3E%3Ccircle cx='1168' cy='140' r='4'/%3E%3Ccircle cx='1204' cy='148' r='4'/%3E%3Ccircle cx='1240' cy='116' r='4'/%3E%3Ccircle cx='1276' cy='100' r='4'/%3E%3Ccircle cx='1312' cy='76' r='4'/%3E%3C/g%3E%3Crect x='1346' y='132' width='68' height='96' fill='%238466F2' fill-opacity='0.06' stroke='%238466F2' stroke-opacity='0.25' stroke-width='2'/%3E%3Crect x='1340' y='110' width='80' height='20' rx='3' fill='%237E84F2' fill-opacity='0.22'/%3E%3Cpath d='M1340 130a10 10 0 0 0 20 0a10 10 0 0 0 20 0a10 10 0 0 0 20 0a10 10 0 0 0 20 0z' fill='%237E84F2' fill-opacity='0.22'/%3E%3Crect x='1356' y='190' width='18' height='38' rx='2' stroke='%238466F2' stroke-opacity='0.3' stroke-width='2'/%3E%3Crect x='1384' y='152' width='20' height='22' rx='2' fill='%23FFFFFF' fill-opacity='0.7' stroke='%238466F2' stroke-opacity='0.3' stroke-width='2'/%3E%3Cpath d='M1338 228h84' stroke='%238466F2' stroke-opacity='0.3' stroke-width='2' stroke-linecap='round'/%3E%3Cg fill='%238466F2' fill-opacity='0.16'%3E%3Ccircle cx='430' cy='128' r='4'/%3E%3Ccircle cx='520' cy='64' r='3'/%3E%3Ccircle cx='912' cy='52' r='4'/%3E%3Ccircle cx='1000' cy='132' r='3'/%3E%3Ccircle cx='610' cy='240' r='3'/%3E%3Ccircle cx='840' cy='226' r='4'/%3E%3C/g%3E%3C/svg%3E") center bottom / 1440px auto no-repeat;
  border-bottom: 1px solid var(--btn-border);
}

#docsSearch h1 {
  margin: 0;
  font-size: 44px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: var(--btn-text);
}

#docsSearch #searchBar {
  width: 640px;
  max-width: 100%;
  margin: 28px auto 0;
  padding: 0;
}

#docsSearch #searchBar .search-query {
  height: 60px;
  padding: 0 120px 0 52px;
  font-family: var(--btn-font);
  font-size: 17px;
  color: var(--btn-text);
  background: var(--btn-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%235A5A66' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M20 20l-3.5-3.5'/%3E%3C/svg%3E") 20px center / 20px no-repeat;
  border: 1px solid var(--btn-border-strong);
  border-radius: 14px;
  box-shadow: var(--btn-shadow-raised);
}
#docsSearch #searchBar .search-query:focus {
  border-color: var(--btn-button);
  box-shadow: var(--btn-ring), var(--btn-shadow-raised);
  outline: 0;
}

#docsSearch #searchBar button {
  top: 8px;
  right: 8px;
  height: 44px;
  padding: 0 22px;
  font-family: var(--btn-font);
  font-size: 15px;
  font-weight: 600;
  color: #FFFFFF;
  text-shadow: none;
  background: var(--btn-button);
  border: 0;
  border-radius: 10px;
}
#docsSearch #searchBar button:hover { background: var(--btn-button-hover); }

/* Live results under either search box */
#serp-dd {
  top: 68px;
  border: 1px solid var(--btn-border);
  border-radius: 12px;
  box-shadow: var(--btn-shadow-raised);
  overflow: hidden;
}
#serp-dd.sb { top: 50px; border-radius: 12px; }
#serp-dd .result a { padding: 10px 16px; color: var(--btn-text); }
#serp-dd .result a:hover,
#serp-dd .result > li.active { background: var(--btn-tint); color: var(--btn-link-hover); }

/* -------------------------------------------------- Home: collection tiles */

.twoCol,
.threeCol {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
  margin: 0 0 56px;
  padding: 0;
  text-align: left;
}
.twoCol::before,
.threeCol::before {
  content: "Browse by Topic";
  display: block;
  grid-column: 1 / -1;
  margin-bottom: 4px;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--btn-text);
}
.twoCol::after,
.threeCol::after { display: none; }

.twoCol .collection,
.threeCol .collection {
  position: relative;
  display: block;
  box-sizing: border-box;
  width: auto;
  min-height: 106px;
  margin: 0;
  padding: 24px 24px 24px 100px;
  background: var(--btn-card);
  border: 1px solid var(--btn-border);
  border-radius: 14px;
  box-shadow: var(--btn-shadow-card);
  transition: border-color 0.15s, box-shadow 0.15s;
}
.twoCol .collection:hover,
.threeCol .collection:hover {
  border-color: var(--btn-purple-light);
  box-shadow: var(--btn-shadow-raised);
}
.twoCol .collection:focus-within,
.threeCol .collection:focus-within {
  border-color: var(--btn-button);
  box-shadow: var(--btn-ring);
}

.twoCol .collection .collection-head,
.threeCol .collection .collection-head {
  margin: 0;
  padding: 0;
  border: 0;
}
.twoCol h2,
.threeCol h2 {
  margin: 0 0 6px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  text-align: left;
}
.twoCol h2 a,
.threeCol h2 a {
  display: inline;
  color: var(--btn-text);
  border: 0;
}
.twoCol h2 a:hover,
.threeCol h2 a:hover { color: var(--btn-text); }
.twoCol h2 a:focus-visible,
.threeCol h2 a:focus-visible { outline: 0; }

/* The whole tile is the link. */
.twoCol h2 a::after,
.threeCol h2 a::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 14px;
}

.twoCol .collection-head p,
.threeCol .collection-head p {
  margin: 0;
  font-size: 15px;
  line-height: 1.45;
  color: var(--btn-text-2);
}

/* Popular-article lists are dropped from the tiles; each collection page lists them. */
.twoCol .collection-body,
.threeCol .collection-body { display: none; }

/* Collection icons, matched on the collection's URL slug. */
.twoCol h2 a::before,
.threeCol h2 a::before {
  content: "";
  position: absolute;
  left: 24px;
  top: 24px;
  width: 56px;
  height: 56px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8h22l10 10v38H16z' fill='%23E4DDFD'/%3E%3Cpath d='M38 8v10h10'/%3E%3Cpath d='M24 47v-8M32 47V31M40 47V25'/%3E%3C/svg%3E") center / contain no-repeat;
}
.collection h2 a[href$="-getting-started"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12h27l-6.5 9 6.5 9H20z' fill='%23E4DDFD'/%3E%3Cpath d='M20 10v44'/%3E%3Cpath d='M12 54h16'/%3E%3Cpath d='M35 54h4M45 54h6'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-pulse-dashboards"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='8' y='12' width='48' height='40' rx='6' fill='%23E4DDFD'/%3E%3Cpath d='M8 22h48'/%3E%3Cpath d='M14 17h.01M19 17h.01'/%3E%3Cpath d='M14 38h7l4-8 6 13 4-8h15'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-reports"]::before,
.collection h2 a[href$="-using-by-the-numbers"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 8h22l10 10v38H16z' fill='%23E4DDFD'/%3E%3Cpath d='M38 8v10h10'/%3E%3Cpath d='M24 47v-8M32 47V31M40 47V25'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-customers-segments"]::before,
.collection h2 a[href$="-customer-segments"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='44' cy='21' r='6'/%3E%3Cpath d='M40.5 32.6c1.1-.4 2.3-.6 3.5-.6 6.6 0 11 4.9 11 12v3H44'/%3E%3Ccircle cx='24' cy='23' r='8' fill='%23E4DDFD'/%3E%3Cpath d='M9 52v-3c0-7.7 6.7-13 15-13s15 5.3 15 13v3z' fill='%23E4DDFD'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-das-pixel-attribution"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='13' cy='15' r='5'/%3E%3Ccircle cx='13' cy='32' r='5'/%3E%3Ccircle cx='13' cy='49' r='5'/%3E%3Cpath d='M18 15c10 0 11 17 22 17M18 49c10 0 11-17 22-17M18 32h22'/%3E%3Crect x='40' y='24' width='16' height='16' rx='3' fill='%23E4DDFD'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-integrations-advertising"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M25 8v10M39 8v10'/%3E%3Cpath d='M17 18h30v9a15 15 0 0 1-30 0z' fill='%23E4DDFD'/%3E%3Cpath d='M32 42v6a7 7 0 0 1-7 7h-7'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-planning"]::before,
.collection h2 a[href$="-forecasting"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='13' width='46' height='42' rx='6' fill='%23E4DDFD'/%3E%3Cpath d='M9 24h46'/%3E%3Cpath d='M21 9v8M43 9v8'/%3E%3Cpath d='M17 46l8-7 7 3'/%3E%3Cpath d='M32 42l9-9h7' stroke-dasharray='0.01 5'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-copilot-mcp"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 44a6 6 0 0 1-6-6V22a6 6 0 0 1 6-6h24a6 6 0 0 1 6 6v16a6 6 0 0 1-6 6H24l-9 8v-8z' fill='%23E4DDFD'/%3E%3Cpath d='M18 30h.01M26 30h.01M34 30h.01' stroke-width='3.5'/%3E%3Cpath d='M53 5l1.8 6.2L61 13l-6.2 1.8L53 21l-1.8-6.2L45 13l6.2-1.8z'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-account-billing"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='15' width='50' height='34' rx='6' fill='%23E4DDFD'/%3E%3Cpath d='M7 25h50'/%3E%3Cpath d='M15 40h10M31 40h4'/%3E%3C/svg%3E"); }
.collection h2 a[href$="-methodology"]::before,
.collection h2 a[href$="-general"]::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='%236244D9' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19.5 40h25l5 8.5a4 4 0 0 1-3.5 6H18a4 4 0 0 1-3.5-6z' fill='%23E4DDFD' stroke='none'/%3E%3Cpath d='M25 8h14'/%3E%3Cpath d='M28 8v16L14.5 48.5a4 4 0 0 0 3.5 6h28a4 4 0 0 0 3.5-6L36 24V8'/%3E%3Cpath d='M29 47h.01M36 44h.01' stroke-width='3.5'/%3E%3C/svg%3E"); }

/* ------------------------------------------------ Sidebar + content layout */

#contentArea > .row-fluid:not(.twoCol):not(.threeCol) {
  display: flex;
  align-items: flex-start;
  gap: 40px;
  margin-top: 40px;
}
#contentArea > .row-fluid:not(.twoCol):not(.threeCol)::before,
#contentArea > .row-fluid:not(.twoCol):not(.threeCol)::after { display: none; }

#contentArea #sidebar {
  order: -1;
  flex: 0 0 248px;
  width: 248px;
  float: none;
  margin: 0;
  padding: 0;
}

#contentArea #main-content {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  float: none;
  margin: 0 0 48px;
  padding: 0;
  background: none;
}

/* Sidebar search */
#sidebar #searchBar.sm { margin: 0 0 28px; }
#sidebar form .search-query {
  height: 44px;
  padding: 0 40px 0 14px;
  font-family: var(--btn-font);
  font-size: 15px;
  line-height: normal;
  color: var(--btn-text);
  background: var(--btn-card);
  border: 1px solid var(--btn-border-strong);
  border-radius: 10px;
  box-shadow: none;
}
#sidebar form .search-query:focus,
#sidebar form .search-query:focus:invalid {
  border-color: var(--btn-button);
  box-shadow: var(--btn-ring);
  outline: 0;
}
#sidebar form button { top: 14px; right: 14px; color: var(--btn-text-2); }

/* Sidebar categories */
#sidebar h3 {
  margin: 0 0 8px;
  padding: 0 12px;
  font-size: 13px;
  font-weight: 700;
  text-transform: none;
  color: var(--btn-text-2);
}
#sidebar .nav-list { margin: 0 0 28px; padding: 0; }
#sidebar .nav-list li { margin: 0 0 2px; }
#sidebar .nav-list a {
  display: block;
  margin: 0;
  padding: 9px 12px;
  font-size: 15px;
  line-height: 1.35;
  color: var(--btn-text);
  border-radius: 8px;
}
#sidebar .nav-list a:hover,
#sidebar .nav-list a:focus {
  color: var(--btn-link-hover);
  background: var(--btn-tint);
}
#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  font-weight: 600;
  color: var(--btn-link-hover);
  background: var(--btn-tint-strong);
}
#sidebar .nav-list a .icon-arrow,
#sidebar .nav-list .active a .icon-arrow { display: none; }
#sidebar .contactUs { color: var(--btn-link); }

/* ------------------------------------------------------- Content card */

.contentWrapper {
  min-height: 0;
  padding: 40px 56px 48px;
  color: var(--btn-text);
  background: var(--btn-card);
  border: 1px solid var(--btn-border);
  border-radius: 16px;
}
.contentWrapper a { color: var(--btn-link); }
.contentWrapper p { margin-top: 0; color: var(--btn-text); }
.contentWrapper h1 {
  margin: 0 0 20px;
  font-size: 30px;
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.02em;
}
.contentWrapper.withRelated { min-height: 0; padding-bottom: 48px; }

/* Category page heading and sort */
#categoryHead { margin-bottom: 12px; }
#categoryHead h1 { margin: 0 200px 8px 0; font-size: 32px; }
#categoryHead p.descrip,
.contentWrapper p.descrip {
  margin: 0 0 12px;
  font-size: 16px;
  line-height: 1.5;
  color: var(--btn-text-2);
}
#categoryHead .sort { top: 4px; }
#categoryHead .sort select {
  width: auto;
  height: 36px;
  margin: 0;
  padding: 0 10px;
  font-family: var(--btn-font);
  font-size: 14px;
  line-height: normal;
  color: var(--btn-text);
  background: var(--btn-card);
  border: 1px solid var(--btn-border-strong);
  border-radius: 8px;
}

/* Article lists (collection, category) */
.articleList {
  margin: 0 0 24px;
  font-size: 16px;
  list-style: none;
}
.articleList li {
  margin: 0;
  padding: 0;
  border-top: 1px solid var(--btn-divider);
}
.contentWrapper .articleList a {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 15px 4px;
  line-height: 1.4;
  color: var(--btn-text);
  text-decoration: none;
}
.contentWrapper .articleList a::after {
  content: "";
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-left: auto;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239A97AA' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E") center / 16px no-repeat;
}
.contentWrapper .articleList a:hover { color: var(--btn-link-hover); }
.articleList a:hover span { text-decoration: none; }
.icon-article-doc:before { margin-right: 0; color: var(--btn-purple); }

/* Search results */
#serp h1 { margin-bottom: 6px; font-size: 28px; }
#serp h1 strong { color: inherit; }
#serp .articlesFound {
  margin: 0 0 16px;
  font-size: 14px;
  color: var(--btn-text-2);
}
#serp .articlesFound strong { font-weight: 400; color: inherit; }
#serp .articleList > li { padding: 20px 0; }
#serp .articleList > li a {
  display: inline-block;
  margin: 0 0 6px;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.35;
  color: var(--btn-link-hover);
}
#serp .articleList > li a::after,
#serp .articleList .icon-article-doc { display: none; }
#serp .articleList > li a:hover { text-decoration: underline; }
#serp p {
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--btn-text-lead);
}

/* ------------------------------------------------------------ Article */

#fullArticle,
#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
  font-size: 16px;
  line-height: 1.65;
  color: var(--btn-text);
}

#fullArticle {
  font-size: 16px;
  line-height: 1.65;
}

#fullArticle .title {
  margin: 0 48px 16px 0;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 700;
  letter-spacing: -0.02em;
}

/* The first paragraph is the intro line. */
#fullArticle > p:first-of-type {
  margin-bottom: 28px;
  padding-bottom: 28px;
  border-bottom: 1px solid var(--btn-border);
  font-size: 19px;
  line-height: 1.5;
  color: var(--btn-text-lead);
}

#fullArticle p { margin: 0 0 20px; }

#fullArticle h2 {
  margin: 40px 0 12px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.01em;
}
#fullArticle h3 {
  margin: 28px 0 8px;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 700;
}
#fullArticle h4 {
  margin: 24px 0 8px;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 700;
}

#fullArticle ul,
#fullArticle ol { margin: 0 0 20px; padding-left: 22px; }
#fullArticle li { margin-bottom: 8px; }
#fullArticle li > ul,
#fullArticle li > ol { margin: 8px 0 0; }

#fullArticle a,
#fullArticle strong a,
#fullArticle a strong {
  color: var(--btn-link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
#fullArticle a:hover { color: var(--btn-link-hover); }

#fullArticle hr {
  margin: 32px 0;
  border: 0;
  border-top: 1px solid var(--btn-border);
}

#fullArticle blockquote {
  margin: 0 0 20px;
  padding: 0 0 0 16px;
  border-left: 3px solid var(--btn-border-strong);
  color: var(--btn-text-lead);
}

#fullArticle .printArticle { top: 48px; right: 56px; }
#fullArticle .printArticle .icon-print { color: var(--btn-text-2); }

/* Screenshot frame */
#fullArticle img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 8px auto;
  box-sizing: border-box;
  border: 1px solid var(--btn-border);
  border-radius: 12px;
  box-shadow: var(--btn-shadow-shot);
}
#fullArticle img.noBdr {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#fullArticle figure { margin: 28px 0; }
#fullArticle figure img { margin: 0 auto; }
#fullArticle figcaption {
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
  color: var(--btn-text-2);
}

/* Callouts */
#fullArticle .callout,
#fullArticle .callout-blue,
#fullArticle .callout-green,
#fullArticle .callout-yellow,
#fullArticle .callout-red {
  margin: 24px 0;
  padding: 16px 20px 16px 54px;
  font-size: 15px;
  line-height: 1.55;
  background: var(--btn-tint);
  border: 1px solid #DCD4FB;
  border-radius: 12px;
  box-shadow: none;
}
#fullArticle .callout p,
#fullArticle .callout-blue p,
#fullArticle .callout-green p,
#fullArticle .callout-yellow p,
#fullArticle .callout-red p {
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.55;
  color: var(--btn-text);
}
#fullArticle .callout > :last-child,
#fullArticle .callout-blue > :last-child,
#fullArticle .callout-green > :last-child,
#fullArticle .callout-yellow > :last-child,
#fullArticle .callout-red > :last-child { margin-bottom: 0; }

#fullArticle .callout::before,
#fullArticle .callout-blue::before,
#fullArticle .callout-green::before,
#fullArticle .callout-yellow::before,
#fullArticle .callout-red::before {
  display: block;
  margin: 0 0 2px -34px;
  padding-left: 34px;
  font-size: 14px;
  font-weight: 700;
  line-height: 24px;
  background-position: 0 2px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
}

#fullArticle .callout::before,
#fullArticle .callout-blue::before {
  content: "Note";
  color: #4B32B8;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236244D9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v5M12 8h.01'/%3E%3C/svg%3E");
}

#fullArticle .callout-green {
  background: #ECF7F0;
  border-color: #C3E6D0;
}
#fullArticle .callout-green::before {
  content: "Tip";
  color: #166E3C;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%231F7A45' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 21h4'/%3E%3Cpath d='M12 3a6 6 0 0 0-3.5 10.9c.6.4 1 1.1 1 1.8V16h5v-.3c0-.7.4-1.4 1-1.8A6 6 0 0 0 12 3z'/%3E%3C/svg%3E");
}

#fullArticle .callout-yellow {
  background: #FEF6E7;
  border-color: #F5D9A6;
}
#fullArticle .callout-yellow::before {
  content: "Warning";
  color: #92400E;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23B45309' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 4.3 2.6 18a2 2 0 0 0 1.7 3h15.4a2 2 0 0 0 1.7-3L13.7 4.3a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 10v4M12 17.5h.01'/%3E%3C/svg%3E");
}

#fullArticle .callout-red {
  background: #FDEFEF;
  border-color: #F4C7C7;
}
#fullArticle .callout-red::before {
  content: "Important";
  color: #A61B1B;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23DC2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7.5V13M12 16.5h.01'/%3E%3C/svg%3E");
}

/* Tables */
#fullArticle table,
#fullArticle table.table-bordered {
  width: 100%;
  margin: 24px 0;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 15px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
  background: var(--btn-card);
  border: 1px solid var(--btn-border);
  border-radius: 10px;
  overflow: hidden;
}
#fullArticle table th,
#fullArticle table td,
#fullArticle table.table-bordered th,
#fullArticle table.table-bordered td {
  padding: 12px 16px;
  text-align: left;
  vertical-align: top;
  background: none;
  border: 0;
  border-bottom: 1px solid var(--btn-divider);
}
#fullArticle table th,
#fullArticle table thead th,
#fullArticle table thead td {
  font-size: 13px;
  font-weight: 700;
  color: var(--btn-text-2);
  background: var(--btn-bg);
  border-bottom-color: var(--btn-border);
}
#fullArticle table tr:last-child td { border-bottom: 0; }
#fullArticle table .num { text-align: right; }
#fullArticle table td > p:last-child,
#fullArticle table th > p:last-child { margin-bottom: 0; }
#fullArticle table.table-striped tbody > tr:nth-child(odd) > td,
#fullArticle table.table-striped tbody > tr:nth-child(odd) > th { background: none; }

/* Inline code and code blocks */
#fullArticle code {
  padding: 1px 6px;
  font-family: var(--btn-mono);
  font-size: 0.9em;
  color: var(--btn-link-hover);
  white-space: normal;
  background: var(--btn-tint);
  border: 1px solid #E4DDFD;
  border-radius: 5px;
}
#fullArticle pre {
  margin: 0 0 20px;
  padding: 16px 20px;
  font-family: var(--btn-mono);
  font-size: 14px;
  line-height: 1.6;
  color: var(--btn-text);
  white-space: pre;
  overflow-x: auto;
  background: var(--btn-bg);
  border: 1px solid var(--btn-border);
  border-radius: 10px;
}
#fullArticle pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: inherit;
  background: none;
  border: 0;
}

/* Under the article: contact line and last-updated date */
.articleFoot {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 24px;
  margin-top: 32px;
  padding-top: 20px;
  border-top: 1px solid var(--btn-border);
}
.articleFoot .icon-contact { display: none; }
.articleFoot p,
.articleFoot time {
  font-family: var(--btn-font);
  font-style: normal;
}
.articleFoot p,
.articleFoot p.help {
  float: none;
  margin: 0;
  font-size: 15px;
  color: var(--btn-text-2);
}
.articleFoot .contactUs { font-weight: 600; }
.articleFoot time,
.articleFoot time.lu,
.articleFoot p.lu {
  float: none;
  margin: 0;
  font-size: 13px;
  color: var(--btn-text-2);
}

/* Related Articles (Site Settings > Related Articles must be on) */
.related {
  margin-top: 24px;
  padding: 28px 32px;
  background: var(--btn-card);
  border: 1px solid var(--btn-border);
  border-radius: 16px;
}
.related h3 {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.3;
  font-weight: 700;
  text-transform: none;
  color: var(--btn-text);
}
.related ul { margin: 0; padding: 0; }
.related ul > li { padding: 6px 0; }
.related ul > li a {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-left: 0;
  font-size: 16px;
  color: var(--btn-link);
}

/* "Did this answer your question?" (Site Settings > Article Ratings must be on) */
.articleRatings {
  justify-content: space-between;
  gap: 16px;
  min-height: 0;
  margin-top: 24px;
  padding: 20px 24px 20px 32px;
  font-size: 17px;
  font-weight: 700;
  color: var(--btn-text);
  background: var(--btn-card);
  border: 1px solid var(--btn-border);
  border-radius: 16px;
  box-shadow: none;
}
.articleRatings-question { margin: 0; }
.articleRatings-actions {
  display: flex;
  gap: 10px;
  width: auto;
}
.articleRatings-actions > * {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 44px;
  height: 44px;
  padding: 0 12px;
  box-sizing: border-box;
  font-family: var(--btn-font);
  font-size: 15px;
  font-weight: 600;
  color: var(--btn-text);
  background: var(--btn-card);
  border: 1px solid var(--btn-border-strong);
  border-radius: 10px;
  cursor: pointer;
}
.articleRatings-actions > *:hover {
  background: var(--btn-tint);
  border-color: var(--btn-button);
}
.articleRatings-feedback-message {
  font-size: 15px;
  font-weight: 400;
  color: var(--btn-text-2);
}

/* ------------------------------------------------------------- Footer */

#contentArea > footer {
  margin-top: 16px;
  padding: 28px 0;
  border-top: 1px solid var(--btn-border);
  text-align: center;
}
#contentArea > footer p { float: none; margin: 0; text-align: center; }
#contentArea > footer p,
#contentArea > footer p a {
  font-size: 13px;
  color: var(--btn-text-2);
}

/* -------------------------------------------------------------- Phone */

@media (max-width: 768px) {
  /* Bootstrap pads the body by 20 px on phones and pulls the header back out; undo both. */
  body { padding-left: 0; padding-right: 0; }
  #mainNav { margin-left: 0; margin-right: 0; }

  #contentArea.container-fluid,
  #mainNav .container-fluid { padding: 0 16px; }

  #mainNav .navbar-inner,
  #mainNav .container-fluid { min-height: 56px; }
  #mainNav .container-fluid { flex-wrap: wrap; align-content: flex-start; }
  #mainNav .brand { min-height: 56px; font-size: 16px; }
  #mainNav .brand::before { width: 28px; height: 28px; }
  #mainNav .brand::after { content: "Help"; padding-left: 0; border: 0; font-size: 14px; }

  #mainNav .btn-navbar {
    top: 6px;
    right: 6px;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 12px;
  }
  #mainNav .btn-navbar .icon-bar {
    width: 20px;
    height: 2px;
    background: var(--btn-text);
    box-shadow: none;
  }
  #mainNav .btn-navbar:hover .icon-bar { background: var(--btn-link-hover); }

  #mainNav .nav-collapse { flex: 0 0 100%; }
  #mainNav .nav {
    display: block;
    padding: 4px 0 12px;
    text-align: left;
  }
  #mainNav .nav #contact { display: none; }
  #mainNav .nav li a {
    padding: 10px 0;
    font-size: 16px;
    line-height: 24px;
    color: var(--btn-text);
  }
  #mainNav .nav li a:hover,
  #mainNav .nav li a:focus,
  #mainNav .nav .active a { color: var(--btn-link-hover); }

  #docsSearch {
    margin: 0 0 32px;
    padding: 40px 16px 56px;
    background-size: 1120px auto;
  }
  #docsSearch h1 { padding: 0; font-size: 30px; line-height: 1.2; }
  #docsSearch #searchBar { width: 100%; margin-top: 20px; }
  #docsSearch #searchBar .search-query {
    height: 52px;
    margin: 0;
    padding: 0 60px 0 44px;
    font-size: 16px;
    background-position: 14px center;
    border-radius: 12px;
  }
  #docsSearch #searchBar button {
    top: 4px;
    right: 4px;
    width: 44px;
    height: 44px;
    padding: 0;
    background: var(--btn-button);
    border-radius: 9px;
  }
  #docsSearch #searchBar button span { display: none; }
  #docsSearch #searchBar button .icon-search { display: block; color: #FFFFFF; }

  .twoCol,
  .threeCol {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin-bottom: 32px;
  }
  .twoCol::before,
  .threeCol::before { font-size: 20px; }
  .twoCol .collection,
  .threeCol .collection,
  .twoCol .collection:first-child,
  .threeCol .collection:first-child,
  .twoCol .collection:last-child,
  .threeCol .collection:last-child {
    min-height: 78px;
    margin: 0;
    padding: 16px 16px 16px 74px;
    border: 1px solid var(--btn-border);
    border-radius: 12px;
  }
  .twoCol h2,
  .threeCol h2 { font-size: 17px; margin-bottom: 4px; }
  .twoCol h2 a::before,
  .threeCol h2 a::before { left: 16px; top: 16px; width: 44px; height: 44px; }
  .twoCol .collection-head p,
  .threeCol .collection-head p { font-size: 14px; }

  #contentArea > .row-fluid:not(.twoCol):not(.threeCol) {
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    margin-top: 16px;
  }
  #contentArea #sidebar { flex: none; width: auto; margin: 0; padding: 0; }
  #contentArea #main-content { margin: 0 0 32px; }

  #sidebar #searchBar.sm { margin-bottom: 12px; }
  #sidebar form .search-query { height: 48px; font-size: 16px; }
  #sidebar form button { top: 16px; }
  #sidebar h3 { display: none; }
  /* Categories become a sideways-scrolling row of chips. */
  #sidebar .nav-list {
    display: flex;
    gap: 8px;
    margin: 0;
    padding-bottom: 4px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #sidebar .nav-list li { flex: 0 0 auto; margin: 0; }
  #sidebar .nav-list a {
    display: flex;
    align-items: center;
    height: 40px;
    padding: 0 14px;
    white-space: nowrap;
    background: var(--btn-card);
    border: 1px solid var(--btn-border);
    border-radius: 999px;
  }
  #sidebar .nav-list .active a { border-color: #DCD4FB; }

  .contentWrapper { padding: 22px 20px 28px; border-radius: 14px; }
  .contentWrapper h1 { font-size: 26px; }
  #categoryHead h1 { margin-right: 0; font-size: 28px; }
  #categoryHead .sort { position: static; margin: 4px 0 8px; }
  #categoryHead .sort select { height: 40px; font-size: 15px; }
  .contentWrapper .articleList a { min-height: 48px; padding: 4px 0; box-sizing: border-box; }

  #serp h1 { font-size: 24px; }
  #serp .articleList > li { padding: 16px 0; }
  #serp .articleList > li a { font-size: 17px; }

  #fullArticle .title { margin-right: 0; font-size: 30px; }
  #fullArticle > p:first-of-type { margin-bottom: 20px; padding-bottom: 20px; font-size: 18px; }
  #fullArticle h2 { margin-top: 32px; font-size: 22px; }
  #fullArticle .printArticle { display: none; }
  #fullArticle .callout,
  #fullArticle .callout-blue,
  #fullArticle .callout-green,
  #fullArticle .callout-yellow,
  #fullArticle .callout-red { padding: 14px 16px 14px 48px; }
  #fullArticle .callout::before,
  #fullArticle .callout-blue::before,
  #fullArticle .callout-green::before,
  #fullArticle .callout-yellow::before,
  #fullArticle .callout-red::before { margin-left: -32px; padding-left: 32px; }
  #fullArticle img { border-radius: 10px; }
  /* Wide tables scroll sideways inside the card. */
  #fullArticle table,
  #fullArticle table.table-bordered {
    display: block;
    width: auto;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #fullArticle table th,
  #fullArticle table td { padding: 12px 14px; white-space: nowrap; }

  .articleFoot { flex-direction: column; align-items: flex-start; }
  .related { padding: 20px; border-radius: 14px; }
  .articleRatings {
    flex-direction: column;
    align-items: stretch;
    padding: 20px;
    border-radius: 14px;
  }
  .articleRatings-actions > * { flex: 1 1 0; height: 48px; }
}

/* -------------------------------------------------------------- Print */

@media print {
  body { background: #FFFFFF; }
  .contentWrapper { border: 0; padding: 0; }
  #fullArticle img { box-shadow: none; }
}