/* FantasyHQ Big Board Builder — light-card poster
   Master 1400×1600 (7:8). Match: /static/img/shareables/big-board-builder-light-reference.png */

#bbbPosterShareable.bbb-poster {
  --navy-950: #031A35;
  --navy-900: #062443;
  --navy-850: #082B50;
  --navy-800: #0B335D;
  --fhq-blue: #1199FF;
  --blue-600: #087EF3;
  --blue-500: #168CFF;
  --blue-400: #4EB6FF;
  --ice-100: #EEF5FC;
  --ice-50: #F7FBFF;
  --slate-700: #263B57;
  --white: #FFFFFF;
  --tier-s: #13C76C;
  --tier-s-dark: #11BC64;
  --tier-s-border: #70F2B8;
  --tier-a: #188EF6;
  --tier-a-dark: #0769D5;
  --tier-a-border: #70C8FF;
  --tier-b: #2B9AF0;
  --tier-b-dark: #1780D6;
  --tier-b-border: #7EC8FF;
  --tier-c: #839DB8;
  --tier-c-dark: #506C8E;
  --tier-c-border: #B8CBE1;
  --row-h: 130px;
  --row-gap: 14px;
  --board-w: 895px;
  --rail-w: 395px;
  --poster-w: 1400px;
  --poster-h: 1600px;
  --footer-h: 348px;

  position: fixed;
  left: -99999px;
  top: 0;
  width: var(--poster-w);
  height: var(--poster-h);
  overflow: hidden;
  isolation: isolate;
  box-sizing: border-box;
  background:
    radial-gradient(circle at 34% -5%, rgba(17, 153, 255, 0.055), transparent 34%),
    linear-gradient(180deg, #FBFDFF 0%, #F5F9FD 100%);
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  color: #061E3D;
  -webkit-font-smoothing: antialiased;
  pointer-events: none;
  z-index: -1;
  opacity: 1;
  visibility: visible;
}

#bbbPosterShareable.bbb-poster *,
#bbbPosterShareable.bbb-poster *::before,
#bbbPosterShareable.bbb-poster *::after {
  box-sizing: border-box;
}

#bbbPosterShareable.bbb-poster [hidden] {
  display: none !important;
}

/* —— Background —— */
.bbb-poster__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.bbb-poster__bg-base {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 34% -5%, rgba(17, 153, 255, 0.055), transparent 34%),
    linear-gradient(180deg, #FBFDFF 0%, #F5F9FD 100%);
}

.bbb-poster__bg-scanlines,
.bbb-poster__bg-grain,
.bbb-poster__bg-x,
.bbb-poster__bg-diag,
.bbb-poster__bg-stadium,
.bbb-poster__bg-dots,
.bbb-poster__bg-playbook {
  display: none !important;
}

.bbb-poster__bg-shield {
  position: absolute;
  width: 770px;
  height: 770px;
  top: -110px;
  left: 51%;
  transform: translateX(-16%);
  object-fit: contain;
  opacity: 0.022;
  pointer-events: none;
}

.bbb-poster__bg-grain {
  position: absolute;
  inset: 0;
  opacity: 0.035;
  mix-blend-mode: multiply;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAGUlEQVQYV2NkYGD4z0ABYBw1gGE0DBhDwwAA4xgFBn3zq3gAAAAASUVORK5CYII=");
  background-size: 8px 8px;
}

.bbb-poster__bg-x {
  position: absolute;
  left: 52%;
  top: 38%;
  width: 720px;
  height: 720px;
  transform: translate(-50%, -50%) rotate(18deg);
  opacity: 0.045;
  background:
    linear-gradient(45deg, transparent 46%, #168EFF 46%, #168EFF 54%, transparent 54%),
    linear-gradient(-45deg, transparent 46%, #168EFF 46%, #168EFF 54%, transparent 54%);
}

.bbb-poster__bg-diag {
  position: absolute;
  width: 260px;
  height: 260px;
  background-image: repeating-linear-gradient(
    45deg,
    rgba(135, 207, 255, 0.14) 0,
    rgba(135, 207, 255, 0.14) 1px,
    transparent 1px,
    transparent 10px
  );
}

.bbb-poster__bg-diag--tl {
  left: 0;
  top: 0;
  -webkit-mask-image: linear-gradient(135deg, #000 0%, transparent 68%);
  mask-image: linear-gradient(135deg, #000 0%, transparent 68%);
}

.bbb-poster__bg-diag--tr {
  right: 0;
  top: 0;
  -webkit-mask-image: linear-gradient(225deg, #000 0%, transparent 68%);
  mask-image: linear-gradient(225deg, #000 0%, transparent 68%);
}

.bbb-poster__bg-stadium {
  position: absolute;
  left: 560px;
  top: 70px;
  width: 560px;
  height: 460px;
  object-fit: contain;
  opacity: 0.22;
  filter: grayscale(0.7) contrast(1.15) brightness(1.05);
  mix-blend-mode: multiply;
  -webkit-mask-image: radial-gradient(ellipse 75% 65% at 58% 42%, #000 15%, transparent 78%);
  mask-image: radial-gradient(ellipse 75% 65% at 58% 42%, #000 15%, transparent 78%);
}

.bbb-poster__bg-dots {
  position: absolute;
  width: 55px;
  height: 55px;
  background-image: radial-gradient(circle, rgba(67, 175, 255, 0.2) 1.8px, transparent 2px);
  background-size: 11px 11px;
}

.bbb-poster__bg-dots--a { left: 42px; top: 372px; }
.bbb-poster__bg-dots--b { right: 36px; top: 92px; }
.bbb-poster__bg-dots--c { right: 24px; top: 480px; height: 88px; }

.bbb-poster__bg-playbook {
  position: absolute;
  left: 24px;
  bottom: 190px;
  width: 140px;
  height: 100px;
  opacity: 0.18;
  background-image:
    radial-gradient(circle at 20% 42%, transparent 0, transparent 7px, #168EFF 7.5px, #168EFF 9px, transparent 9.5px),
    radial-gradient(circle at 70% 30%, transparent 0, transparent 6px, #168EFF 6.5px, #168EFF 8px, transparent 8.5px),
    linear-gradient(115deg, transparent 40%, #168EFF 40%, #168EFF 41.5%, transparent 42%),
    linear-gradient(35deg, transparent 55%, #168EFF 55%, #168EFF 56.5%, transparent 57%);
}

/* —— Brand: shield + FantasyHQ wordmark (matches reference) —— */
.bbb-poster__brand {
  position: absolute;
  z-index: 4;
  left: 42px;
  top: 36px;
  width: 520px;
}

.bbb-poster__brand-row {
  display: flex;
  align-items: center;
  gap: 14px;
}

.bbb-poster__brand-shield {
  width: 72px;
  height: 78px;
  object-fit: contain;
  flex-shrink: 0;
}

.bbb-poster__brand-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
  min-width: 0;
}

.bbb-poster__brand-name {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 900;
  font-size: 54px;
  letter-spacing: -0.8px;
  line-height: 1;
  color: #031A35;
  text-transform: uppercase;
}

.bbb-poster__brand-name span {
  color: #1199FF;
}

.bbb-poster__brand-tag {
  margin: 0;
  font-family: "Inter", "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.12em;
  line-height: 1.15;
  color: #315278;
  text-transform: uppercase;
  white-space: nowrap;
}

/* —— Year badge —— */
.bbb-poster__year {
  position: absolute;
  z-index: 4;
  left: auto;
  right: 42px;
  top: 55px;
  width: 242px;
  height: 64px;
  display: grid;
  place-items: center;
  padding: 0;
  background: linear-gradient(135deg, #0756DB 0%, #168FFF 100%);
  border-radius: 20px;
  box-shadow: 0 10px 24px rgba(17, 129, 240, 0.16);
  clip-path: none;
  transform: none;
}

.bbb-poster__year::before {
  content: none;
  display: none;
}

.bbb-poster__year-brush {
  display: none;
}

.bbb-poster__year-text {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 34px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-shadow: none;
  transform: none;
}

.bbb-poster__year-text strong,
.bbb-poster__year-text span {
  font: inherit;
  color: inherit;
}

/* —— Hero —— */
.bbb-poster__hero {
  position: absolute;
  z-index: 3;
  left: 42px;
  top: 168px;
  width: 620px;
}

.bbb-poster__title {
  margin: 0;
  display: flex;
  flex-direction: column;
}

.bbb-poster__title-primary {
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 900;
  line-height: 0.82;
  text-transform: uppercase;
  font-size: 124px;
  letter-spacing: -0.035em;
  color: #031A35;
  display: block;
}

.bbb-poster__title-accent {
  display: block;
  width: auto;
  height: auto;
  margin-top: 0;
  overflow: visible;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 900;
  font-size: 124px;
  line-height: 0.82;
  letter-spacing: -0.035em;
  text-transform: uppercase;
  color: #1199FF;
}

.bbb-poster__subhead {
  display: none;
}

.bbb-poster__subhead em {
  font-style: normal;
  color: #1199FF;
}

.bbb-poster__crosshair {
  flex-shrink: 0;
}

/* —— Layout —— */
.bbb-poster__layout {
  position: absolute;
  z-index: 3;
  left: 42px;
  right: 42px;
  top: 400px;
  width: auto;
  height: 900px;
  display: flex;
  gap: 24px;
  align-items: stretch;
  margin-top: 0;
}

.bbb-poster__board-wrap {
  position: relative;
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.bbb-poster__team-watermark {
  position: absolute;
  right: -10px;
  top: 42%;
  transform: translateY(-50%);
  width: 300px;
  height: 300px;
  object-fit: contain;
  opacity: 0.04;
  filter: grayscale(1);
  mix-blend-mode: multiply;
  z-index: 0;
  pointer-events: none;
}

.bbb-poster__board {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--row-gap);
}

.bbb-poster__more {
  margin: 0;
  height: 50px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
  font-family: "Inter", "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.065em;
  text-transform: uppercase;
  color: #173B60;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid #BCD8EF;
  border-radius: 9px;
  box-shadow: none;
}

/* —— Player row: navy rank block fused to a white card —— */
.bbb-poster__row {
  position: relative;
  display: block;
  width: 100%;
  height: var(--row-h);
  background: transparent;
  border: 0;
  box-shadow: none;
  overflow: visible;
}

.bbb-poster__plate {
  display: grid;
  grid-template-columns: 84px 118px minmax(0, 1fr) 110px 145px 84px;
  align-items: center;
  height: 100%;
  min-width: 0;
  padding: 0;
  background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFE 100%);
  border: 1px solid #D7E4F0;
  border-radius: 15px;
  box-shadow:
    0 2px 3px rgba(5, 29, 55, 0.035),
    0 9px 20px rgba(5, 29, 55, 0.065);
  overflow: hidden;
}

.bbb-poster__row::before,
.bbb-poster__row::after {
  display: none;
}

.bbb-poster__rank {
  display: grid;
  place-items: center;
  align-self: stretch;
  height: 100%;
  padding: 0;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 900;
  font-size: 62px;
  line-height: 1;
  color: #fff;
  text-shadow: none;
  background: linear-gradient(145deg, #031A35 0%, #07315C 100%);
  z-index: 3;
}

.bbb-poster__row[data-bbb-poster-row="1"] {
  background: transparent;
  border: 0;
  box-shadow: none;
}

.bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__rank {
  font-size: 62px;
}

.bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__name {
  font-size: 34px;
  line-height: 0.95;
}

.bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__impact-val {
  font-size: 57px;
  line-height: 0.88;
}

/* Circular headshots */
.bbb-poster__photo {
  position: relative;
  z-index: 3;
  display: grid;
  place-items: center;
  overflow: visible;
  align-self: center;
}

.bbb-poster__photo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 98px;
  height: 98px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: linear-gradient(145deg, #EDF7FF 0%, #DCEEFA 100%);
  border: 3px solid #E6F1FA;
  box-sizing: border-box;
}

.bbb-poster__photo img {
  position: relative;
  z-index: 1;
  width: 92px;
  height: 92px;
  object-fit: cover;
  object-position: center top;
  border-radius: 50%;
  border: 0;
  box-shadow: none;
  filter: saturate(0.96) contrast(1.03);
}

.bbb-poster__photo-fallback {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #0A3D8F;
  color: #fff;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 28px;
}

.bbb-poster__info {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px 12px 8px 12px;
  min-width: 0;
}

.bbb-poster__name {
  margin: 0 0 9px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: baseline;
  gap: 8px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 34px;
  line-height: 0.95;
  letter-spacing: 0.2px;
  text-transform: uppercase;
  white-space: nowrap;
  color: #061E3D;
}

.bbb-poster__name.is-compact { font-size: 28px; line-height: 0.95; }
.bbb-poster__name.is-oneline {
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 8px;
}

.bbb-poster__name [data-bbb-poster-first] { color: #061E3D; }
.bbb-poster__name [data-bbb-poster-last] { color: #1199FF; }

.bbb-poster__meta {
  margin: 0;
  font-weight: 750;
  font-size: 13px;
  letter-spacing: 0.025em;
  line-height: 1;
  color: #365779;
  text-transform: uppercase;
}

.bbb-poster__school {
  display: block;
  margin: 8px 0 0;
  font-weight: 800;
  font-size: 13px;
  letter-spacing: 0.025em;
  color: #173A5F;
  text-transform: uppercase;
}

.bbb-poster__college {
  position: relative;
  left: auto;
  top: auto;
  transform: none;
  width: auto;
  max-width: 82px;
  height: 100%;
  display: grid;
  place-items: center;
  z-index: 2;
  pointer-events: none;
}

.bbb-poster__college::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14%;
  width: 1px;
  height: 72%;
  background: #D7E3EE;
}

.bbb-poster__college img {
  max-width: 72px;
  max-height: 72px;
  object-fit: contain;
  opacity: 0.88;
  filter: none;
  mix-blend-mode: normal;
}

.bbb-poster__college img.is-dark {
  opacity: 1;
  filter: none;
}

.bbb-poster__college-abbr {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-size: 22px;
  line-height: 1;
  color: #071F43;
  opacity: 0.45;
  letter-spacing: 0;
}

.bbb-poster__impact {
  position: relative;
  z-index: 3;
  height: 82px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-left: 20px;
}

.bbb-poster__impact::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  width: 1px;
  height: 68px;
  background: #D7E3EE;
}

.bbb-poster__impact-label {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.035em;
  color: #49647F;
  text-transform: uppercase;
}

.bbb-poster__impact-val {
  margin-top: 3px;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-weight: 900;
  font-size: 57px;
  line-height: 0.88;
  color: #031A35;
}

.bbb-poster__tier {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  padding-right: 10px;
}

.bbb-poster__tier-mark {
  position: relative;
  width: 62px;
  height: 66px;
  display: grid;
  place-items: center;
}

.bbb-poster__tier-hex {
  position: absolute;
  inset: 0;
  width: 62px;
  height: 66px;
  display: block;
  filter: none;
}

.bbb-poster__tier b {
  position: relative;
  z-index: 1;
  display: grid;
  place-items: center;
  width: auto;
  height: auto;
  margin: 0;
  clip-path: none;
  background: transparent !important;
  font-family: "Inter", "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-size: 25px;
  line-height: 1;
  color: #fff;
}

.bbb-poster__tier[data-tier="S"] b,
.bbb-poster__tier[data-tier="A"] b,
.bbb-poster__tier[data-tier="B"] b,
.bbb-poster__tier[data-tier="C"] b {
  background: transparent !important;
}

.bbb-poster__tier small {
  position: relative;
  z-index: 1;
  font-weight: 900;
  font-size: 9px;
  letter-spacing: 0.4px;
  color: #1D3C5C;
  margin-top: 0;
  text-transform: uppercase;
}

.bbb-poster__tier[data-tier="S"] { --t: var(--tier-s); }
.bbb-poster__tier[data-tier="A"] { --t: var(--tier-a); }
.bbb-poster__tier[data-tier="B"] { --t: var(--tier-b); }
.bbb-poster__tier[data-tier="C"] { --t: var(--tier-c); }

.bbb-poster__tier .bbb-poster__tier-fill { fill: var(--t, var(--tier-a)); }

/* —— Rail —— */
.bbb-poster__rail {
  width: var(--rail-w);
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 0;
  align-self: stretch;
  min-height: 0;
}

.bbb-poster__tiers-card,
.bbb-poster__features-card {
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid #D9E5EF;
  border-radius: 15px;
  box-shadow: 0 8px 22px rgba(3, 31, 61, 0.055);
  overflow: hidden;
}

.bbb-poster__tiers-card { flex: 1.46 1 0; }
.bbb-poster__features-card { flex: 1 1 0; }

.bbb-poster__card-head {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 56px;
  padding: 0 20px;
  background: transparent;
  color: #061E3D;
  border-bottom: 1px solid #E5EDF5;
}

.bbb-poster__card-head h2 {
  margin: 0;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: 0.4px;
  color: #061E3D;
}

.bbb-poster__card-ico {
  display: grid;
  place-items: center;
  width: 22px;
  height: 22px;
  border-radius: 0;
  background: transparent;
  flex-shrink: 0;
}

.bbb-poster__card-ico svg {
  display: block;
  width: 20px;
  height: 20px;
}

.bbb-poster__chevrons {
  color: #0D98FF;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -2px;
}

.bbb-poster__tier-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.bbb-poster__tier-row {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr) 50px;
  gap: 15px;
  align-items: center;
  min-height: 112px;
  flex: 1 1 auto;
  padding: 16px 20px;
  border-bottom: 1px solid #E5EDF5;
}

.bbb-poster__tier-row:last-child { border-bottom: 0; }

.bbb-poster__tier-icon {
  position: relative;
  display: grid;
  place-items: center;
  width: 50px;
  height: 54px;
  border-radius: 0;
  flex-shrink: 0;
  clip-path: none;
  background: transparent;
}

.bbb-poster__tier-icon svg {
  position: absolute;
  inset: 0;
  width: 50px;
  height: 54px;
  display: block;
}

.bbb-poster__tier-icon b {
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: "Inter", "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0;
}

.bbb-poster__tier-icon[data-tier="S"] svg polygon { fill: #13C76C; }
.bbb-poster__tier-icon[data-tier="A"] svg polygon { fill: #188EF6; }
.bbb-poster__story-hook,
.bbb-poster__board-eyebrow {
  display: none;
}

.bbb-poster__tier-icon[data-tier="B"] svg polygon { fill: #2B9AF0; }
.bbb-poster__tier-icon[data-tier="C"] svg polygon { fill: #839DB8; }
.bbb-poster__tier-icon[data-tier="S"],
.bbb-poster__tier-icon[data-tier="A"],
.bbb-poster__tier-icon[data-tier="B"],
.bbb-poster__tier-icon[data-tier="C"] {
  background: transparent;
}

.bbb-poster__tier-copy strong {
  display: block;
  margin-bottom: 6px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 21px;
  line-height: 1;
  color: #061E3D;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.bbb-poster__tier-copy span {
  display: block;
  max-width: 205px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.45;
  color: #536C84;
}

.bbb-poster__tier-count { text-align: center; }

.bbb-poster__tier-count b {
  display: block;
  font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
  font-size: 37px;
  line-height: 1;
  color: #061E3D;
  font-weight: 900;
}

.bbb-poster__tier-count span {
  display: block;
  margin-top: 3px;
  font-weight: 900;
  font-size: 8px;
  letter-spacing: 0.4px;
  color: #294965;
  text-transform: uppercase;
}

.bbb-poster__card-head--on-dark {
  background: transparent;
  border-bottom: 1px solid #E4EDF5;
}

.bbb-poster__feature-list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.bbb-poster__feature {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 19px;
  align-items: center;
  min-height: 140px;
  flex: 1 1 auto;
  padding: 25px 22px;
  border-bottom: 1px solid #E4EDF5;
}

.bbb-poster__feature:last-child { border-bottom: 0; }

.bbb-poster__feature-icon {
  width: 62px;
  height: 62px;
  flex: 0 0 62px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #062D59 0%, #051D39 100%);
  border: 0;
  border-radius: 50%;
  clip-path: none;
  overflow: visible;
  box-shadow: inset 0 0 0 1px rgba(27, 158, 255, 0.22);
}

.bbb-poster__feature-icon svg {
  display: block;
  width: 40px;
  height: 40px;
  margin: 0;
  flex-shrink: 0;
  stroke: #1199FF;
  stroke-width: 2.15;
}

.bbb-poster__feature strong {
  display: block;
  margin-bottom: 7px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 1;
  color: #061E3D;
  letter-spacing: 0.3px;
  text-transform: uppercase;
}

.bbb-poster__feature > div > span {
  display: block;
  max-width: 225px;
  font-family: "Inter", sans-serif;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.45;
  color: #587188;
}

/* —— Footer —— */
.bbb-poster__footer {
  position: absolute;
  z-index: 5;
  left: 42px;
  right: 42px;
  bottom: 38px;
  width: auto;
  height: calc(var(--footer-h) - 38px);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 24px;
  padding: 34px;
  border-radius: 20px;
  background:
    radial-gradient(circle at 78% 26%, rgba(17, 153, 255, 0.18), transparent 32%),
    linear-gradient(135deg, #031A34 0%, #062B52 100%);
  color: #fff;
  overflow: hidden;
  box-shadow: 0 18px 40px rgba(2, 24, 47, 0.12);
}

.bbb-poster__footer::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.055;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.14) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.14) 1px, transparent 1px);
  background-size: 42px 42px;
  pointer-events: none;
}

.bbb-poster__footer-edge {
  display: none;
}

.bbb-poster__footer-playbook {
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.9;
  z-index: 1;
  filter: none;
}

.bbb-poster__footer-cta {
  position: relative;
  z-index: 1;
  min-width: 0;
  margin-left: 148px;
}

.bbb-poster__cta-line {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 42px;
  line-height: 0.95;
  letter-spacing: 0.4px;
  text-transform: uppercase;
  transform: none;
}

.bbb-poster__cta-line > span { color: #fff; }

.bbb-poster__cta-accent {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin-top: -2px;
  isolation: isolate;
}

.bbb-poster__cta-splash {
  display: none;
}

.bbb-poster__cta-accent-text {
  position: relative;
  z-index: 1;
  display: block;
  white-space: nowrap;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
  font-size: 46px;
  letter-spacing: 0.4px;
  line-height: 0.95;
  text-transform: uppercase;
  color: #1199FF;
  text-shadow: none;
}

.bbb-poster__cta-domain {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
}

.bbb-poster__only-at {
  display: inline-flex;
  align-items: center;
  height: 32px;
  padding: 0 14px;
  background: #1199FF;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-size: 15px;
  letter-spacing: 0.6px;
  color: #fff;
  border-radius: 7px;
}

.bbb-poster__cta-domain strong {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-size: 25px;
  letter-spacing: 0.5px;
  color: #fff;
}

.bbb-poster__qr-block {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}

.bbb-poster__qr-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.bbb-poster__qr-copy p {
  margin: 0;
  text-align: right;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: 24px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #fff;
}

.bbb-poster__qr-copy em {
  font-style: italic;
  color: #1199FF;
}

.bbb-poster__qr-frame {
  position: relative;
  width: 150px;
  height: 150px;
  padding: 10px;
  background: #fff;
  border-radius: 12px;
  border: 0;
  flex-shrink: 0;
}

.bbb-poster__qr-frame img[data-bbb-poster-qr] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.bbb-poster__qr-logo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  background: #fff;
  border-radius: 4px;
}

.bbb-poster__qr-logo img {
  width: 28px;
  height: 30px;
  object-fit: contain;
}

/* Density — row height is also set inline in JS so capture cannot miss it.
   Feed-only: compact formats (square/landscape/story) own their --row-h. */
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="1"],
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="2"],
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="3"] { --row-h: 148px; }

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="4"] { --row-h: 140px; }

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="5"] { --row-h: 132px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="6"] { --row-h: 130px; }

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="7"] { --row-h: 108px; }

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="8"] { --row-h: 92px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="8"] .bbb-poster__name { font-size: 24px; line-height: 0.95; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="8"] .bbb-poster__impact-val { font-size: 40px; line-height: 0.88; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="8"] .bbb-poster__rank { font-size: 48px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="8"] .bbb-poster__photo img { width: 72px; height: 72px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"][data-player-count="8"] .bbb-poster__photo::before { width: 78px; height: 78px; }

#bbbPosterShareable.bbb-poster .bbb-poster__features-card .bbb-poster__feature:nth-child(n+3) {
  display: none;
}

/* —— Square 1080×1080 —— */
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] {
  --poster-w: 1080px;
  --poster-h: 1080px;
  --row-h: 92px;
  --footer-h: 196px;
  --rail-w: 292px;
  --board-w: 718px;
  width: 1080px;
  height: 1080px;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__brand { top: 24px; left: 28px; width: 560px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__brand-name { font-size: 42px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__brand-shield { width: 54px; height: 58px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__brand-tag {
  font-size: 10px;
  letter-spacing: 0.08em;
  white-space: normal;
  max-width: 380px;
  line-height: 1.25;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__brand-copy { gap: 6px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__year { top: 22px; right: 28px; padding: 8px 16px; width: auto; height: auto; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__year-text { font-size: 24px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__hero { top: 124px; right: 220px; width: 560px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__title-primary { font-size: 68px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__title-accent { font-size: 68px; margin-top: -4px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__subhead { margin-top: 8px; font-size: 18px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__layout { top: 268px; height: 616px; gap: 14px; }

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__plate {
  grid-template-columns: 58px 78px minmax(140px, 1fr) 58px 96px 58px;
  border-radius: 12px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__rank { font-size: 40px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__rank { font-size: 40px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__photo::before { width: 66px; height: 66px; border-width: 2px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__photo img,
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__photo-fallback {
  width: 60px;
  height: 60px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__photo-fallback { font-size: 20px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__info { padding: 6px 8px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__name {
  margin: 0 0 4px;
  font-size: 24px;
  line-height: 1;
  gap: 6px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__name [data-bbb-poster-first],
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__name [data-bbb-poster-last] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__name { font-size: 24px; line-height: 1; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__name.is-compact { font-size: 21px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__meta { font-size: 11px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__school { display: none; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__college {
  max-width: 52px;
  overflow: hidden;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__college::before { top: 18%; height: 64%; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__college img {
  max-width: 44px;
  max-height: 44px;
  opacity: 0.92;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__impact {
  height: auto;
  min-height: 0;
  padding-left: 10px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__impact::before {
  top: 16%;
  height: 68%;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__impact-label { font-size: 9px; letter-spacing: 0.04em; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__impact-val {
  margin-top: 2px;
  font-size: 34px;
  line-height: 0.9;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__impact-val { font-size: 34px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__tier { padding-right: 6px; gap: 2px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__tier-mark { width: 46px; height: 50px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__tier-hex { width: 46px; height: 50px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__tier-mark b { font-size: 18px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__tier small { font-size: 9px; }

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__rail { margin-top: 0; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__card-head { height: 40px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__card-head h2 { font-size: 15px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__tier-row { min-height: 48px; padding: 4px 8px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__feature {
  grid-template-columns: 46px minmax(0, 1fr);
  gap: 10px;
  min-height: 72px;
  padding: 12px 12px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__feature-icon {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__feature-icon svg {
  width: 26px;
  height: 26px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__feature strong { font-size: 15px; margin-bottom: 3px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__feature > div > span { font-size: 10px; max-width: 170px; line-height: 1.35; }

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__footer { padding: 14px 18px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__footer-cta { margin-left: 104px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__footer-playbook { left: 14px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__footer-playbook svg { width: 88px; height: 72px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__cta-line { font-size: 26px; line-height: 1; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__cta-accent-text { font-size: 28px; letter-spacing: 0.6px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__cta-domain { margin-top: 8px; gap: 8px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__cta-domain strong { font-size: 18px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__only-at { height: 26px; font-size: 12px; padding: 0 10px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__qr-block { gap: 12px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__qr-frame {
  width: 128px;
  height: 128px;
  padding: 8px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__qr-logo {
  width: 22px;
  height: 22px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__qr-logo img {
  width: 16px;
  height: 17px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__qr-logo,
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__qr-logo,
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="feed"] .bbb-poster__qr-logo,
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__qr-logo {
  display: none !important;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__qr-copy p { font-size: 16px; line-height: 16px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="square"] .bbb-poster__more { margin-top: 6px; padding: 7px 12px; font-size: 13px; }

/* —— Story 1152×2048 — dedicated social / Reel layout —— */
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] {
  --poster-w: 1152px;
  --poster-h: 2048px;
  --row-h: 132px;
  --footer-h: 292px;
  --rail-w: 1072px;
  --board-w: 1072px;
  width: 1152px;
  height: 2048px;
  padding: 0;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__bg-shield {
  width: 520px;
  height: 520px;
  top: 40px;
  left: auto;
  right: -70px;
  transform: none;
  opacity: 0.025;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__brand {
  top: 32px;
  left: 40px;
  width: 640px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__brand-row {
  gap: 14px;
  align-items: flex-start;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__brand-shield {
  width: 72px;
  height: 78px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__brand-copy {
  gap: 8px;
  padding-top: 6px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__brand-name {
  font-size: 58px;
  letter-spacing: -0.6px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__brand-tag {
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.11em;
  line-height: 1.2;
  white-space: nowrap;
  max-width: none;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__year {
  top: 32px;
  right: 38px;
  width: auto;
  min-width: 190px;
  height: 58px;
  padding: 0 20px;
  border-radius: 16px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__year-text {
  font-size: 30px;
  line-height: 1;
  gap: 8px;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__hero {
  top: 142px;
  left: 40px;
  right: 40px;
  width: auto;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__title-primary,
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__title-accent {
  font-size: 96px;
  line-height: 0.82;
  letter-spacing: -0.03em;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__title-accent {
  margin-top: -2px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__subhead {
  display: none !important;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__story-hook {
  display: block;
  margin: 14px 0 0;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 22px;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
  color: #315278;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__story-hook strong {
  color: #1199FF;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__layout {
  top: 336px;
  left: 40px;
  right: 40px;
  width: auto;
  height: auto;
  flex-direction: column;
  gap: 14px;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__board-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 11px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__board-eyebrow {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #1199FF;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__board-eyebrow::after {
  content: "";
  flex: 1;
  height: 2px;
  background: linear-gradient(90deg, #1199FF 0%, rgba(17, 153, 255, 0.08) 100%);
  border-radius: 2px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__board,
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__row {
  width: 100%;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__board {
  display: flex;
  flex-direction: column;
  gap: 11px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__plate {
  grid-template-columns: 82px 112px minmax(0, 1.15fr) 100px 150px 78px;
  border-radius: 14px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__rank {
  font-size: 52px;
  line-height: 0.9;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__rank {
  font-size: 52px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__photo::before {
  width: 92px;
  height: 92px;
  border: 3px solid #e2eef8;
  background: linear-gradient(145deg, #edf7ff, #dbeefc);
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__photo img,
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__photo-fallback {
  width: 86px;
  height: 86px;
  object-position: center top;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__info {
  padding: 10px 8px 10px 4px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__name {
  margin: 0 0 7px;
  font-size: 30px;
  line-height: 0.95;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__name {
  font-size: 30px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__name [data-bbb-poster-first],
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__name [data-bbb-poster-last] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__meta {
  font-size: 15px;
  line-height: 1.15;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__school {
  display: block;
  margin: 6px 0 0;
  font-size: 14px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__college {
  max-width: 100px;
  width: 100px;
  height: 100%;
  display: grid;
  place-items: center;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__college::before {
  display: none;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__college img {
  width: 92px;
  height: 78px;
  max-width: 92px;
  max-height: 78px;
  object-fit: contain;
  opacity: 0.95;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__impact {
  height: auto;
  min-height: 0;
  padding-left: 14px;
  border-left: 1px solid #D7E3EE;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__impact::before {
  display: none;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__impact-label {
  font-size: 11px;
  letter-spacing: 0.04em;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__impact-val {
  margin-top: 4px;
  font-size: 48px;
  line-height: 0.9;
  font-variant-numeric: tabular-nums;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__row[data-bbb-poster-row="1"] .bbb-poster__impact-val {
  font-size: 48px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier {
  padding-right: 12px;
  gap: 4px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-mark {
  width: 54px;
  height: 58px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-hex {
  width: 54px;
  height: 58px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-mark b {
  font-size: 20px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier small {
  font-size: 10px;
  letter-spacing: 0.06em;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier[data-tier="B"] .bbb-poster__tier-fill {
  fill: #2B9AF0;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 52px;
  margin: 0;
  padding: 0 16px;
  border-radius: 12px;
  border: 1px solid #C8DDF0;
  background: linear-gradient(180deg, #F7FBFF 0%, #EAF4FC 100%);
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #087EF3;
}

/* Story rail: compact horizontal tier strip + 2-col features */
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__rail {
  width: 100%;
  margin-top: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 12px;
  height: auto;
  min-height: 0;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tiers-card {
  flex: 0 0 auto;
  width: 100%;
  height: auto;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__features-card {
  flex: 1 1 auto;
  width: 100%;
  height: auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__feature-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  padding: 14px;
  flex: 1 1 auto;
  align-content: stretch;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__feature {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  height: auto;
  min-height: 96px;
  max-height: none;
  flex: none;
  padding: 18px 16px;
  border: 0;
  border-radius: 12px;
  background: #F7FBFF;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tiers-card .bbb-poster__card-head {
  display: none;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  padding: 14px;
  flex: none;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-row {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas:
    "icon count"
    "label label";
  align-items: center;
  justify-content: center;
  column-gap: 8px;
  row-gap: 6px;
  height: auto;
  min-height: 0;
  max-height: none;
  flex: none;
  padding: 12px 8px;
  border: 0;
  border-radius: 12px;
  background: #F7FBFF;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-icon {
  grid-area: icon;
  width: 42px;
  height: 46px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-icon svg {
  width: 42px;
  height: 46px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-icon b {
  font-size: 16px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-count {
  grid-area: count;
  order: 0;
  text-align: left;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-count b {
  font-size: 28px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-count span {
  display: none !important;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-copy {
  grid-area: label;
  text-align: center;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-copy strong {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.04em;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__tier-copy span {
  display: none !important;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__features-card .bbb-poster__card-head {
  display: none;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__feature:nth-child(n+3) {
  display: none;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__feature-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__feature-icon svg {
  width: 26px;
  height: 26px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__feature strong {
  margin-bottom: 4px;
  font-size: 18px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__feature > div > span {
  display: block !important;
  max-width: none;
  font-size: 13px;
  line-height: 1.3;
  color: #536C84;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__footer {
  left: 40px;
  right: 40px;
  bottom: 72px;
  min-height: 0;
  height: 220px;
  padding: 22px 28px 24px;
  align-items: center;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__footer-playbook {
  left: 20px;
  opacity: 0.35;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__footer-playbook svg {
  width: 100px;
  height: 84px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__footer-cta {
  margin-left: 120px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__cta-line {
  font-size: 40px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__cta-accent-text {
  font-size: 42px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__qr-frame {
  width: 156px;
  height: 156px;
  padding: 10px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="story"] .bbb-poster__qr-copy p {
  font-size: 22px;
  line-height: 1.05;
}

/* —— Landscape 1600×900 —— */
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] {
  --poster-w: 1600px;
  --poster-h: 900px;
  --board-w: 980px;
  --rail-w: 508px;
  --row-h: 76px;
  --footer-h: 168px;
  width: 1600px;
  height: 900px;
}

#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__brand { top: 14px; left: 32px; width: 560px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__brand-name { font-size: 42px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__brand-shield { width: 52px; height: 56px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__brand-tag {
  font-size: 10px;
  letter-spacing: 0.08em;
  white-space: normal;
  max-width: 420px;
  line-height: 1.2;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__brand-copy { gap: 5px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__year { top: 14px; right: 32px; padding: 8px 18px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__year-text { font-size: 26px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__bg-stadium {
  left: auto;
  right: 40px;
  top: 36px;
  width: 480px;
  height: 360px;
  opacity: 0.16;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__hero { top: 112px; right: 260px; width: auto; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__title-primary { font-size: 56px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__title-accent { font-size: 56px; margin-top: -2px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__subhead { margin-top: 6px; font-size: 17px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__layout {
  top: 248px;
  left: 32px;
  right: 32px;
  width: auto;
  height: 484px;
  gap: 20px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__rail { margin-top: 0; gap: 10px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__card-head { height: 42px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__card-head h2 { font-size: 16px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__tier-row { min-height: 52px; padding: 4px 10px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__tier-count b { font-size: 26px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__feature {
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 12px;
  min-height: 52px;
  padding: 8px 12px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__feature-icon {
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__feature-icon svg {
  width: 26px;
  height: 26px;
}
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__feature strong { font-size: 15px; margin-bottom: 3px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__feature > div > span { font-size: 11px; max-width: 200px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__rank { font-size: 42px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__name { font-size: 22px; line-height: 20px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__impact-val { font-size: 30px; line-height: 30px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__photo img { width: 58px; height: 58px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__photo::before { width: 62px; height: 62px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__more { margin-top: 6px; padding: 6px 12px; font-size: 13px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__footer { padding: 14px 26px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__footer-cta { margin-left: 108px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__footer-playbook { left: 16px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__footer-playbook svg { width: 90px; height: 76px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__cta-line { font-size: 30px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__cta-accent-text { font-size: 32px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__cta-domain { margin-top: 8px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__only-at { height: 26px; font-size: 13px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__qr-frame { width: 104px; height: 104px; }
#bbbPosterShareable.bbb-poster[data-bbb-poster-format="landscape"] .bbb-poster__qr-copy p { font-size: 18px; line-height: 18px; }