.mobile-page {
  min-height: 100vh;
}

.mobile-post {
  display: grid;
  width: min(720px, 100%);
  min-height: calc(100vh - 150px);
  margin-inline: auto;
  place-items: start center;
  padding: 24px 12px 48px;
}

.mobile-post .twitter-tweet {
  display: block;
  width: min(550px, 100%) !important;
  margin: 0 auto !important;
  padding: 20px;
  overflow: hidden;
  border: 1px solid var(--site-line, #2b3336);
  border-radius: var(--site-radius, 8px);
  background:
    radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--site-green, #8ebc9a) 11%, transparent), transparent 34%),
    var(--site-panel, #131719);
  color: var(--site-text, #f0f3f1);
  box-shadow: 0 18px 46px rgba(0, 0, 0, .28);
  font-family: var(--site-mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace);
  font-size: 12px;
  line-height: 1.55;
}

.mobile-post .twitter-tweet::before {
  display: block;
  margin-bottom: 14px;
  color: var(--site-green, #8ebc9a);
  content: "ONLY TRAITS  ·  @OnlyTraits";
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .06em;
}

.mobile-post .twitter-tweet p {
  margin: 0 0 16px;
  color: var(--site-text, #f0f3f1);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.48;
}

.mobile-post .twitter-tweet a {
  color: var(--site-green, #8ebc9a);
  font-weight: 900;
  text-decoration: none;
}

.mobile-post .twitter-tweet a:hover,
.mobile-post .twitter-tweet a:focus-visible {
  color: var(--site-text, #f0f3f1);
  text-decoration: underline;
}

.mobile-post .twitter-tweet p a {
  display: grid;
  min-height: 108px;
  margin-top: 16px;
  place-items: center;
  border: 1px solid color-mix(in srgb, var(--site-green, #8ebc9a) 38%, var(--site-line, #2b3336));
  border-radius: var(--site-radius, 8px);
  background: linear-gradient(135deg, var(--site-panel-2, #0e1112), color-mix(in srgb, var(--site-green, #8ebc9a) 10%, var(--site-panel, #131719)));
  font-size: 11px;
}

.mobile-post iframe {
  width: min(550px, 100%) !important;
  margin-inline: auto !important;
  max-width: 100% !important;
}

@media (max-width: 640px) {
  .mobile-post {
    min-height: calc(100vh - 96px);
    padding: 12px 0 92px;
  }

  .mobile-post .twitter-tweet {
    padding: 16px;
  }

  .mobile-post .twitter-tweet p {
    font-size: 13px;
  }
}