/*
 * FoxyPulse — Variant 3 / Signal Command
 * Creator-facing editorial, tools and live community-signal interface.
 */
/*
 * Community / command layer. Keep tokens scoped so they cannot bleach
 * the light homepage (light text on a light canvas).
 */
.fp-reddit-pulse,
.fp-command-main,
.fp-command-hero {
  --fp-bg: #fff7f2;
  --fp-bg-deep: #fff1e8;
  --fp-panel: #fffaf7;
  --fp-panel-solid: #ffffff;
  --fp-panel-raised: #fff7f2;
  --fp-line: #ead3c6;
  --fp-line-strong: rgba(194, 65, 12, 0.28);
  --fp-green: #c2410c;
  --fp-green-bright: #ff4500;
  --fp-cyan: #c2410c;
  --fp-violet: #9a3412;
  --fp-amber: #ea580c;
  --fp-danger: #b91c1c;
  --fp-copy: #1c140f;
  --fp-muted: #5a4538;
  --fp-dim: #7a6254;
  --fp-surface: #ffffff;
  --fp-text: #1c140f;
  --fp-accent: #c2410c;
  --fp-ink: #1c140f;
  --fp-shadow: 0 16px 40px rgba(90, 40, 16, 0.08);
  --fp-radius-xl: 32px;
  --fp-radius-lg: 22px;
  --fp-radius-md: 15px;
}

html.fp-signal-command {
  color-scheme: light;
  background: #f7f3ef;
}

html.fp-signal-command body {
  color: #1c140f;
  background-color: #f7f3ef;
}

::selection { background: #ffeee6; color: #1c140f; }

a, button, input, select, summary { -webkit-tap-highlight-color: transparent; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, summary:focus-visible {
  outline: 3px solid var(--fp-cyan) !important;
  outline-offset: 3px !important;
}

.text-text-primary, .text-on-surface { color: var(--fp-ink) !important; }
.text-text-secondary, .text-on-surface-variant { color: var(--fp-muted) !important; }
.text-text-muted { color: var(--fp-faint) !important; }
.text-primary-container { color: var(--fp-accent) !important; }
.text-secondary-container, .text-secondary { color: var(--fp-accent) !important; }
.text-tertiary-container { color: var(--fp-accent-hot) !important; }
.text-status-verified { color: var(--fp-accent) !important; }
.text-status-caution { color: var(--fp-warn) !important; }
.text-outline-variant { color: var(--fp-faint) !important; }
.bg-surface-container-low, .bg-surface-container-high, .bg-surface-variant {
  background: var(--fp-surface) !important;
  border-color: var(--fp-line) !important;
}
.border-outline-variant, .border-outline-variant\/50, .border-outline-variant\/30,
.border-white\/10 { border-color: var(--fp-line) !important; }

main.max-w-screen-2xl,
.fp-live-ticker-inner,
.fp-site-header-inner,
.fp-site-footer > div {
  width: min(100%, 1480px) !important;
  margin-inline: auto !important;
}

main.max-w-screen-2xl {
  padding-left: clamp(20px, 4vw, 64px) !important;
  padding-right: clamp(20px, 4vw, 64px) !important;
}

/* Live strip — stay on the light canvas, Reddit orange only for the badge. */
.fp-live-ticker-bar {
  position: relative;
  z-index: 70;
  min-height: 34px;
  background: #fff7f2 !important;
  border-bottom: 1px solid #e6d6cc !important;
  overflow: hidden !important;
}
.fp-live-ticker-inner {
  min-height: 34px;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  position: relative !important;
}
.fp-live-badge {
  background: #ff4500 !important;
  color: #fff8f5 !important;
  border: 0 !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 5 !important;
}
.fp-ticker-viewport {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  position: relative !important;
  mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 16px), transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 12px, #000 calc(100% - 16px), transparent 100%) !important;
}
.fp-ticker-item { color: #5a4538 !important; }
.fp-ticker-item:hover { color: #1c140f !important; }
.fp-ticker-item mark {
  color: #c2410c !important;
  background: transparent !important;
}
.fp-ticker-divider, .fp-ticker-time { color: #7a6254 !important; }

/* Header stays light; do not invert nav into pale-on-pale. */
.fp-site-header {
  top: 0;
  background: rgba(255, 252, 249, 0.94) !important;
  border-color: #e6d6cc !important;
  box-shadow: 0 10px 28px rgba(90, 40, 16, 0.06) !important;
  backdrop-filter: blur(18px) saturate(1.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.15) !important;
}
.fp-site-header-inner { min-height: 74px !important; padding-block: 12px !important; }
.fp-site-header a[aria-label="FoxyPulse home"] span { color: #1c140f !important; }
.fp-site-header a[aria-label="FoxyPulse home"] span span { color: #c2410c !important; }
.fp-site-header nav { gap: 4px !important; }
.fp-site-header .fp-nav-link {
  color: #5a4538 !important;
  background: transparent !important;
  border: 1px solid transparent;
  border-radius: 999px !important;
  padding: 9px 14px !important;
}
.fp-site-header .fp-nav-link:hover,
.fp-site-header .fp-nav-link[aria-current="page"] {
  color: #c2410c !important;
  background: #ffeee6 !important;
  border-color: rgba(194, 65, 12, 0.18) !important;
}
.fp-site-header .fp-icon-btn,
.fp-site-header .fp-lang-menu summary { color: #5a4538 !important; }
.fp-site-header .fp-icon-btn:hover,
.fp-site-header .fp-lang-menu summary:hover { color: #c2410c !important; }
.fp-lang-item { color: #5a4538 !important; }
.fp-lang-item:hover, .fp-lang-item.is-active {
  color: #c2410c !important;
  background: #ffeee6 !important;
}
#fp-search-drawer {
  background: #fffaf7 !important;
  border-color: #e6d6cc !important;
}
#fp-search-drawer input { color: #1c140f !important; }

/* Home command hero */
.fp-command-main { gap: clamp(56px, 7vw, 96px) !important; }
.fp-command-hero {
  min-height: 560px;
  display: grid;
  place-items: center;
  padding: clamp(80px, 9vw, 132px) clamp(22px, 5vw, 78px) !important;
  margin-top: 18px;
  text-align: left !important;
  border: 1px solid #ead3c6 !important;
  border-radius: var(--fp-radius-xl);
  background:
    linear-gradient(135deg, #ffffff 0%, #fffaf7 55%, #fff1e8 100%) !important;
  box-shadow: 0 16px 40px rgba(90, 40, 16, 0.06), inset 0 1px rgba(255, 255, 255, 0.8) !important;
  isolation: isolate;
}
.fp-command-hero::before {
  content: "SIGNAL / 03";
  position: absolute;
  top: 30px;
  right: 34px;
  color: #c2410c !important;
  font: 700 11px/1.2 "Space Grotesk", sans-serif;
  letter-spacing: 0.18em;
  opacity: 0.75;
}
.fp-command-hero::after {
  content: "";
  position: absolute;
  width: min(48vw, 620px);
  aspect-ratio: 1;
  right: -12%;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  opacity: 0.65;
  background:
    radial-gradient(circle, transparent 0 18%, rgba(255,69,0,.08) 18.3% 18.8%, transparent 19% 31%, rgba(234,88,12,.06) 31.3% 31.8%, transparent 32% 46%, rgba(194,65,12,.05) 46.3% 46.8%, transparent 47%),
    conic-gradient(from 190deg, transparent, rgba(255,69,0,.08), transparent 32%, rgba(234,88,12,.06), transparent 68%);
  filter: drop-shadow(0 0 50px rgba(255, 69, 0, 0.04));
  pointer-events: none;
  z-index: -1;
}
.fp-command-aurora {
  background:
    linear-gradient(90deg, rgba(255,69,0,.03) 1px, transparent 1px),
    linear-gradient(rgba(255,69,0,.03) 1px, transparent 1px),
    radial-gradient(700px circle at 15% 20%, rgba(255,100,20,.06), transparent 60%) !important;
  background-size: 56px 56px, 56px 56px, auto !important;
  mask-image: linear-gradient(90deg, #000, transparent 75%);
}
.fp-command-hero-inner {
  width: 100%;
  max-width: 960px !important;
  margin: 0 auto 0 0 !important;
}
.fp-command-badge {
  color: #c2410c !important;
  background: #ffeee6 !important;
  border-color: rgba(194, 65, 12, 0.28) !important;
  box-shadow: 0 2px 12px rgba(194, 65, 12, 0.06);
}
.fp-command-badge span:last-child { color: #c2410c !important; }
.fp-command-title,
.fp-command-hero h1 {
  max-width: 920px;
  color: #1c140f !important;
  font-size: clamp(46px, 7vw, 104px) !important;
  line-height: 0.92 !important;
  letter-spacing: -0.065em !important;
  text-wrap: balance;
}
.fp-command-deck,
.fp-command-hero .fp-lede,
.fp-command-hero p:not(.fp-kicker) {
  max-width: 720px !important;
  margin: 28px 0 36px !important;
  color: #5a4538 !important;
  font-size: clamp(17px, 1.6vw, 22px) !important;
}
.fp-command-hero .fp-market-pill,
.fp-command-hero .fp-chip {
  color: #1c140f !important;
  background: #ffffff !important;
  border: 1px solid #ead3c6 !important;
  box-shadow: 0 2px 8px rgba(90, 40, 16, 0.04) !important;
}
.fp-command-hero .fp-market-pill:hover,
.fp-command-hero .fp-chip:hover,
.fp-command-hero .fp-market-pill[style*="0,230,118,0.4"] {
  color: #c2410c !important;
  border-color: rgba(194, 65, 12, 0.35) !important;
  background: #ffeee6 !important;
}

/* Reddit scanner */
.fp-reddit-pulse {
  display: grid;
  grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--fp-line-strong);
  border-radius: var(--fp-radius-xl);
  background: var(--fp-line);
  box-shadow: var(--fp-shadow);
}
.fp-reddit-copy, .fp-reddit-results { background: #fffaf7; }
.fp-reddit-copy { padding: clamp(30px, 5vw, 64px); }
.fp-reddit-copy h2 {
  margin: 8px 0 18px;
  color: var(--fp-copy);
  font: 700 clamp(32px, 4.5vw, 62px)/1 "Space Grotesk", sans-serif;
  letter-spacing: -0.045em;
}
.fp-reddit-copy > p:not(.fp-kicker) { color: var(--fp-muted); line-height: 1.65; }
.fp-reddit-pulse .fp-kicker,
.fp-command-hero .fp-kicker {
  margin: 0;
  color: var(--fp-accent);
  font: 700 11px/1.2 "Inter", sans-serif;
  letter-spacing: .16em;
}
.fp-reddit-form { display: flex; gap: 10px; margin: 28px 0 16px; }
.fp-reddit-form select,
.fp-reddit-form button {
  min-height: 48px;
  border-radius: 12px;
  font: 700 12px/1 "Inter", sans-serif;
}
.fp-reddit-form select {
  flex: 1;
  min-width: 0;
  color: var(--fp-ink);
  border: 1px solid var(--fp-line);
  background: #fff;
  padding: 0 14px;
}
.fp-reddit-form button {
  color: #fff8f5;
  border: 0;
  background: #ff4500;
  padding: 0 20px;
  cursor: pointer;
}
.fp-reddit-form button:hover { background: #c2410c; transform: translateY(-1px); }
.fp-reddit-form button:disabled { opacity: .55; cursor: wait; }
.fp-reddit-status { min-height: 22px; color: #c2410c !important; font-size: 13px; }
.fp-reddit-copy small { color: var(--fp-dim); }
.fp-reddit-results { min-height: 430px; padding: 20px clamp(20px, 3vw, 38px); }
.fp-reddit-item {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  min-height: 74px;
  padding: 14px 0;
  border-bottom: 1px solid var(--fp-line);
}
.fp-reddit-item:last-child { border-bottom: 0; }
.fp-reddit-rank { color: #c2410c; font: 600 12px/1 "Space Grotesk", sans-serif; }
.fp-reddit-item h3 { margin: 0 0 5px; color: var(--fp-copy); font: 600 15px/1.35 "Space Grotesk", sans-serif; }
.fp-reddit-item p { margin: 0; color: var(--fp-dim); font-size: 11px; }
.fp-reddit-open { color: var(--fp-cyan); font-size: 11px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.fp-reddit-open:hover { color: var(--fp-copy); }
.fp-reddit-pulse.is-loading .fp-reddit-results {
  background-image: linear-gradient(100deg, transparent 20%, rgba(114,246,169,.05) 40%, transparent 60%);
  background-size: 200% 100%;
  animation: fp-scan 1.3s linear infinite;
}
.fp-reddit-index {
  display: inline-flex;
  margin-top: 10px;
  color: var(--fp-cyan);
  font: 700 13px/1.4 Inter, sans-serif;
  text-decoration: none;
}
.fp-reddit-index:hover { color: var(--fp-copy); }
.fp-command-main { margin: 18px 0 28px; }
.fp-command-hero { padding-bottom: 8px; }
.fp-reddit-pulse.fp-command-hero {
  min-height: 0;
  display: grid;
  place-items: stretch;
  padding: 0 !important;
}
@keyframes fp-scan { to { background-position: -200% 0; } }

/* Change tracker */
.fp-change-tracker {
  position: relative;
  padding: clamp(30px, 5vw, 62px) !important;
  color: var(--fp-copy);
  background: linear-gradient(135deg, #ffffff 0%, #fffaf7 60%, #fff1e8 100%) !important;
  border: 1px solid var(--fp-line) !important;
  border-radius: var(--fp-radius-xl) !important;
  box-shadow: var(--fp-shadow) !important;
}
.fp-change-tracker::before {
  content: "LIVE DATASET";
  position: absolute;
  top: 22px;
  right: 26px;
  color: #c2410c;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}
.fp-change-tracker h2 { color: var(--fp-copy) !important; }
.fp-change-tracker nav a {
  color: var(--fp-muted) !important;
  background: #ffffff !important;
  border: 1px solid var(--fp-line) !important;
}
.fp-change-tracker nav a:hover {
  color: #c2410c !important;
  border-color: rgba(194, 65, 12, 0.3) !important;
  background: #ffeee6 !important;
}
.fp-change-row {
  border-color: var(--fp-line) !important;
  background: #ffffff;
  border-radius: 12px;
  transition: background .18s ease, transform .18s ease;
}
.fp-change-row:hover { background: #fffaf7; transform: translateX(4px); }
.fp-change-row span:first-child { color: var(--fp-green) !important; }
.fp-change-row strong { color: var(--fp-copy) !important; }
.fp-change-row small { color: var(--fp-muted) !important; }

/* Featured story, section headers and cards */
.fp-command-main section[aria-label="Featured Story"] > a > div {
  background: var(--fp-panel-solid) !important;
  border-color: var(--fp-line) !important;
  border-radius: var(--fp-radius-xl) !important;
  box-shadow: var(--fp-shadow) !important;
}
.fp-command-main section[aria-label="Featured Story"] h2 { color: var(--fp-copy) !important; }
.fp-command-main section[aria-label="Featured Story"] p { color: var(--fp-muted) !important; }
.fp-command-main section[aria-label="Featured Story"] div[style*="border-top"] { border-color: var(--fp-line) !important; }
.fp-command-main section[aria-label="Featured Story"] div[style*="color:#090C13"] { color: #04120b !important; }

#pulse > div:first-child,
#bestof > div:first-child,
#vs > div:first-child { border-color: var(--fp-line) !important; }
#pulse h2, #bestof h2, #vs h2 { color: var(--fp-copy) !important; }
#pulse > div:first-child::after,
#bestof > div:first-child::after,
#vs > div:first-child::after {
  content: "";
  width: 72px;
  height: 1px;
  margin-left: auto;
  background: linear-gradient(90deg, var(--fp-green), transparent);
}

.fp-story-card,
.fp-tool-card {
  color: var(--fp-ink) !important;
  background: #fff !important;
  border-color: var(--fp-line) !important;
  border-radius: var(--fp-radius-lg) !important;
  box-shadow: 0 10px 30px rgba(90, 40, 16, 0.06) !important;
  transform: translateZ(0);
}
.fp-story-card:hover,
.fp-tool-card:hover {
  border-color: var(--fp-line-strong) !important;
  box-shadow: 0 16px 40px rgba(90, 40, 16, 0.12), 0 0 0 1px rgba(194, 65, 12, 0.15) !important;
  transform: translateY(-4px);
}
.fp-story-card > div:first-child { height: 190px !important; border-color: var(--fp-line) !important; }
.fp-story-card > div:first-child::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 55%, rgba(28, 20, 15, 0.35));
  pointer-events: none;
}
.fp-story-card h3, .fp-tool-card h3 { color: var(--fp-ink) !important; }
.fp-story-card p, .fp-tool-card p { color: var(--fp-muted) !important; }
.fp-story-card div[style*="border-top"] { border-color: var(--fp-line) !important; }

/* Shared editorial layouts */
.cyber-panel {
  color: var(--fp-copy) !important;
  background: #ffffff !important;
  border: 1px solid var(--fp-line) !important;
  border-radius: var(--fp-radius-lg) !important;
  box-shadow: 0 16px 40px rgba(90, 40, 16, 0.05) !important;
}
.cyber-panel::before {
  background: linear-gradient(90deg, transparent, rgba(255, 69, 0, 0.4), rgba(234, 88, 12, 0.3), transparent) !important;
}
main > .cyber-panel.min-h-\[300px\],
main > .cyber-panel.min-h-\[280px\] {
  min-height: 380px !important;
  padding: clamp(34px, 5vw, 70px) !important;
  border-radius: var(--fp-radius-xl) !important;
  background:
    radial-gradient(700px circle at 85% 20%, rgba(255, 240, 230, 0.8), transparent 60%),
    linear-gradient(135deg, #ffffff 0%, #fffaf7 55%, #fff1e8 100%) !important;
  border: 1px solid var(--fp-line) !important;
}
main > .cyber-panel h1 { color: var(--fp-copy) !important; font-size: clamp(42px, 6vw, 82px) !important; line-height: .98 !important; }
main > aside:first-child {
  color: var(--fp-muted) !important;
  background: rgba(255, 209, 102, .06) !important;
  border-color: rgba(255, 209, 102, .18) !important;
  border-radius: 14px !important;
}

.fp-article-reading-canvas {
  color: var(--fp-ink) !important;
  background: #fff !important;
  border-color: var(--fp-line) !important;
  border-radius: var(--fp-radius-lg) !important;
  box-shadow: var(--fp-shadow) !important;
}
.fp-article-reading-canvas h2,
.fp-article-reading-canvas h3,
.fp-article-reading-canvas h4,
.fp-article-reading-canvas strong { color: var(--fp-ink) !important; }
.fp-article-reading-canvas a { color: var(--fp-accent) !important; }
.fp-article-reading-canvas blockquote {
  color: var(--fp-muted) !important;
  background: #fff7f2 !important;
  border-color: var(--fp-accent) !important;
}
.fp-change-evidence {
  border: 1px solid var(--fp-line) !important;
  background: transparent !important;
  border-radius: var(--fp-radius-md) !important;
  gap: 10px !important;
}
.fp-change-evidence > div {
  background: #ffffff !important;
  border: 1px solid var(--fp-line) !important;
  border-radius: 12px !important;
  padding: 12px 16px !important;
  box-shadow: 0 2px 8px rgba(90, 40, 16, 0.04) !important;
}
.fp-change-evidence small {
  color: #7a6254 !important;
  font-weight: 600 !important;
}
.fp-change-evidence strong {
  color: #1c140f !important;
  font-weight: 700 !important;
}

/* Widgets and creator tools */
[data-fc-tool],
.fp-widget,
.fp-tool-shell {
  color: var(--fp-copy) !important;
  background: #ffffff !important;
  border: 1px solid var(--fp-line) !important;
  border-radius: var(--fp-radius-lg) !important;
  box-shadow: 0 10px 30px rgba(90, 40, 16, 0.05) !important;
}
.fp-field input,
.fp-field textarea,
.fp-field select,
.fp-checklist label {
  color: var(--fp-copy) !important;
  background: #fffaf7 !important;
  border: 1px solid var(--fp-line) !important;
}
.fp-out-item { background: #fff7f2 !important; border-color: var(--fp-line) !important; color: var(--fp-copy) !important; }
.fp-out-primary { background: #ffeee6 !important; color: #c2410c !important; }
.fp-btn-primary { color: #ffffff !important; background: var(--fp-accent-hot, #ff4500) !important; }
.fp-btn-secondary { color: var(--fp-copy) !important; background: #ffffff !important; border-color: var(--fp-line) !important; }

/* Footer */
.fp-site-footer {
  position: relative;
  overflow: hidden;
  margin-top: clamp(72px, 10vw, 140px) !important;
  color: var(--fp-muted);
  background: #fff7f2 !important;
  border-color: var(--fp-line) !important;
}
.fp-site-footer::before {
  content: "";
  position: absolute;
  inset: 0 0 auto;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--fp-green), var(--fp-cyan), transparent);
}
.fp-site-footer span[style*="color:#090C13"] { color: var(--fp-copy) !important; }
.fp-site-footer p, .fp-site-footer span { color: var(--fp-dim) !important; }
.fp-site-footer div[style*="color:#00814A"] { color: var(--fp-green) !important; }
.fp-site-footer .fp-footer-link { color: var(--fp-muted) !important; }
.fp-site-footer .fp-footer-link:hover { color: var(--fp-green) !important; }
.fp-site-footer div[style*="border-top"] { border-color: var(--fp-line) !important; }

/* Mobile navigation */
#fp-mobile-nav {
  background: #fffaf7 !important;
  color: var(--fp-ink) !important;
}
#fp-mobile-nav > div span { color: var(--fp-ink) !important; }
#fp-mobile-nav > div span span { color: var(--fp-accent) !important; }
#fp-mobile-nav a { color: var(--fp-ink) !important; border-color: var(--fp-line) !important; }
#fp-mobile-nav a:hover, #fp-mobile-nav a[aria-current="page"] { color: var(--fp-accent) !important; }
#fp-mobile-close { color: var(--fp-muted) !important; }
#fp-mobile-nav form { background: #fff !important; border-color: var(--fp-line) !important; }
#fp-mobile-nav input { color: var(--fp-ink) !important; }

@media (max-width: 1023px) {
  .fp-command-hero { min-height: 520px; }
  .fp-command-title { font-size: clamp(44px, 9vw, 78px) !important; }
  .fp-reddit-pulse { grid-template-columns: 1fr; }
  .fp-reddit-results { min-height: 300px; }
  .lg\:col-span-8, .lg\:col-span-4 { min-width: 0; }
}

@media (max-width: 767px) {
  .fp-live-ticker-inner { padding-inline: 12px !important; }
  .fp-live-badge { flex: 0 0 auto; }
  .fp-site-header-inner { min-height: 64px !important; padding-inline: 18px !important; }
  .fp-command-main { padding-inline: 14px !important; gap: 46px !important; }
  .fp-command-hero {
    min-height: 500px;
    margin-top: 8px;
    padding: 70px 24px 38px !important;
    border-radius: 24px;
  }
  .fp-command-hero::after { width: 460px; right: -68%; opacity: .46; }
  /* The homepage Reddit panel also uses the command-hero base class. Its
     decorative halo is not content, and the off-canvas pseudo-element made
     the document 630px wide at a 375px viewport. */
  .fp-reddit-pulse.fp-command-hero::after { display: none; }
  .fp-command-title { font-size: clamp(40px, 13vw, 62px) !important; line-height: .96 !important; }
  .fp-command-deck { font-size: 16px !important; }
  .fp-command-hero .fp-market-pill { padding: 7px 11px !important; font-size: 11px !important; }
  .fp-reddit-copy { padding: 30px 22px; }
  .fp-reddit-form { flex-direction: column; }
  .fp-reddit-form select, .fp-reddit-form button { width: 100%; }
  .fp-reddit-results { padding: 12px 20px; }
  .fp-reddit-item { grid-template-columns: 30px minmax(0, 1fr); }
  .fp-reddit-open { grid-column: 2; }
  .fp-change-tracker { padding: 30px 20px !important; }
  .fp-change-tracker > div:first-child { align-items: flex-start !important; }
  .fp-change-row { grid-template-columns: 1fr !important; gap: 8px !important; padding: 18px 10px !important; }
  .fp-change-row > span:last-child { justify-self: start; }
  .fp-command-main section[aria-label="Featured Story"] > a > div { border-radius: 22px !important; }
  .fp-command-main section[aria-label="Featured Story"] div[style*="justify-content:space-between"] { align-items: flex-start !important; gap: 14px; }
  .fp-command-main section[aria-label="Featured Story"] span[style*="READ FULL"] { display: none; }
  #pulse > div:first-child, #bestof > div:first-child, #vs > div:first-child { align-items: flex-start !important; gap: 12px; }
  #pulse > div:first-child::after, #bestof > div:first-child::after, #vs > div:first-child::after { display: none; }
  main > .cyber-panel.min-h-\[300px\], main > .cyber-panel.min-h-\[280px\] { min-height: 320px !important; padding: 32px 24px !important; }
  main > .cyber-panel h1 { font-size: clamp(38px, 12vw, 58px) !important; }
  .fp-change-evidence { grid-template-columns: 1fr !important; }
  .fp-site-footer > div { padding-inline: 22px !important; }
  .fp-site-footer > div > div:first-child { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}