/* Native YouTube players, with no surrounding promotional panel. */
html body main .fw-short {
  display:block!important;
  width:min(100%,280px)!important;
  max-width:100%!important;
  min-width:0!important;
  margin:14px auto!important;
  padding:0!important;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
}
html body main .fw-short__player {position:relative;width:100%;aspect-ratio:9/16;overflow:hidden;border-radius:0;background:transparent}
html body main .fw-short .fw-short__player iframe {display:block!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;border-radius:inherit}
html body main .fw-short--full {width:100%!important}
html body main .fw-short--full .fw-short__player {aspect-ratio:16/9;min-height:200px}
@media(min-width:761px) {
  html body main .fw-short--compact {width:200px!important}
}
@media(max-width:760px) {
  html body main .fw-short {margin-block:12px!important}
  html body main .fw-short--compact {width:min(100%,240px)!important}
}
@media print {html body main .fw-short {display:none!important}}

/* Pair article explanations with their Short instead of reserving a full row. */
.fw-article-short-row,.fw-short-context {
  display:grid;
  grid-template-columns:minmax(0,1fr) 200px;
  gap:24px;
  align-items:center;
  margin:24px 0;
}
.fw-article-short-copy {min-width:0}
html body main :is(.fw-article-short-row,.fw-short-context) > .fw-short {
  width:200px!important;
  margin:0!important;
}
.fw-article-short-copy > :first-child {margin-top:0!important}
.fw-article-short-copy > :last-child {margin-bottom:0!important}
.fw-short-context--claim > .fw-claim-how {min-width:0;margin:0!important}
.fw-short-context--claim .fw-claim-how-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important}
.fw-short-context--claim .fw-claim-how-intro {grid-column:1 / -1}
.fw-short-context--tool > div {min-width:0}
@media(max-width:1000px) {
  .fw-article-short-row,.fw-short-context {grid-template-columns:minmax(0,1fr);gap:16px;margin:20px 0}
  html body main :is(.fw-article-short-row,.fw-short-context) > .fw-short {width:min(100%,220px)!important;margin:0 auto!important}
  .fw-short-context--claim .fw-claim-how-grid {grid-template-columns:minmax(0,1fr)!important}
}

/* Topic hubs: put the Short beside useful reading, within the same row. */
html body.fw-site-shell main .fw-short-with-reading {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 200px!important;
  gap:20px 24px!important;
  align-items:start!important;
  margin:20px 0!important;
}
html body.fw-site-shell main .fw-short-with-reading > section {
  min-width:0!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
}
html body.fw-site-shell main .fw-short-with-reading > section:first-of-type {grid-column:1;grid-row:1}
/* These headings have no accompanying summary: do not reserve an empty column. */
html body.fw-site-shell main .fw-short-with-reading > section > .fw-v1510-section-head {display:block!important;width:100%!important;max-width:none!important}
html body.fw-site-shell main .fw-short-with-reading > section > .fw-v1510-section-head > div {width:100%!important;min-width:0!important}
html body.fw-site-shell main .fw-short-with-reading > section > .fw-v1510-section-head h2 {max-width:none!important;width:100%!important;text-wrap:balance}
html body.fw-site-shell main .fw-short-with-reading > section ~ section {grid-column:1 / -1}
html body.fw-site-shell main .fw-short-with-reading > .fw-short {grid-column:2;grid-row:1;align-self:end;width:200px!important;margin:0!important}
html body.fw-site-shell main .fw-short-with-reading > section:first-of-type .fw-v1510-row-grid {grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
html body.fw-site-shell main .fw-short-with-reading .tool-list {gap:10px!important}
html body.fw-site-shell main .fw-short-with-reading .fw-nav-link-card {min-height:56px!important;padding:14px 16px!important;margin:0!important}
@media(max-width:1000px) {
  html body.fw-site-shell main .fw-short-with-reading {grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  html body.fw-site-shell main .fw-short-with-reading > :is(section,.fw-short) {grid-column:auto!important;grid-row:auto!important}
  html body.fw-site-shell main .fw-short-with-reading > .fw-short {width:min(100%,240px)!important;margin:0 auto!important}
}

/* One-line "Watch:" caption under embedded videos. */
html body main .fw-short figcaption {margin:8px 0 0;color:#53625b;font-size:13px;font-weight:600;line-height:1.4;text-align:center}
html body main .fw-tool-video .fw-short {margin:0 auto 28px!important}
html body main .fw-tool-video .fw-short--full {max-width:760px!important}

/* Hub pages show their Short at the foot of the right-hand rail. */
html body main .fw-v1510-hub-rail > .fw-short {width:min(100%,240px)!important;justify-self:center;margin:8px 0 0!important}
html body main aside.business-sidebar > .fw-short--rail {width:min(100%,280px)!important;margin:0 auto 18px!important}