.fj-guide-wrap {
  max-width: 860px;
  margin-inline: auto;
  padding-inline: 1.25rem;
}

.fj-topic {
  margin: 1.5rem auto 3rem;
  padding: clamp(1.15rem, 3vw, 2.25rem);
  border: 1px solid rgba(220, 230, 247, .12);
  border-radius: 1rem;
  background: linear-gradient(155deg, rgba(31, 39, 56, .96), rgba(18, 23, 35, .96));
  box-shadow: 0 16px 48px rgba(0, 0, 0, .2);
}

.fj-crumbs,
.fj-site-links {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .55rem 1rem;
  font-size: .9rem;
}

.fj-crumbs { padding-top: 1.5rem; color: #b8c1d2; }
.fj-crumbs a,
.fj-topic a,
.fj-site-links a { color: #f3ce6b; text-underline-offset: .18em; }
.fj-crumbs a:hover,
.fj-topic a:hover,
.fj-site-links a:hover { color: #ffe69b; }

.fj-kicker {
  margin: 0 0 .6rem;
  color: #f3ce6b;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.fj-topic .h1fortune { margin-top: 0; max-width: 20ch; }
.fj-lede { color: #e0e5ef; font-size: 1.08rem; line-height: 1.65; }
.fj-reviewed { color: #aeb9ca; font-size: .9rem; }
.fj-copy { color: #e1e6f0; }
.fj-copy h2 { margin: 2rem 0 .7rem; }
.fj-copy h3 { margin: 1.4rem 0 .55rem; color: #fff; }
.fj-copy p,
.fj-copy li { line-height: 1.7; }
.fj-copy li + li { margin-top: .45rem; }
.fj-copy ul,
.fj-copy ol { padding-left: 1.35rem; }

.fj-table-scroll {
  max-width: 100%;
  margin: 1.1rem 0 1.4rem;
  overflow-x: auto;
  border: 1px solid rgba(220, 230, 247, .14);
  border-radius: .75rem;
  -webkit-overflow-scrolling: touch;
}

.fj-copy table { width: 100%; border-collapse: collapse; min-width: 600px; }
.fj-copy th,
.fj-copy td { padding: .72rem .8rem; border-bottom: 1px solid rgba(220, 230, 247, .12); text-align: left; vertical-align: top; }
.fj-copy th { color: #fff; background: rgba(243, 206, 107, .1); }
.fj-copy tr:last-child td { border-bottom: 0; }
.fj-callout {
  margin: 1.2rem 0;
  padding: 1rem 1.15rem;
  border-left: 4px solid #e6c55b;
  border-radius: .35rem;
  background: rgba(230, 197, 91, .08);
}
.fj-callout p:last-child { margin-bottom: 0; }
.fj-footer-inner { max-width: 860px; margin-inline: auto; padding-inline: 1.25rem; }

@media (max-width: 600px) {
  .fj-guide-wrap,
  .fj-footer-inner { padding-inline: .85rem; }
  .fj-topic { margin-block: 1rem 2rem; padding: 1rem; }
  .fj-lede { font-size: 1rem; }
  .fj-copy table { min-width: 540px; }
}