body[data-page="home"] {
  --home-paper: #f7f2e8;
  --home-surface: #fffdf7;
  --home-ink: #13251b;
  --home-muted: #566158;
  --home-line: #d8d2c5;
  --home-soft-line: #e9e3d8;
  --home-green: #0d4a39;
  --home-green-deep: #073b2f;
  --home-red: #c63d2c;
  --home-yellow: #f4bb27;
  overflow-x: hidden;
  background: var(--home-paper);
}

body[data-page="home"]::before { display: none; }

body[data-page="home"] .public-header {
  background: #f7f2e8;
  backdrop-filter: none;
}

body[data-page="home"] .home-main {
  color: var(--home-ink);
  background: var(--home-paper);
}

body[data-page="home"] .home-main .wrap {
  width: min(1180px, calc(100% - clamp(36px, 6vw, 48px)));
}

body[data-page="home"] .home-main h1,
body[data-page="home"] .home-main h2,
body[data-page="home"] .home-main h3 { text-wrap: balance; }

body[data-page="home"] .home-main a:focus-visible,
body[data-page="home"] .home-main button:focus-visible {
  outline: 3px solid var(--home-yellow);
  outline-offset: 4px;
}

body[data-page="home"] .home-main .eyebrow { color: var(--home-red); }

body[data-page="home"] .home-main .button-primary {
  background: var(--home-red);
  color: #fff;
}

body[data-page="home"] .home-hero-section {
  overflow: hidden;
  border-bottom: 1px solid var(--home-line);
  background: #faf6ed;
}

body[data-page="home"] .home-hero {
  min-height: 0;
  padding: 32px 0 38px;
  display: grid;
  grid-template-columns: minmax(380px, .86fr) minmax(0, 1.14fr);
  align-items: stretch;
  gap: clamp(34px, 4.5vw, 58px);
}

body[data-page="home"] .home-hero-copy {
  position: relative;
  z-index: 2;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px 0;
}

body[data-page="home"] .home-live-kicker {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 17px;
  color: var(--home-red);
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .05em;
}

body[data-page="home"] .home-live-kicker i { font-size: 16px; }

body[data-page="home"] .home-hero h1 {
  max-width: 640px;
  margin: 0;
  font-size: clamp(46px, 4.4vw, 60px);
  line-height: 1.05;
  letter-spacing: -.05em;
  font-weight: 950;
}

body[data-page="home"] .home-hero h1 span { color: var(--home-red); }

body[data-page="home"] .home-hero-slogan {
  margin: 18px 0 0;
  color: var(--home-ink);
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -.025em;
}

body[data-page="home"] .home-hero-slogan span { color: var(--home-red); }

body[data-page="home"] .home-hero-lead {
  max-width: 510px;
  margin: 16px 0 23px;
  color: #536158;
  font-size: 14px;
  line-height: 1.8;
}

body[data-page="home"] .home-hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body[data-page="home"] .home-hero-actions .button {
  min-height: 48px;
  gap: 8px;
  border-radius: 6px;
  padding-inline: 18px;
}

body[data-page="home"] .home-hero-actions .button i { font-size: 18px; }

body[data-page="home"] .home-hero-community-cta {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  gap: 7px;
  margin-top: 5px;
  color: var(--home-green);
  font-size: 13px;
  font-weight: 700;
  text-underline-offset: 4px;
}

body[data-page="home"] .home-hero-community-cta:hover {
  text-decoration: underline;
}

body[data-page="home"] .home-data-readout {
  max-width: 530px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 9px 10px;
  margin-top: 22px;
  padding: 13px 14px;
  border: 1px solid var(--home-line);
  border-radius: 12px;
  background: rgba(255, 253, 247, .68);
}

body[data-page="home"] .home-data-caption {
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--home-muted);
  font-size: 11px;
  font-weight: 900;
  white-space: nowrap;
}

body[data-page="home"] .home-data-caption i { color: var(--home-green); font-size: 16px; }

body[data-page="home"] .home-data-line {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0;
}

body[data-page="home"] .home-data-line span {
  min-height: 29px;
  display: inline-flex;
  align-items: center;
  padding: 4px 9px;
  border: 1px solid var(--home-line);
  border-radius: 999px;
  background: #fff;
  color: #455148;
  font-size: 10px;
  font-weight: 850;
}

body[data-page="home"] .home-data-line span:first-child {
  border-color: #b9c9bd;
  background: #edf5ef;
  color: var(--home-green);
}

body[data-page="home"] .home-data-disclosure {
  max-width: 530px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 10px 0 0;
  padding: 9px 10px;
  border-left: 3px solid var(--home-green);
  background: #eef5ef;
  color: #395447;
  font-size: 10px;
  line-height: 1.55;
}

body[data-page="home"] .home-data-disclosure i { flex: 0 0 auto; margin-top: 1px; font-size: 16px; }

body[data-page="home"] .home-data-line .home-data-source {
  border: 0;
  background: transparent;
  color: var(--home-muted);
  font-weight: 700;
}

body[data-page="home"] .home-feature {
  width: 100%;
  min-width: 0;
  min-height: 540px;
  align-self: stretch;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(19, 37, 27, .12);
  border-radius: 18px;
  background: #ded8c9;
  box-shadow: 0 18px 40px rgba(31, 46, 36, .1);
  transform: none;
}

body[data-page="home"] .home-feature img,
body[data-page="home"] .home-feature video,
body[data-page="home"] .home-feature-placeholder {
  width: 100%;
  height: 100%;
  min-height: 540px;
  display: block;
  object-fit: cover;
  background: var(--home-green-deep);
}

body[data-page="home"] .home-feature-placeholder {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  justify-items: center;
  gap: 12px;
  padding: 34px;
  color: #fff;
  text-align: center;
}

body[data-page="home"] .home-feature-placeholder i { font-size: 42px; }
body[data-page="home"] .home-feature-placeholder strong { display: block; font-size: 26px; line-height: 1.18; }
body[data-page="home"] .home-feature-placeholder span { display: block; max-width: 360px; color: #c9d6cf; font-size: 12px; line-height: 1.65; }
body[data-page="home"] .home-feature-placeholder .button { min-height: 42px; margin-top: 4px; }

body[data-page="home"] .home-editorial-feature {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: inherit;
  overflow: hidden;
  background: #dae5dc;
}

body[data-page="home"] .home-feature .home-editorial-feature > img {
  width: 100%;
  height: 100%;
  min-height: inherit;
  display: block;
  object-fit: cover;
  opacity: .86;
}

body[data-page="home"] .home-editorial-feature-caption {
  position: absolute;
  right: 24px;
  bottom: 24px;
  left: 24px;
  max-width: 500px;
  margin-left: auto;
  padding: 18px 19px;
  border: 1px solid rgba(255, 255, 255, .64);
  border-radius: 12px;
  background: rgba(7, 59, 47, .94);
  color: #fff;
}

body[data-page="home"] .home-editorial-badge {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin: 0;
  padding: 4px 7px;
  border: 1px solid rgba(244, 187, 39, .72);
  border-radius: 999px;
  color: #fff0c0;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .04em;
}

body[data-page="home"] .home-editorial-feature-caption h2 {
  margin: 12px 0 8px;
  color: #fff;
  font-size: 25px;
  line-height: 1.15;
}

body[data-page="home"] .home-editorial-feature-caption p {
  margin: 0;
  color: #d8e3dc;
  font-size: 12px;
  line-height: 1.65;
}

body[data-page="home"] .home-editorial-feature-caption small {
  display: block;
  margin-top: 12px;
  color: #fff0c0;
  font-size: 10px;
  line-height: 1.55;
}
body[data-page="home"] .home-editorial-feature.is-interactive { cursor: pointer; }
body[data-page="home"] .home-editorial-feature.is-interactive > img { transition: transform .24s ease, opacity .24s ease; }
body[data-page="home"] .home-editorial-feature.is-interactive:hover > img { transform: scale(1.025); opacity: .96; }
body[data-page="home"] .home-editorial-feature-action { display: inline-flex !important; align-items: center; gap: 4px; }
body[data-page="home"] .home-editorial-feature-action i { font-size: 14px; }
body[data-page="home"] .home-editorial-feature.is-interactive:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: -5px; }

body[data-page="home"] .home-editorial-showcase {
  grid-column: 1 / -1;
  min-width: 0;
}

body[data-page="home"] .home-editorial-card-grid,
body[data-page="home"] .home-editorial-content-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body[data-page="home"] .home-editorial-card,
body[data-page="home"] .home-editorial-content-card {
  min-width: 0;
  min-height: 176px;
  padding: 18px;
  border: 1px solid #c9d9cc;
  border-radius: 10px;
  background: #f4f8f1;
  box-shadow: 0 8px 20px rgba(35, 61, 44, .05);
}

body[data-page="home"] .home-editorial-archive-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #c9d9cc;
  border-radius: 10px;
  background: #f4f8f1;
  box-shadow: 0 8px 20px rgba(35, 61, 44, .05);
  cursor: pointer;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
body[data-page="home"] .home-editorial-archive-card:hover { transform: translateY(-3px); border-color: #91b69a; box-shadow: 0 14px 28px rgba(35, 61, 44, .12); }
body[data-page="home"] .home-editorial-archive-card:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: 3px; }

body[data-page="home"] .home-editorial-archive-card > img {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
  object-fit: cover;
  background: #dae5dc;
}

body[data-page="home"] .home-editorial-archive-card-copy { padding: 14px 15px 15px; }
body[data-page="home"] .home-editorial-archive-card-copy small {
  display: block;
  color: var(--home-red);
  font-size: 10px;
  font-weight: 900;
}
body[data-page="home"] .home-editorial-archive-card-copy h3 { margin: 5px 0 7px; font-size: 17px; line-height: 1.25; }
body[data-page="home"] .home-editorial-archive-card-copy p { margin: 0; color: var(--home-muted); font-size: 11px; line-height: 1.55; }
body[data-page="home"] .home-editorial-archive-card-action { display: inline-flex; align-items: center; gap: 4px; margin-top: 12px; color: var(--home-green); font-size: 11px; font-weight: 900; }
body[data-page="home"] .home-editorial-archive-card-action i { font-size: 14px; transition: transform .2s ease; }
body[data-page="home"] .home-editorial-archive-card:hover .home-editorial-archive-card-action i { transform: translateX(3px); }

body[data-page="home"] .home-editorial-card > i,
body[data-page="home"] .home-editorial-content-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #e2eee3;
  color: var(--home-green);
  font-size: 21px;
}

body[data-page="home"] .home-editorial-card small,
body[data-page="home"] .home-editorial-content-card small {
  display: block;
  margin-top: 14px;
  color: var(--home-red);
  font-size: 10px;
  font-weight: 900;
}

body[data-page="home"] .home-editorial-card h3,
body[data-page="home"] .home-editorial-content-card h3 {
  margin: 5px 0 7px;
  font-size: 17px;
  line-height: 1.25;
}

body[data-page="home"] .home-editorial-card p,
body[data-page="home"] .home-editorial-content-card p {
  margin: 0;
  color: var(--home-muted);
  font-size: 11px;
  line-height: 1.62;
}

body[data-page="home"] .home-editorial-timeline {
  display: grid;
  gap: 13px;
  padding: 14px;
  border: 1px solid #c9d9cc;
  border-radius: 10px;
  background: #f4f8f1;
}

body[data-page="home"] .home-editorial-timeline .home-editorial-badge {
  color: #0b5946;
  border-color: #aacabb;
  background: #e6f0e6;
}

body[data-page="home"] .home-editorial-timeline ol {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-page="home"] .home-editorial-timeline li {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: center;
  gap: 9px;
  padding: 8px;
  border-radius: 8px;
  background: #fffdf7;
}

body[data-page="home"] .home-editorial-timeline li > i {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #e5efe5;
  color: var(--home-green);
  font-size: 16px;
}

body[data-page="home"] .home-editorial-timeline strong,
body[data-page="home"] .home-editorial-timeline small { display: block; }
body[data-page="home"] .home-editorial-timeline strong { font-size: 12px; }
body[data-page="home"] .home-editorial-timeline small { margin-top: 2px; color: var(--home-muted); font-size: 10px; line-height: 1.45; }
body[data-page="home"] .home-editorial-note { margin: 0; color: var(--home-muted); font-size: 10px; line-height: 1.55; }

body[data-page="home"] .home-actionable-empty {
  align-content: center;
  justify-items: center;
  gap: 10px;
}

body[data-page="home"] .home-actionable-empty strong { color: var(--home-ink); font-size: 17px; }
body[data-page="home"] .home-actionable-empty p { max-width: 530px; margin: 0; line-height: 1.7; }
body[data-page="home"] .home-empty-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 11px; }

body[data-page="home"] .home-feature-link { width: 100%; height: 100%; min-height: inherit; display: block; color: inherit; text-decoration: none; }

body[data-page="home"] .home-feature-caption {
  left: 28px;
  right: 28px;
  bottom: 28px;
  max-width: 530px;
  margin-left: auto;
  padding: 18px 20px;
  border: 1px solid rgba(255, 255, 255, .48);
  border-radius: 10px;
  background: rgba(7, 59, 47, .94);
  backdrop-filter: none;
}

body[data-page="home"] .home-feature-caption h2 { font-size: 25px; }
body[data-page="home"] .home-feature-kind { border-radius: 4px; background: rgba(7, 59, 47, .94); }

body[data-page="home"] .home-how-section,
body[data-page="home"] .home-preview-section,
body[data-page="home"] .home-content-section,
body[data-page="home"] .home-role-section,
body[data-page="home"] .home-commitment-section {
  border-bottom: 1px solid var(--home-soft-line);
  background: var(--home-surface);
}

body[data-page="home"] .home-how-section { padding: 48px 0; }

body[data-page="home"] .home-how-layout {
  display: grid;
  grid-template-columns: minmax(270px, .7fr) minmax(0, 1.5fr);
  gap: clamp(42px, 6vw, 84px);
  align-items: center;
}

body[data-page="home"] .home-how-intro h2 {
  margin: 0;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.1;
  letter-spacing: -.045em;
}

body[data-page="home"] .home-how-intro h2 span { color: var(--home-red); }

body[data-page="home"] .home-how-intro > p:last-of-type {
  margin: 16px 0 18px;
  color: var(--home-muted);
}

body[data-page="home"] .home-inline-link,
body[data-page="home"] .home-heading-action > a,
body[data-page="home"] .home-section-heading-inline > a {
  color: var(--home-green);
  font-size: 12px;
  font-weight: 900;
  text-underline-offset: 5px;
}

body[data-page="home"] .home-how-flow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body[data-page="home"] .home-how-flow li {
  min-width: 0;
  min-height: 218px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--home-line);
  border-radius: 10px;
  background: #fbf8f0;
}

body[data-page="home"] .home-how-flow i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  color: var(--home-green);
  font-size: 34px;
}

body[data-page="home"] .home-how-flow small {
  margin-top: 14px;
  color: var(--home-red);
  font-weight: 950;
}

body[data-page="home"] .home-how-flow h3 { margin: 4px 0 8px; font-size: 17px; line-height: 1.25; }
body[data-page="home"] .home-how-flow p { margin: 0; color: var(--home-muted); font-size: 12px; }
body[data-page="home"] .home-how-flow a {
  width: fit-content;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  color: var(--home-green);
  font-size: 11px;
  font-weight: 900;
}

body[data-page="home"] .home-timeline-section {
  padding: 36px 0 38px;
  border-bottom: 1px solid var(--home-line);
  background: var(--home-paper);
}

body[data-page="home"] .home-section-heading {
  margin-bottom: 22px;
}

body[data-page="home"] .home-section-heading h2 {
  margin: 0;
  font-size: clamp(30px, 3vw, 42px);
  line-height: 1.05;
  letter-spacing: -.045em;
}

body[data-page="home"] .home-section-heading > p:last-child {
  max-width: 660px;
  margin: 9px 0 0;
  color: var(--home-muted);
}

body[data-page="home"] .home-section-heading-inline {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 30px;
}

body[data-page="home"] .home-section-heading-inline h2 {
  display: flex;
  align-items: center;
  gap: 9px;
}

body[data-page="home"] .home-section-heading-inline h2 i { color: var(--home-red); font-size: .82em; }

body[data-page="home"] .home-section-heading-inline > p,
body[data-page="home"] .home-heading-action p {
  margin: 0;
  color: var(--home-muted);
  font-size: 12px;
  text-align: right;
}

body[data-page="home"] .home-heading-action {
  display: grid;
  justify-items: end;
  gap: 5px;
}

body[data-page="home"] .home-live-timeline {
  min-height: 120px;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

body[data-page="home"] .home-timeline-loading {
  grid-column: 1 / -1;
  min-height: 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  margin: 0;
  border: 1px dashed #aaa99f;
  border-radius: 10px;
  background: rgba(255, 253, 247, .64);
  color: var(--home-muted);
}

body[data-page="home"] .home-timeline-loading i { color: var(--home-green); font-size: 22px; }

body[data-page="home"] .home-timeline-item { min-width: 0; }

body[data-page="home"] .home-timeline-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 104px minmax(0, 1fr);
  gap: 12px;
  padding: 12px;
  border: 1px solid var(--home-line);
  border-radius: 10px;
  background: var(--home-surface);
  color: inherit;
  text-decoration: none;
}

body[data-page="home"] .home-timeline-card[aria-current="true"] { border-color: var(--home-red); }
body[data-page="home"] .home-timeline-time { display: block; margin: 0 0 6px 11px; color: var(--home-ink); font-size: 11px; font-weight: 950; }
body[data-page="home"] .home-timeline-media { width: 104px; height: 82px; overflow: hidden; border-radius: 6px; background: #ddd7c9; }
body[data-page="home"] .home-timeline-media img,
body[data-page="home"] .home-timeline-media video { width: 100%; height: 100%; display: block; object-fit: cover; }
body[data-page="home"] .home-timeline-copy,
body[data-page="home"] .home-timeline-copy strong,
body[data-page="home"] .home-timeline-copy small,
body[data-page="home"] .home-timeline-copy em,
body[data-page="home"] .home-timeline-source { min-width: 0; display: block; }
body[data-page="home"] .home-timeline-copy strong { margin: 1px 0 5px; overflow: hidden; font-size: 15px; line-height: 1.25; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .home-timeline-copy small { display: -webkit-box; overflow: hidden; color: var(--home-muted); font-size: 10px; line-height: 1.45; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body[data-page="home"] .home-timeline-copy em { width: fit-content; margin-top: 8px; padding: 3px 6px; background: #ece7da; color: #59635b; font-size: 9px; font-style: normal; }
body[data-page="home"] .home-timeline-source { margin-bottom: 4px; color: var(--home-red); font-size: 9px; font-weight: 900; }
body[data-page="home"] .home-timeline-placeholder { height: 100%; display: grid; place-items: center; padding: 8px; color: var(--home-muted); font-size: 9px; text-align: center; }
body[data-page="home"] .home-timeline-link { display: inline-flex; margin-top: 8px; color: var(--home-green); font-size: 10px; font-weight: 900; }

body[data-page="home"] .home-preview-section,
body[data-page="home"] .home-content-section { padding: 48px 0; }

body[data-page="home"] .home-stall-grid { gap: 18px; }

body[data-page="home"] .home-stall-grid .data-card {
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(35, 45, 38, .07);
}

body[data-page="home"] .home-stall-grid .data-card-media { aspect-ratio: 16 / 9; }
body[data-page="home"] .home-stall-grid .data-card-body { padding: 16px 17px 14px; }
body[data-page="home"] .home-stall-grid .data-card h3 { font-size: 19px; }
body[data-page="home"] .home-stall-grid .data-card-actions { min-height: 30px; }

body[data-page="home"] .home-trust-section {
  padding: 50px 0;
  background: var(--home-green-deep);
}

body[data-page="home"] .home-trust-section::before { display: none; }

body[data-page="home"] .home-trust-section .trust-heading { margin-bottom: 24px; }
body[data-page="home"] .home-trust-section .trust-heading h2 { font-size: clamp(36px, 3.6vw, 50px); }
body[data-page="home"] .home-trust-section .trust-card,
body[data-page="home"] .home-trust-section .trust-card:nth-child(1),
body[data-page="home"] .home-trust-section .trust-card:nth-child(4) {
  min-height: 228px;
  border-color: rgba(255, 255, 255, .22);
  background: #10483b;
  box-shadow: none;
}

body[data-page="home"] .home-trust-section .trust-card:nth-child(1) { border-color: rgba(244, 187, 39, .64); }
body[data-page="home"] .home-trust-section .trust-card:nth-child(4) { border-color: rgba(238, 83, 63, .58); }
body[data-page="home"] .home-trust-section .trust-card:hover { background: #145243; }
body[data-page="home"] .home-trust-section .trust-value { color: var(--home-yellow); }
body[data-page="home"] .home-trust-section .trust-footer { border-radius: 8px; background: #fffaf0; color: var(--home-ink); }
body[data-page="home"] .home-trust-section .trust-footer p span { color: var(--home-red); }
body[data-page="home"] .home-trust-section .trust-footer p strong { color: var(--home-ink); }
body[data-page="home"] .home-trust-section .trust-footer .button-light { border-color: var(--home-green); color: var(--home-green); }

body[data-page="home"] .home-content-grid { gap: 18px; }
body[data-page="home"] .home-content-grid .content-card { border-radius: 10px; box-shadow: 0 10px 24px rgba(36, 46, 38, .06); }
body[data-page="home"] .home-content-grid .content-card-media { height: 220px; }
body[data-page="home"] .home-content-grid .content-card-media-link { width: 100%; height: 100%; display: block; color: inherit; text-decoration: none; }
body[data-page="home"] .home-content-grid .content-card-media-link img,
body[data-page="home"] .home-content-grid .content-card-media-link video { width: 100%; height: 100%; display: block; object-fit: cover; }
body[data-page="home"] .home-content-grid .content-card-story { width: 100%; height: 100%; background: var(--home-green); }
body[data-page="home"] .home-content-grid .content-card-body { padding: 17px; }
body[data-page="home"] .home-content-grid .content-card-body h3 a { color: inherit; text-decoration: none; }
body[data-page="home"] .home-content-grid .content-card-detail {
  width: fit-content;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  margin-top: 5px;
  color: var(--home-green);
  font-size: 11px;
  font-weight: 900;
}

body[data-page="home"] .home-city-record-promo {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  align-items: center;
  gap: 32px;
  padding: 26px 28px;
  border: 1px solid #c7d4ca;
  border-left: 5px solid var(--home-green);
  border-radius: 12px;
  background: #edf3ed;
}

body[data-page="home"] .home-city-record-promo-copy { max-width: 700px; }
body[data-page="home"] .home-city-record-promo-copy .eyebrow { margin: 0 0 7px; }
body[data-page="home"] .home-city-record-promo-copy h2 {
  margin: 0;
  font-size: clamp(31px, 3vw, 42px);
  line-height: 1.06;
  letter-spacing: -.045em;
}
body[data-page="home"] .home-city-record-promo-copy > p:last-child {
  max-width: 670px;
  margin: 13px 0 0;
  color: var(--home-muted);
  font-size: 13px;
  line-height: 1.75;
}

body[data-page="home"] .home-city-record-promo-actions { display: grid; gap: 10px; }
body[data-page="home"] .home-city-record-promo-actions .button { width: 100%; min-height: 48px; justify-content: center; }
body[data-page="home"] .home-city-record-promo-actions .button-outline { border-color: var(--home-green); color: var(--home-green); }

body[data-page="home"] .home-city-record-principles {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 12px 0 28px;
  padding: 0;
  list-style: none;
}

body[data-page="home"] .home-city-record-principles li {
  min-width: 0;
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  border: 1px solid var(--home-line);
  border-radius: 9px;
  background: #fffdf8;
}

body[data-page="home"] .home-city-record-principles i {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e4eee5;
  color: var(--home-green);
  font-size: 19px;
}

body[data-page="home"] .home-city-record-principles span,
body[data-page="home"] .home-city-record-principles strong,
body[data-page="home"] .home-city-record-principles small { min-width: 0; display: block; }
body[data-page="home"] .home-city-record-principles strong { font-size: 12px; }
body[data-page="home"] .home-city-record-principles small { margin-top: 2px; color: var(--home-muted); font-size: 11px; line-height: 1.45; }

body[data-page="home"] .home-city-record-preview-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 15px;
}
body[data-page="home"] .home-city-record-preview-heading h3 { margin: 0; font-size: 22px; line-height: 1.25; }
body[data-page="home"] .home-city-record-preview-heading p { margin: 0; color: var(--home-muted); font-size: 11px; text-align: right; }

body[data-page="home"] .home-city-record-empty {
  grid-column: 1 / -1;
  min-height: 138px;
  display: grid;
  grid-template-columns: 46px minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  border: 1px dashed #9ba99e;
  border-radius: 10px;
  background: #fffaf0;
}
body[data-page="home"] .home-city-record-empty > i { color: var(--home-green); font-size: 38px; }
body[data-page="home"] .home-city-record-empty strong { display: block; color: var(--home-ink); font-size: 17px; }
body[data-page="home"] .home-city-record-empty p { max-width: 650px; margin: 5px 0 0; color: var(--home-muted); font-size: 11px; line-height: 1.65; }
body[data-page="home"] .home-city-record-empty .button { min-height: 44px; border-color: var(--home-green); color: var(--home-green); white-space: nowrap; }
body[data-page="home"] .home-city-record-empty.is-error > i { color: var(--home-red); }

body[data-page="home"] .home-city-record-card .content-card-media { position: relative; }
body[data-page="home"] .home-city-record-video { position: relative; width: 100%; height: 100%; }
body[data-page="home"] .home-city-record-video img { width: 100%; height: 100%; display: block; object-fit: cover; }
body[data-page="home"] .home-city-record-video > a { position: absolute; inset: 0; }
body[data-page="home"] .home-city-record-video-uncovered { width: 100%; height: 100%; min-height: 0; display: grid; place-content: center; justify-items: center; gap: 7px; padding: 18px; background: #113d30; color: #d8e8dd; font-size: 11px; font-weight: 800; text-align: center; }
body[data-page="home"] .home-city-record-video-uncovered i { color: var(--home-yellow); font-size: 28px; }
body[data-page="home"] .home-city-record-video.has-poster .home-city-record-video-uncovered { display: none; }
body[data-page="home"] .home-city-record-video.has-poster[data-poster-unavailable] img { display: none; }
body[data-page="home"] .home-city-record-video.has-poster[data-poster-unavailable] .home-city-record-video-uncovered { display: grid; }
body[data-page="home"] .home-city-record-kind {
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 10px;
  padding: 5px 8px;
  border-radius: 999px;
  background: rgba(7, 59, 47, .92);
  color: #fff;
  font-size: 10px;
  font-weight: 900;
  pointer-events: none;
}
body[data-page="home"] .home-city-record-card .content-card-story { gap: 8px; }
body[data-page="home"] .home-city-record-card .content-card-story i { font-size: 28px; }
body[data-page="home"] .home-city-record-card { cursor: pointer; }
body[data-page="home"] .home-city-record-card:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: 4px; }

body[data-page="home"] .home-city-record-pagination { margin-top: 22px; }
body[data-page="home"] .home-city-record-pagination-controls { margin-top: 7px; }
body[data-page="home"] .home-city-record-page-buttons { display: flex; align-items: center; justify-content: center; gap: 7px; }
body[data-page="home"] .home-city-record-page-buttons button {
  min-width: 42px;
  min-height: 42px;
  border: 1px solid var(--home-line);
  border-radius: 8px;
  background: var(--home-surface);
  color: var(--home-ink);
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
}
body[data-page="home"] .home-city-record-page-buttons button:hover:not(:disabled),
body[data-page="home"] .home-city-record-page-buttons button[aria-current="page"] { border-color: var(--home-green); background: var(--home-green); color: #fff; }
body[data-page="home"] .home-city-record-page-buttons button:disabled { opacity: .42; cursor: not-allowed; }

body.home-city-record-dialog-open { overflow: hidden; }
body[data-page="home"] .home-city-record-dialog-shell { grid-template-columns: 1fr; overflow: hidden; }
body[data-page="home"] #homeCityRecordDialogTitle {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
body[data-page="home"] .home-city-record-dialog-body {
  grid-column: 1 / -1;
  min-height: min(520px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px);
  display: grid;
  grid-template-columns: minmax(320px, .92fr) minmax(0, 1.08fr);
  overflow: auto;
  scrollbar-gutter: stable;
}
body[data-page="home"] .home-city-record-dialog-state {
  grid-column: 1 / -1;
  min-height: 520px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 42px;
  color: var(--home-muted);
  text-align: center;
}
body[data-page="home"] .home-city-record-dialog-state > i { color: var(--home-green); font-size: 36px; animation: home-city-record-spin .9s linear infinite; }
body[data-page="home"] .home-city-record-dialog-state.is-error > i { color: var(--home-red); animation: none; }
body[data-page="home"] .home-city-record-dialog-state h2 { margin: 2px 0 0; font-size: clamp(25px, 3vw, 34px); line-height: 1.08; letter-spacing: -.04em; }
body[data-page="home"] .home-city-record-dialog-state p { max-width: 510px; margin: 0; font-size: 12px; line-height: 1.75; }
body[data-page="home"] .home-city-record-dialog-state button { min-height: 44px; margin-top: 5px; border: 1px solid var(--home-green); border-radius: 8px; padding: 9px 15px; background: var(--home-green); color: #fff; font-weight: 900; }

body[data-page="home"] .home-city-record-detail-media {
  min-height: 520px;
  display: grid;
  align-content: center;
  padding: 18px;
  background: var(--home-green-deep);
}
body[data-page="home"] .home-city-record-detail-media-stage { min-height: 420px; display: grid; align-items: center; overflow: hidden; border: 1px solid rgba(255, 255, 255, .18); border-radius: 13px; background: #082c22; }
body[data-page="home"] .home-city-record-detail-media-stage figure { margin: 0; }
body[data-page="home"] .home-city-record-detail-media-stage figure[hidden] { display: none; }
body[data-page="home"] .home-city-record-detail-media-stage img,
body[data-page="home"] .home-city-record-detail-media-stage video { width: 100%; height: auto; min-height: 390px; max-height: 540px; aspect-ratio: 4 / 5; background: #08251d; object-fit: contain; }
body[data-page="home"] .home-city-record-deferred-video { position: relative; min-height: 390px; display: grid; place-items: center; overflow: hidden; }
body[data-page="home"] .home-city-record-deferred-video > img { width: 100%; height: auto; min-height: 390px; max-height: 540px; display: block; object-fit: contain; }
body[data-page="home"] .home-city-record-deferred-video > video[hidden] { display: none; }
body[data-page="home"] .home-city-record-deferred-video > .home-city-record-video-uncovered { min-height: 390px; }
body[data-page="home"] .home-city-record-deferred-video > .home-city-record-video-uncovered { position: absolute; inset: 0; align-content: end; padding-bottom: 22px; pointer-events: none; }
body[data-page="home"] .home-city-record-deferred-video.has-poster > .home-city-record-video-uncovered { display: none; }
body[data-page="home"] .home-city-record-deferred-video.has-poster[data-poster-unavailable] > img { display: none; }
body[data-page="home"] .home-city-record-deferred-video.has-poster[data-poster-unavailable] > .home-city-record-video-uncovered { display: grid; }
body[data-page="home"] .home-city-record-deferred-video > button { position: absolute; left: 50%; top: 50%; min-height: 44px; display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgba(255,255,255,.72); border-radius: 999px; padding: 10px 15px; transform: translate(-50%, -50%); background: rgba(5,29,21,.82); color: #fff; font-size: 11px; font-weight: 900; box-shadow: 0 8px 28px rgba(0,0,0,.26); }
body[data-page="home"] .home-city-record-deferred-video > button:hover { background: #fff; color: var(--home-green-deep); }
body[data-page="home"] .home-city-record-deferred-video.is-playing > img,
body[data-page="home"] .home-city-record-deferred-video.is-playing > .home-city-record-video-uncovered,
body[data-page="home"] .home-city-record-deferred-video.is-playing > button { display: none; }
body[data-page="home"] .home-city-record-deferred-video.is-playing.has-poster[data-poster-unavailable] > .home-city-record-video-uncovered { display: none; }
body[data-page="home"] .home-city-record-detail-media-stage figcaption { padding: 9px 11px; color: #d4e0d8; font-size: 10px; }
body[data-page="home"] .home-city-record-detail-carousel { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 12px; }
body[data-page="home"] .home-city-record-detail-carousel button { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid rgba(255, 255, 255, .34); border-radius: 50%; background: transparent; color: #fff; }
body[data-page="home"] .home-city-record-detail-carousel button:hover:not(:disabled) { background: #fff; color: var(--home-green-deep); }
body[data-page="home"] .home-city-record-detail-carousel button:disabled { opacity: .35; cursor: not-allowed; }
body[data-page="home"] .home-city-record-detail-carousel span { min-width: 48px; color: #d4e0d8; font-size: 11px; font-weight: 900; text-align: center; }
body[data-page="home"] .home-city-record-detail-media-empty { min-height: 420px; display: grid; place-items: center; align-content: center; gap: 8px; color: #d4e0d8; text-align: center; }
body[data-page="home"] .home-city-record-detail-media-empty i { color: var(--home-yellow); font-size: 36px; }
body[data-page="home"] .home-city-record-detail-media-empty p { max-width: 280px; margin: 0; font-size: 11px; line-height: 1.7; }

body[data-page="home"] .home-city-record-detail-copy { justify-content: flex-start; padding: 40px 38px 32px; }
body[data-page="home"] .home-city-record-detail-copy h2 { margin: 8px 0 0; font-size: clamp(30px, 3.7vw, 44px); line-height: 1.06; letter-spacing: -.05em; }
body[data-page="home"] .home-city-record-detail-author { display: flex; align-items: center; gap: 11px; margin-top: 22px; }
body[data-page="home"] .home-city-record-detail-author > span { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: #e4eee5; color: var(--home-green); font-size: 15px; font-weight: 950; }
body[data-page="home"] .home-city-record-detail-author strong,
body[data-page="home"] .home-city-record-detail-author small { display: block; }
body[data-page="home"] .home-city-record-detail-author strong { font-size: 12px; }
body[data-page="home"] .home-city-record-detail-author small { margin-top: 3px; color: var(--home-muted); font-size: 10px; }
body[data-page="home"] .home-city-record-detail-copy .home-city-record-detail-body { max-height: 190px; overflow: auto; margin: 18px 0 0; color: #304238; font-size: 13px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; }
body[data-page="home"] .home-city-record-detail-metrics { display: grid; grid-template-columns: repeat(3, 1fr); margin: auto 0 0; border: 1px solid var(--home-line); border-radius: 10px; background: var(--home-surface); }
body[data-page="home"] .home-city-record-detail-metrics > div { padding: 11px 12px; border-right: 1px solid var(--home-line); }
body[data-page="home"] .home-city-record-detail-metrics > div:last-child { border-right: 0; }
body[data-page="home"] .home-city-record-detail-metrics dt { color: var(--home-muted); font-size: 10px; }
body[data-page="home"] .home-city-record-detail-metrics dd { margin: 4px 0 0; color: var(--home-green); font-size: 18px; font-weight: 950; }
body[data-page="home"] .home-city-record-detail-review { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 7px; margin: 14px 0 0; color: var(--home-muted); font-size: 10px; line-height: 1.55; }
body[data-page="home"] .home-city-record-detail-review i { color: var(--home-green); font-size: 17px; }
body[data-page="home"] .home-city-record-detail-demo-note { display: inline-flex; align-items: center; gap: 7px; margin: 16px 0 0; padding: 10px 12px; border: 1px solid rgba(198, 61, 44, .18); border-radius: 8px; background: rgba(198, 61, 44, .06); color: var(--home-muted); font-size: 10px; line-height: 1.5; }
body[data-page="home"] .home-city-record-detail-demo-note i { color: var(--home-red); font-size: 15px; }
body[data-page="home"] .home-city-record-detail-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; min-height: 44px; margin-top: 15px; }
body[data-page="home"] .home-city-record-detail-actions > button { min-height: 44px; display: inline-flex; align-items: center; gap: 6px; border: 1px solid var(--home-green); border-radius: 8px; padding: 9px 14px; background: var(--home-green); color: #fff; font-size: 11px; font-weight: 900; }
body[data-page="home"] .home-city-record-detail-actions > .button { min-height: 44px; }
body[data-page="home"] .home-city-record-detail-actions .home-city-record-like-button { background: var(--home-green); }
body[data-page="home"] .home-city-record-detail-actions .home-city-record-like-button b { color: inherit; font-variant-numeric: tabular-nums; }
body[data-page="home"] .home-city-record-detail-actions .home-city-record-like-button.is-liked { border-color: #d84738; background: #d84738; }
body[data-page="home"] .home-city-record-detail-actions .home-city-record-comment-link { display: inline-flex; align-items: center; gap: 6px; }
body[data-page="home"] .home-city-record-detail-actions .home-city-record-favorite-button { min-height: 44px; border-color: var(--home-line); background: #fffefa; color: var(--home-green); }
body[data-page="home"] .home-city-record-detail-actions .community-post-favorite.is-favorited .home-city-record-favorite-button { border-color: var(--home-green); background: #eaf3eb; color: var(--home-green); }
body[data-page="home"] .home-city-record-detail-actions .community-post-favorite-status { left: auto; right: 0; }
body[data-page="home"] .home-city-record-detail-actions > [data-home-copy-city-record-state] { flex-basis: 100%; min-height: 15px; color: var(--home-muted); font-size: 10px; }
body[data-page="home"] .home-city-record-detail-actions > [data-home-copy-city-record-state][data-state="success"] { color: var(--home-green); }
body[data-page="home"] .home-city-record-detail-actions > [data-home-copy-city-record-state][data-state="error"] { color: var(--home-red); }
body[data-page="home"] .home-city-record-dialog button:focus-visible,
body[data-page="home"] .home-city-record-dialog a:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: 3px; }

body.home-editorial-archive-dialog-open { overflow: hidden; }
body[data-page="home"] .home-editorial-archive-dialog { width: min(880px, calc(100% - 32px)); max-width: 880px; }
body[data-page="home"] .home-editorial-archive-dialog-shell { grid-template-columns: 1fr; overflow: hidden; }
body[data-page="home"] #homeEditorialArchiveDialogTitle {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
body[data-page="home"] .home-editorial-archive-dialog-body {
  grid-column: 1 / -1;
  min-height: min(480px, calc(100dvh - 32px));
  max-height: calc(100dvh - 32px);
  display: grid;
  grid-template-columns: minmax(300px, .96fr) minmax(0, 1.04fr);
  overflow: auto;
  scrollbar-gutter: stable;
}
body[data-page="home"] .home-editorial-archive-dialog-state {
  grid-column: 1 / -1;
  min-height: 480px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 42px;
  color: var(--home-muted);
  text-align: center;
}
body[data-page="home"] .home-editorial-archive-dialog-state > i { color: var(--home-green); font-size: 36px; animation: home-city-record-spin .9s linear infinite; }
body[data-page="home"] .home-editorial-archive-dialog-state.is-error > i { color: var(--home-red); animation: none; }
body[data-page="home"] .home-editorial-archive-dialog-state h2 { margin: 2px 0 0; font-size: clamp(25px, 3vw, 34px); line-height: 1.08; letter-spacing: -.04em; }
body[data-page="home"] .home-editorial-archive-dialog-state p { max-width: 510px; margin: 0; font-size: 12px; line-height: 1.75; }
body[data-page="home"] .home-editorial-archive-dialog-state button { min-height: 44px; margin-top: 5px; border: 1px solid var(--home-green); border-radius: 8px; padding: 9px 15px; background: var(--home-green); color: #fff; font-weight: 900; }
body[data-page="home"] .home-editorial-archive-dialog-media { min-height: 480px; margin: 0; display: grid; align-content: center; padding: 18px; background: var(--home-green-deep); }
body[data-page="home"] .home-editorial-archive-dialog-media img { width: 100%; min-height: 380px; max-height: 580px; display: block; border: 1px solid rgba(255, 255, 255, .18); border-radius: 13px; background: #08251d; object-fit: contain; }
body[data-page="home"] .home-editorial-archive-dialog-copy { min-width: 0; display: flex; flex-direction: column; justify-content: center; padding: 42px 38px 34px; }
body[data-page="home"] .home-editorial-archive-dialog-eyebrow { display: inline-flex; align-items: center; gap: 6px; width: fit-content; margin: 0; color: var(--home-red); font-size: 11px; font-weight: 900; }
body[data-page="home"] .home-editorial-archive-dialog-eyebrow i { color: var(--home-green); font-size: 16px; }
body[data-page="home"] .home-editorial-archive-dialog-copy h2 { margin: 11px 34px 0 0; font-size: clamp(30px, 3.8vw, 42px); line-height: 1.08; letter-spacing: -.045em; }
body[data-page="home"] .home-editorial-archive-dialog-context { display: flex; align-items: flex-start; gap: 7px; margin: 14px 0 0; color: #405148; font-size: 12px; font-weight: 850; }
body[data-page="home"] .home-editorial-archive-dialog-context i { margin-top: 1px; color: var(--home-green); font-size: 15px; }
body[data-page="home"] .home-editorial-archive-dialog-story { margin-top: 22px; padding: 17px; border: 1px solid #d9e4d9; border-radius: 11px; background: #f4f8f1; }
body[data-page="home"] .home-editorial-archive-dialog-story > span { color: var(--home-red); font-size: 10px; font-weight: 900; }
body[data-page="home"] .home-editorial-archive-dialog-story h3 { margin: 7px 0 8px; font-size: 19px; line-height: 1.25; }
body[data-page="home"] .home-editorial-archive-dialog-story p,
body[data-page="home"] .home-editorial-archive-dialog-empty-story { margin: 0; color: #425248; font-size: 12px; line-height: 1.78; }
body[data-page="home"] .home-editorial-archive-dialog-empty-story { margin-top: 21px; padding: 14px 15px; border-left: 3px solid var(--home-yellow); background: #faf5e8; }
body[data-page="home"] .home-editorial-archive-dialog button:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: 3px; }

@keyframes home-city-record-spin { to { transform: rotate(360deg); } }

body[data-page="home"] .home-field-content {
  margin-top: 34px;
  padding-top: 32px;
  border-top: 1px solid var(--home-soft-line);
}
body[data-page="home"] .home-field-content .home-section-heading h3 {
  margin: 0;
  font-size: clamp(27px, 2.6vw, 36px);
  line-height: 1.08;
  letter-spacing: -.04em;
}

body[data-page="home"] .home-role-section { padding: 48px 0 42px; }

body[data-page="home"] .home-role-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

body[data-page="home"] .home-role-card {
  min-width: 0;
  min-height: 264px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border: 1px solid var(--home-line);
  border-radius: 10px;
  background: #fbf8f0;
}

body[data-page="home"] .home-role-card.is-visitor { border-color: rgba(238, 83, 63, .62); }
body[data-page="home"] .home-role-card.is-stall { border-color: rgba(244, 187, 39, .78); }
body[data-page="home"] .home-role-card.is-captain { border-color: rgba(13, 74, 57, .48); }
body[data-page="home"] .home-role-card.is-partner { border-color: rgba(13, 74, 57, .48); }

body[data-page="home"] .home-role-card > i {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  color: var(--home-green);
  font-size: 38px;
}

body[data-page="home"] .home-role-card.is-visitor > i { color: var(--home-red); }
body[data-page="home"] .home-role-card.is-stall > i { color: #c78d00; }
body[data-page="home"] .home-role-card small { margin-top: 13px; color: var(--home-red); font-weight: 950; }
body[data-page="home"] .home-role-card h3 { margin: 5px 0 8px; font-size: 18px; line-height: 1.25; }
body[data-page="home"] .home-role-card p { margin: 0; color: var(--home-muted); font-size: 12px; }
body[data-page="home"] .home-role-card a {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: auto;
  padding: 8px 12px;
  border: 1px solid currentColor;
  border-radius: 4px;
  color: var(--home-green);
  font-size: 11px;
  font-weight: 900;
  text-decoration: none;
}

body[data-page="home"] .home-role-card.is-visitor a { background: var(--home-red); color: #fff; }
body[data-page="home"] .home-role-card.is-stall a { color: #8c6500; }

body[data-page="home"] .home-commitment-section { padding: 30px 0; }

body[data-page="home"] .home-commitment-layout {
  display: grid;
  grid-template-columns: minmax(240px, .72fr) minmax(0, 1.7fr);
  gap: 40px;
  align-items: center;
}

body[data-page="home"] .home-commitment-layout h2 { margin: 0; font-size: 23px; line-height: 1.2; }
body[data-page="home"] .home-commitment-layout ul { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin: 0; padding: 0; list-style: none; }
body[data-page="home"] .home-commitment-layout li { min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; align-items: start; }
body[data-page="home"] .home-commitment-layout li i { color: var(--home-green); font-size: 26px; }
body[data-page="home"] .home-commitment-layout li span,
body[data-page="home"] .home-commitment-layout li strong,
body[data-page="home"] .home-commitment-layout li small { display: block; }
body[data-page="home"] .home-commitment-layout li strong { font-size: 12px; }
body[data-page="home"] .home-commitment-layout li small { margin-top: 3px; color: var(--home-muted); font-size: 9px; line-height: 1.5; }

body[data-page="home"] .home-conversion-section {
  padding: 26px 0;
  background: var(--home-red);
  color: #fff;
}

body[data-page="home"] .home-conversion-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 42px;
}

body[data-page="home"] .home-conversion-layout p { margin: 0; color: #ffe7e1; font-size: 12px; font-weight: 900; }
body[data-page="home"] .home-conversion-layout h2 { margin: 3px 0 7px; color: #fff; font-size: 27px; line-height: 1.1; }
body[data-page="home"] .home-conversion-layout > div:first-child > a { color: #fff; font-size: 11px; font-weight: 900; text-underline-offset: 5px; }
body[data-page="home"] .home-conversion-actions { display: grid; grid-template-columns: repeat(2, minmax(190px, 1fr)); gap: 12px; }
body[data-page="home"] .home-conversion-actions .button { min-height: 48px; gap: 8px; border-radius: 6px; }
body[data-page="home"] .home-conversion-primary { background: #fff; color: var(--home-red); }
body[data-page="home"] .home-conversion-secondary { border-color: #fff; background: transparent; color: #fff; }

@media (max-width: 1040px) {
  body[data-page="home"] .home-hero { padding-block: 28px 34px; grid-template-columns: minmax(330px, .86fr) minmax(0, 1.14fr); gap: 32px; }
  body[data-page="home"] .home-feature,
  body[data-page="home"] .home-feature img,
  body[data-page="home"] .home-feature video,
  body[data-page="home"] .home-feature-placeholder { min-height: 520px; }
  body[data-page="home"] .home-how-layout { grid-template-columns: 1fr; gap: 30px; }
  body[data-page="home"] .home-how-intro { max-width: 720px; }
  body[data-page="home"] .home-role-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="home"] .home-role-card { min-height: 240px; }
  body[data-page="home"] .home-commitment-layout { grid-template-columns: 1fr; gap: 22px; }
}

@media (max-width: 880px) {
  body[data-page="home"] .home-hero { min-height: 0; padding: 32px 0 36px; grid-template-columns: 1fr; gap: 24px; }
  body[data-page="home"] .home-hero-copy { padding: 0; }
  body[data-page="home"] .home-feature { width: 100%; min-height: 440px; border-radius: 16px; }
  body[data-page="home"] .home-feature img,
  body[data-page="home"] .home-feature video,
  body[data-page="home"] .home-feature-placeholder { height: 100%; min-height: 440px; }
  body[data-page="home"] .home-live-timeline { grid-template-columns: 1fr; }
  body[data-page="home"] .home-timeline-card { grid-template-columns: 132px minmax(0, 1fr); }
  body[data-page="home"] .home-timeline-media { width: 132px; }
  body[data-page="home"] .home-city-record-promo { grid-template-columns: 1fr; gap: 20px; }
  body[data-page="home"] .home-city-record-promo-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="home"] .home-commitment-layout ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-page="home"] .home-conversion-layout { grid-template-columns: 1fr; gap: 20px; }
  body[data-page="home"] .home-conversion-actions { max-width: 560px; }
}

@media (max-width: 680px) {
  body[data-page="home"] .home-hero { padding: 28px 0 32px; gap: 22px; }
  body[data-page="home"] .home-hero-copy { padding: 0; }
  body[data-page="home"] .home-hero h1 { font-size: clamp(38px, 10.5vw, 48px); line-height: 1.08; letter-spacing: -.04em; }
  body[data-page="home"] .home-hero-slogan { font-size: 18px; }
  body[data-page="home"] .home-hero-actions,
  body[data-page="home"] .home-hero-actions .button { width: 100%; }
  body[data-page="home"] .home-data-readout { grid-template-columns: 1fr; }
  body[data-page="home"] .home-feature { min-height: clamp(300px, 76vw, 360px); border-radius: 14px; }
  body[data-page="home"] .home-feature img,
  body[data-page="home"] .home-feature video,
  body[data-page="home"] .home-feature-placeholder { height: 100%; min-height: clamp(300px, 76vw, 360px); }
  body[data-page="home"] .home-feature-caption { left: 14px; right: 14px; bottom: 14px; padding: 14px; }
  body[data-page="home"] .home-feature-caption h2 { font-size: 20px; }
  body[data-page="home"] .home-how-section,
  body[data-page="home"] .home-preview-section,
  body[data-page="home"] .home-content-section,
  body[data-page="home"] .home-role-section { padding-block: 40px; }
  body[data-page="home"] .home-how-flow { grid-template-columns: 1fr; }
  body[data-page="home"] .home-how-flow li { min-height: 190px; }
  body[data-page="home"] .home-section-heading-inline { align-items: flex-start; flex-direction: column; gap: 10px; }
  body[data-page="home"] .home-section-heading-inline > p,
  body[data-page="home"] .home-heading-action p { text-align: left; }
  body[data-page="home"] .home-heading-action { justify-items: start; }
  body[data-page="home"] .home-timeline-card { grid-template-columns: 98px minmax(0, 1fr); }
  body[data-page="home"] .home-timeline-media { width: 98px; }
  body[data-page="home"] .home-city-record-promo { padding: 20px; }
  body[data-page="home"] .home-city-record-promo-actions,
  body[data-page="home"] .home-city-record-principles { grid-template-columns: 1fr; }
  body[data-page="home"] .home-city-record-preview-heading { align-items: flex-start; flex-direction: column; gap: 7px; }
  body[data-page="home"] .home-city-record-preview-heading p { text-align: left; }
  body[data-page="home"] .home-city-record-empty { grid-template-columns: 1fr; justify-items: start; padding: 20px; }
  body[data-page="home"] .home-city-record-empty .button { width: 100%; justify-content: center; }
  body[data-page="home"] .home-city-record-pagination-controls { width: 100%; flex-wrap: wrap; }
  body[data-page="home"] .home-city-record-page-buttons { order: -1; width: 100%; flex-wrap: wrap; }
  body[data-page="home"] .home-city-record-pagination-controls > .pagination-direction { flex: 1 1 120px; min-height: 48px; }
  body[data-page="home"] .home-city-record-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
  body[data-page="home"] .home-city-record-dialog-body { min-height: 0; max-height: calc(100dvh - 16px); grid-template-columns: 1fr; }
  body[data-page="home"] .home-city-record-dialog-state { min-height: 360px; padding: 32px 22px; }
  body[data-page="home"] .home-city-record-detail-media { min-height: 250px; max-height: none; padding: 13px; }
  body[data-page="home"] .home-city-record-detail-media-stage { min-height: 230px; }
  body[data-page="home"] .home-city-record-detail-media-stage img,
  body[data-page="home"] .home-city-record-detail-media-stage video { min-height: 230px; max-height: 300px; aspect-ratio: 4 / 3; }
  body[data-page="home"] .home-city-record-detail-copy { padding: 25px 18px 22px; }
  body[data-page="home"] .home-city-record-detail-copy h2 { padding-right: 34px; font-size: clamp(28px, 9vw, 37px); }
  body[data-page="home"] .home-city-record-detail-copy .home-city-record-detail-body { max-height: none; }
  body[data-page="home"] .home-city-record-detail-actions { display: grid; grid-template-columns: 1fr; }
  body[data-page="home"] .home-city-record-detail-actions > button,
  body[data-page="home"] .home-city-record-detail-actions > .button { width: 100%; justify-content: center; }
  body[data-page="home"] .home-editorial-archive-dialog { width: calc(100% - 16px); max-height: calc(100dvh - 16px); border-radius: 14px; }
  body[data-page="home"] .home-editorial-archive-dialog-body { min-height: 0; max-height: calc(100dvh - 16px); grid-template-columns: 1fr; }
  body[data-page="home"] .home-editorial-archive-dialog-state { min-height: 360px; padding: 32px 22px; }
  body[data-page="home"] .home-editorial-archive-dialog-media { min-height: 248px; max-height: none; padding: 13px; }
  body[data-page="home"] .home-editorial-archive-dialog-media img { min-height: 222px; max-height: 300px; }
  body[data-page="home"] .home-editorial-archive-dialog-copy { padding: 25px 18px 22px; }
  body[data-page="home"] .home-editorial-archive-dialog-copy h2 { font-size: clamp(28px, 9vw, 37px); }
  body[data-page="home"] .home-role-grid { grid-template-columns: 1fr; }
  body[data-page="home"] .home-role-card { min-height: 228px; }
  body[data-page="home"] .home-commitment-layout ul { grid-template-columns: 1fr; }
  body[data-page="home"] .home-commitment-layout li { min-height: 48px; }
  body[data-page="home"] .home-conversion-actions { grid-template-columns: 1fr; }
  body[data-page="home"] .home-conversion-actions .button { width: 100%; }
}

/* Homepage poetry leaderboard: preserve the existing activity section slot while
   pairing its short invitation with a real, paid-only live ranking. */
body[data-page="home"] .poetry-home-entry-leaderboard {
  padding-block: clamp(34px, 5vw, 58px);
  background: #f7f2e8;
}
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-inner {
  grid-template-columns: minmax(220px, .72fr) minmax(0, 1.78fr);
  align-items: stretch;
  gap: clamp(24px, 3vw, 42px);
  min-height: 0;
  padding-block: 0;
}
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-copy {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  justify-content: space-between;
  gap: 27px;
  padding: 20px 0;
}
body[data-page="home"] .home-poetry-entry-intro { min-width: 0; }
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-chapter { margin-bottom: 17px; }
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-copy .eyebrow { margin-bottom: 9px; font-size: 10px; }
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-copy h2 {
  max-width: 370px;
  font-size: clamp(1.72rem, 2.45vw, 2.45rem);
  line-height: 1.16;
  letter-spacing: -.04em;
}
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-copy h2 span { display: block; }
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-lead {
  max-width: 370px;
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.75;
}
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-actions { flex-wrap: wrap; gap: 12px; margin-top: 0; }
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-actions .button-primary { min-height: 39px; padding-inline: 14px; font-size: 11px; }
body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-secondary { min-height: 39px; color: var(--home-green); border-color: var(--home-green); font-size: 11px; }
body[data-page="home"] .home-poetry-entry-journey { padding-block: 15px; border-top: 1px solid #ded6ca; border-bottom: 1px solid #ded6ca; }
body[data-page="home"] .home-poetry-entry-journey > header { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 11px; }
body[data-page="home"] .home-poetry-entry-journey > header h3 { margin: 0; color: var(--home-ink); font-family: "STKaiti", "KaiTi", serif; font-size: 14px; font-weight: 800; }
body[data-page="home"] .home-poetry-entry-journey > header span { color: #a08e7b; font-size: 9px; white-space: nowrap; }
body[data-page="home"] .home-poetry-entry-journey ol { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
body[data-page="home"] .home-poetry-entry-journey li { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: center; gap: 9px; min-width: 0; }
body[data-page="home"] .home-poetry-entry-step-number { display: grid; width: 25px; height: 25px; place-items: center; border: 1px solid #d5dfd6; border-radius: 50%; background: #edf2ec; color: var(--home-green); font-family: Georgia, "Times New Roman", serif; font-size: 9px; font-weight: 900; }
body[data-page="home"] .home-poetry-entry-journey li:nth-child(2) .home-poetry-entry-step-number { border-color: #e5d7c5; background: #f7eee1; color: #9a6a35; }
body[data-page="home"] .home-poetry-entry-journey li:nth-child(3) .home-poetry-entry-step-number { border-color: #efc7b7; background: #fbebe3; color: var(--home-red); }
body[data-page="home"] .home-poetry-entry-journey li > span:last-child { display: flex; align-items: baseline; gap: 8px; min-width: 0; }
body[data-page="home"] .home-poetry-entry-journey strong { flex: none; color: #41392f; font-size: 10px; font-weight: 850; }
body[data-page="home"] .home-poetry-entry-journey small { overflow: hidden; color: #8e8173; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .home-poetry-entry-footer { min-width: 0; }
body[data-page="home"] .home-poetry-entry-note {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  max-width: 360px;
  margin: 13px 0 0;
  color: #88796b;
  font-size: 10px;
  line-height: 1.65;
}
body[data-page="home"] .home-poetry-entry-note i { flex: none; color: #c27a27; font-size: 14px; }
body[data-page="home"] .home-poetry-leaderboard-panel { min-width: 0; }
body[data-page="home"] .home-poetry-leaderboard-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 13px;
}
body[data-page="home"] .home-poetry-leaderboard-heading .eyebrow { margin: 0 0 3px; font-size: 9px; }
body[data-page="home"] .home-poetry-leaderboard-heading .eyebrow i { color: var(--home-green); }
body[data-page="home"] .home-poetry-leaderboard-heading h3 { margin: 0; color: var(--home-ink); font-size: 19px; letter-spacing: -.025em; }
body[data-page="home"] .home-poetry-leaderboard-heading > a,
body[data-page="home"] .home-poetry-board-footer > a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--home-green);
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}
body[data-page="home"] .home-poetry-leaderboard-heading > a:hover,
body[data-page="home"] .home-poetry-board-footer > a:hover { text-decoration: underline; text-underline-offset: 3px; }
body[data-page="home"] .home-poetry-leaderboard { min-width: 0; }
body[data-page="home"] .home-poetry-board-content { display: grid; gap: 16px; }
body[data-page="home"] .home-poetry-podium {
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.12fr) minmax(0, .94fr);
  align-items: end;
  gap: 11px;
  padding: 10px 0 0;
}
body[data-page="home"] .home-poetry-rank-card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr auto;
  gap: 8px;
  min-width: 0;
  padding: 11px;
  border: 1px solid #e2d7c9;
  border-radius: 13px;
  background: #fffdf7;
  box-shadow: 0 8px 18px rgba(52, 43, 32, .055);
  color: var(--home-ink);
  cursor: pointer;
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
body[data-page="home"] .home-poetry-rank-card:hover { transform: translateY(-3px); box-shadow: 0 13px 23px rgba(52, 43, 32, .11); }
body[data-page="home"] .home-poetry-rank-card:focus-visible,
body[data-page="home"] .home-poetry-ranking-row:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: 3px; }
body[data-page="home"] .home-poetry-rank-card-1 {
  z-index: 1;
  padding: 14px;
  border-color: #d7a04c;
  background: #fff7e9;
  box-shadow: 0 12px 26px rgba(150, 97, 34, .13);
}
body[data-page="home"] .home-poetry-rank-card-2 { border-color: #c7cdd1; background: #fbfcfc; }
body[data-page="home"] .home-poetry-rank-card-3 { border-color: #d7b6a4; background: #fff9f4; }
body[data-page="home"] .home-poetry-rank-card-heading { display: flex; align-items: center; gap: 8px; min-height: 29px; }
body[data-page="home"] .home-poetry-rank-card-heading > strong { color: #8b7561; font-size: 9px; font-weight: 850; }
body[data-page="home"] .home-poetry-rank-card-1 .home-poetry-rank-card-heading > strong { color: #a76a1d; font-size: 10px; }
body[data-page="home"] .home-poetry-rank-medal {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 38px;
  height: 32px;
  flex: none;
  border: 2px solid rgba(255,255,255,.86);
  border-radius: 10px;
  background: #e6e9e9;
  color: #606e72;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 12px;
  box-shadow: 0 3px 8px rgba(42, 37, 31, .1);
}
body[data-page="home"] .home-poetry-rank-medal i { font-size: 9px; }
body[data-page="home"] .home-poetry-rank-medal b { font-weight: 900; }
body[data-page="home"] .home-poetry-rank-medal-1 { width: 45px; height: 39px; background: #c63d2c; color: #fffdf7; font-size: 15px; }
body[data-page="home"] .home-poetry-rank-medal-2 { background: #e6e9e9; color: #55636c; }
body[data-page="home"] .home-poetry-rank-medal-3 { background: #e7d7ce; color: #89583f; }
body[data-page="home"] .home-poetry-rank-media {
  position: relative;
  height: 91px;
  overflow: hidden;
  border-radius: 9px;
  background: #e8e1d5;
}
body[data-page="home"] .home-poetry-rank-card-1 .home-poetry-rank-media { height: 118px; }
body[data-page="home"] .home-poetry-rank-card-2 .home-poetry-rank-media { height: 100px; }
body[data-page="home"] .home-poetry-rank-media img,
body[data-page="home"] .home-poetry-rank-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
body[data-page="home"] .home-poetry-rank-media > span {
  position: absolute;
  right: 6px;
  bottom: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 7px;
  border-radius: 999px;
  background: rgba(13, 49, 39, .9);
  color: #fffdf7;
  font-size: 8px;
  font-weight: 800;
}
body[data-page="home"] .home-poetry-rank-media-empty { display: grid; place-content: center; gap: 4px; color: #8e8477; text-align: center; }
body[data-page="home"] .home-poetry-rank-media-empty > i { font-size: 21px; }
body[data-page="home"] .home-poetry-rank-media-empty > span { position: static; justify-content: center; padding: 0; background: none; color: inherit; font-size: 9px; }
body[data-page="home"] .home-poetry-rank-card-content { min-width: 0; }
body[data-page="home"] .home-poetry-rank-card-content h4 { overflow: hidden; margin: 0; color: var(--home-ink); font-size: 15px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .home-poetry-rank-card-1 .home-poetry-rank-card-content h4 { font-size: 18px; }
body[data-page="home"] .home-poetry-rank-location { overflow: hidden; margin: 3px 0 0; color: #8e8173; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .home-poetry-rank-line { display: -webkit-box; overflow: hidden; margin: 7px 0 0; color: #665b50; font-family: "STKaiti", "KaiTi", serif; font-size: 10px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
body[data-page="home"] .home-poetry-rank-author { display: block; overflow: hidden; margin-top: 3px; color: #a08f7d; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .home-poetry-rank-card-footer { display: flex; align-items: center; justify-content: space-between; gap: 5px; padding-top: 7px; border-top: 1px solid rgba(127, 107, 83, .16); color: #756a5e; font-size: 8px; }
body[data-page="home"] .home-poetry-rank-card-footer b { color: var(--home-green); font-size: 10px; }
body[data-page="home"] .home-poetry-rank-card-footer > span:last-child { color: #9a7955; font-weight: 850; white-space: nowrap; }
body[data-page="home"] .home-poetry-ranking-rest { min-width: 0; }
body[data-page="home"] .home-poetry-ranking-rest > header { display: flex; align-items: center; justify-content: space-between; gap: 9px; margin-bottom: 7px; }
body[data-page="home"] .home-poetry-ranking-rest > header strong { color: var(--home-ink); font-size: 11px; }
body[data-page="home"] .home-poetry-ranking-rest > header span { color: #978a7b; font-size: 9px; }
body[data-page="home"] .home-poetry-ranking-list { display: grid; grid-template-columns: 1fr; gap: 5px; }
body[data-page="home"] .home-poetry-ranking-row {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto 12px;
  align-items: center;
  gap: 9px;
  min-width: 0;
  min-height: 36px;
  padding: 4px 10px;
  border: 1px solid #e7dfd4;
  border-radius: 9px;
  background: rgba(255,253,247,.82);
  color: var(--home-ink);
  cursor: pointer;
  transition: border-color .16s ease, background .16s ease, transform .16s ease;
}
body[data-page="home"] .home-poetry-ranking-row:hover { transform: translateY(-1px); border-color: #c6ad91; background: #fffdf7; }
body[data-page="home"] .home-poetry-ranking-number { color: #9b8c7c; font-family: Georgia, "Times New Roman", serif; font-size: 13px; font-weight: 900; }
body[data-page="home"] .home-poetry-ranking-market { display: flex; align-items: baseline; gap: 9px; overflow: hidden; min-width: 0; }
body[data-page="home"] .home-poetry-ranking-market strong,
body[data-page="home"] .home-poetry-ranking-market small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
body[data-page="home"] .home-poetry-ranking-market strong { flex: 0 1 auto; color: #40382f; font-size: 10px; }
body[data-page="home"] .home-poetry-ranking-market small { flex: 0 1 auto; margin-top: 0; color: #938779; font-size: 8px; }
body[data-page="home"] .home-poetry-ranking-supporters { display: flex; align-items: baseline; justify-content: flex-end; gap: 4px; color: var(--home-green); white-space: nowrap; }
body[data-page="home"] .home-poetry-ranking-supporters b { font-size: 10px; }
body[data-page="home"] .home-poetry-ranking-supporters small { color: #998b7d; font-size: 8px; }
body[data-page="home"] .home-poetry-ranking-row > i { color: #9b8976; font-size: 12px; }
body[data-page="home"] .home-poetry-board-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 9px; border-top: 1px solid #ded6ca; }
body[data-page="home"] .home-poetry-board-footer > span { color: #938779; font-size: 9px; }
body[data-page="home"] .home-poetry-board-empty,
body[data-page="home"] .home-poetry-board-error,
body[data-page="home"] .home-poetry-board-loading {
  display: flex;
  align-items: center;
  gap: 13px;
  min-height: 150px;
  padding: 19px;
  border: 1px solid #e4dbcf;
  border-radius: 13px;
  background: rgba(255,253,247,.72);
}
body[data-page="home"] .home-poetry-board-empty > i,
body[data-page="home"] .home-poetry-board-error > i { display: grid; width: 39px; height: 39px; flex: none; place-items: center; border-radius: 11px; background: #f4e8da; color: var(--home-red); font-size: 20px; }
body[data-page="home"] .home-poetry-board-empty > div { min-width: 0; flex: 1; }
body[data-page="home"] .home-poetry-board-empty strong { color: var(--home-ink); font-size: 13px; }
body[data-page="home"] .home-poetry-board-empty p,
body[data-page="home"] .home-poetry-board-error p { margin: 4px 0 0; color: var(--home-muted); font-size: 10px; line-height: 1.6; }
body[data-page="home"] .home-poetry-board-empty > a,
body[data-page="home"] .home-poetry-board-error button,
body[data-page="home"] .home-poetry-detail-state button { display: inline-flex; align-items: center; justify-content: center; gap: 4px; min-height: 34px; padding: 0 11px; border: 1px solid #b9c7bd; border-radius: 7px; background: transparent; color: var(--home-green); font: inherit; font-size: 9px; font-weight: 900; text-decoration: none; white-space: nowrap; cursor: pointer; }
body[data-page="home"] .home-poetry-board-error { flex-wrap: wrap; }
body[data-page="home"] .home-poetry-board-error p { flex: 1; }
body[data-page="home"] .home-poetry-board-loading { position: relative; overflow: hidden; justify-content: space-between; }
body[data-page="home"] .home-poetry-board-loading > span { width: 28%; height: 90px; border-radius: 10px; background: #eee8de; animation: home-poetry-pulse 1.2s ease-in-out infinite alternate; }
body[data-page="home"] .home-poetry-board-loading > span:nth-child(2) { height: 108px; animation-delay: .14s; }
body[data-page="home"] .home-poetry-board-loading > span:nth-child(3) { animation-delay: .28s; }
body[data-page="home"] .home-poetry-board-loading > small { position: absolute; right: 8px; bottom: 6px; left: 8px; color: #88796b; font-size: 9px; text-align: center; }
@keyframes home-poetry-pulse { from { opacity: .45; } to { opacity: .82; } }

body[data-page="home"] .home-poetry-detail-dialog {
  width: min(760px, calc(100% - 30px));
  max-width: 760px;
  max-height: min(86dvh, 860px);
  padding: 0;
  overflow: hidden;
  border: 1px solid #d9cbb9;
  border-radius: 17px;
  background: #fffdf7;
  color: var(--home-ink);
  box-shadow: 0 26px 80px rgba(21, 30, 24, .24);
}
body[data-page="home"] .home-poetry-detail-dialog::backdrop { background: rgba(27, 31, 28, .53); backdrop-filter: blur(3px); }
body[data-page="home"] .home-poetry-detail-shell { display: grid; grid-template-rows: auto minmax(0, 1fr); max-height: inherit; }
body[data-page="home"] .home-poetry-detail-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--home-line); background: #f7f2e8; color: var(--home-green); font-size: 10px; font-weight: 900; }
body[data-page="home"] .home-poetry-detail-toolbar button { display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid #ded3c5; border-radius: 50%; background: #fffdf7; color: #65594e; font: inherit; font-size: 17px; cursor: pointer; }
body[data-page="home"] .home-poetry-detail-body { overflow: auto; overscroll-behavior: contain; padding: clamp(18px, 4vw, 30px); }
body[data-page="home"] .home-poetry-market-detail { max-width: 660px; margin-inline: auto; }
body[data-page="home"] .home-poetry-detail-eyebrow { margin: 0 0 7px; color: var(--home-red); font-size: 10px; font-weight: 900; }
body[data-page="home"] .home-poetry-market-detail h2 { margin: 0; color: var(--home-ink); font-size: clamp(23px, 5vw, 34px); line-height: 1.2; }
body[data-page="home"] .home-poetry-detail-location { margin: 8px 0 17px; color: #847769; font-size: 11px; line-height: 1.55; }
body[data-page="home"] .home-poetry-detail-media { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
body[data-page="home"] .home-poetry-detail-media img,
body[data-page="home"] .home-poetry-detail-media video { display: block; width: 100%; max-height: 340px; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 11px; background: #e9e2d7; }
body[data-page="home"] .home-poetry-detail-media-empty { display: grid; min-height: 150px; place-content: center; gap: 8px; border: 1px dashed #d8cbbb; border-radius: 11px; color: #978979; font-size: 11px; text-align: center; }
body[data-page="home"] .home-poetry-detail-media-empty i { font-size: 26px; }
body[data-page="home"] .home-poetry-detail-section { margin-top: 18px; }
body[data-page="home"] .home-poetry-detail-section h3 { margin: 0 0 6px; color: var(--home-green); font-size: 12px; }
body[data-page="home"] .home-poetry-detail-section p { margin: 0; color: #655b50; font-size: 12px; line-height: 1.8; }
body[data-page="home"] .home-poetry-detail-quote { margin: 17px 0 0; padding: 14px 16px; border-left: 2px solid var(--home-red); background: #f7f2e8; color: #443b32; font-family: "STKaiti", "KaiTi", serif; font-size: 16px; line-height: 1.65; }
body[data-page="home"] .home-poetry-detail-quote cite { display: block; margin-top: 6px; color: #907e6d; font-family: inherit; font-size: 10px; font-style: normal; text-align: right; }
body[data-page="home"] .home-poetry-detail-supporters { margin: 17px 0 14px; color: #827568; font-size: 11px; }
body[data-page="home"] .home-poetry-detail-supporters strong { color: var(--home-green); font-size: 15px; }
body[data-page="home"] .home-poetry-market-detail > .button-primary { min-height: 40px; padding-inline: 16px; border-radius: 7px; background: var(--home-green); color: #fffdf7; font-size: 11px; text-decoration: none; }
body[data-page="home"] .home-poetry-detail-state { display: grid; min-height: 270px; place-content: center; justify-items: center; gap: 11px; color: #8b7d6f; text-align: center; }
body[data-page="home"] .home-poetry-detail-state > i { color: var(--home-green); font-size: 25px; }
body[data-page="home"] .home-poetry-detail-state.is-error > i { color: var(--home-red); }
body[data-page="home"] .home-poetry-detail-state p { max-width: 450px; margin: 0; font-size: 12px; line-height: 1.7; }
body[data-page="home"] #homePoetryDetailTitle { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (max-width: 980px) {
  body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-inner { grid-template-columns: 1fr; gap: 22px; }
  body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-copy { align-self: auto; justify-content: flex-start; gap: 20px; padding: 0; }
  body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-copy h2,
  body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-lead,
  body[data-page="home"] .home-poetry-entry-note { max-width: 650px; }
}
@media (max-width: 680px) {
  body[data-page="home"] .poetry-home-entry-leaderboard { padding-block: 35px; }
  body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-inner { gap: 24px; }
  body[data-page="home"] .poetry-home-entry-leaderboard .poetry-home-entry-copy h2 { font-size: clamp(1.8rem, 8vw, 2.35rem); }
  body[data-page="home"] .home-poetry-leaderboard-heading h3 { font-size: 17px; }
  body[data-page="home"] .home-poetry-podium { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; gap: 8px; }
  body[data-page="home"] .home-poetry-rank-card-1 { grid-column: 1 / -1; }
  body[data-page="home"] .home-poetry-rank-card-1 .home-poetry-rank-media { height: 145px; }
  body[data-page="home"] .home-poetry-rank-card-2 .home-poetry-rank-media,
  body[data-page="home"] .home-poetry-rank-card-3 .home-poetry-rank-media { height: 82px; }
  body[data-page="home"] .home-poetry-rank-card-2,
  body[data-page="home"] .home-poetry-rank-card-3 { padding: 9px; }
  body[data-page="home"] .home-poetry-rank-card-2 .home-poetry-rank-card-content h4,
  body[data-page="home"] .home-poetry-rank-card-3 .home-poetry-rank-card-content h4 { font-size: 12px; }
  body[data-page="home"] .home-poetry-rank-card-2 .home-poetry-rank-line,
  body[data-page="home"] .home-poetry-rank-card-3 .home-poetry-rank-line { display: none; }
  body[data-page="home"] .home-poetry-ranking-list { grid-template-columns: 1fr; gap: 6px; }
  body[data-page="home"] .home-poetry-ranking-row { min-height: 42px; }
  body[data-page="home"] .home-poetry-board-empty { align-items: flex-start; flex-wrap: wrap; }
  body[data-page="home"] .home-poetry-board-empty > div { flex-basis: calc(100% - 54px); }
  body[data-page="home"] .home-poetry-board-empty > a { margin-left: 52px; }
  body[data-page="home"] .home-poetry-detail-media { grid-template-columns: 1fr; }
  body[data-page="home"] .home-poetry-detail-media img,
  body[data-page="home"] .home-poetry-detail-media video { max-height: 300px; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .home-poetry-board-loading > span { animation: none; }
  body[data-page="home"] .home-poetry-rank-card,
  body[data-page="home"] .home-poetry-ranking-row { transition: none; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .home-main *,
  body[data-page="home"] .home-main *::before,
  body[data-page="home"] .home-main *::after { scroll-behavior: auto !important; transition: none !important; }
  body[data-page="home"] .home-city-record-dialog-state > i,
  body[data-page="home"] .home-editorial-archive-dialog-state > i { animation: none; }
}

/* Compact discovery-first homepage: one live workspace and progressive low-frequency information. */
body[data-page="home"] .home-discovery-section,
body[data-page="home"] .home-info-section {
  border-bottom: 1px solid var(--home-soft-line);
  background: var(--home-surface);
}

body[data-page="home"] .home-discovery-section { padding: 44px 0 48px; }

body[data-page="home"] .home-discovery-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, .72fr);
  align-items: end;
  gap: 40px;
  margin-bottom: 20px;
}

body[data-page="home"] .home-discovery-heading > p {
  margin: 0;
  color: var(--home-muted);
  font-size: 12px;
  line-height: 1.7;
  text-align: right;
}

body[data-page="home"] .home-discovery-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 24px;
}

body[data-page="home"] .home-discovery-action {
  min-width: 0;
  min-height: 76px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  border: 1px solid var(--home-line);
  border-radius: 10px;
  background: #fbf8f0;
  color: var(--home-ink);
  text-decoration: none;
}

body[data-page="home"] .home-discovery-action:hover {
  border-color: var(--home-green);
  background: #f1f5ee;
}

body[data-page="home"] .home-discovery-action.is-live { border-color: rgba(198, 61, 44, .52); }

body[data-page="home"] .home-discovery-action > i {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e7efe8;
  color: var(--home-green);
  font-size: 23px;
}

body[data-page="home"] .home-discovery-action.is-live > i { background: #f8e6df; color: var(--home-red); }
body[data-page="home"] .home-discovery-action span,
body[data-page="home"] .home-discovery-action strong,
body[data-page="home"] .home-discovery-action small { min-width: 0; display: block; }
body[data-page="home"] .home-discovery-action strong { font-size: 15px; }
body[data-page="home"] .home-discovery-action small { margin-top: 3px; color: var(--home-muted); font-size: 10px; line-height: 1.45; }
body[data-page="home"] .home-discovery-action > b { color: var(--home-red); font-size: 18px; }

body[data-page="home"] .home-discovery-workspace {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(320px, .62fr);
  align-items: start;
  gap: 20px;
}

body[data-page="home"][data-home-live-availability="empty"] .home-discovery-workspace { grid-template-columns: minmax(0, 1fr); }
body[data-page="home"][data-home-live-availability="empty"] .home-data-readout,
body[data-page="home"][data-home-live-availability="empty"] .home-timeline-section,
body[data-page="home"] .home-data-readout[hidden],
body[data-page="home"] .home-timeline-section[hidden] { display: none; }

body[data-page="home"] .home-discovery-live.home-preview-section,
body[data-page="home"] .home-discovery-timeline.home-timeline-section {
  padding: 0;
  border: 0;
  background: transparent;
}

body[data-page="home"] .home-discovery-live .home-stall-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }

body[data-page="home"] .home-discovery-timeline {
  padding: 18px !important;
  border: 1px solid var(--home-line) !important;
  border-radius: 10px;
  background: var(--home-paper) !important;
}

body[data-page="home"] .home-discovery-timeline .home-section-heading { margin-bottom: 14px; }
body[data-page="home"] .home-discovery-timeline .home-section-heading h2 { margin: 0; font-size: 26px; }
body[data-page="home"] .home-discovery-timeline .home-section-heading h2 i { margin-right: 7px; color: var(--home-red); }
body[data-page="home"] .home-discovery-timeline .home-section-heading > p:last-child { margin-top: 7px; font-size: 10px; }
body[data-page="home"] .home-discovery-timeline .home-live-timeline { min-height: 0; grid-template-columns: 1fr; gap: 10px; }
body[data-page="home"] .home-discovery-timeline .home-timeline-card { grid-template-columns: 82px minmax(0, 1fr); gap: 10px; padding: 9px; }
body[data-page="home"] .home-discovery-timeline .home-timeline-media { width: 82px; height: 70px; }
body[data-page="home"] .home-discovery-timeline .home-timeline-time { margin: 0 0 4px 8px; }
body[data-page="home"] .home-discovery-timeline .home-timeline-copy em { margin-top: 5px; }
body[data-page="home"] .home-discovery-timeline .home-actionable-empty { min-height: 280px; }

body[data-page="home"] .home-info-section { padding: 42px 0 46px; }
body[data-page="home"] .home-info-panels { display: grid; gap: 10px; }

body[data-page="home"] .home-info-panel {
  overflow: hidden;
  border: 1px solid var(--home-line);
  border-radius: 10px;
  background: #fbf8f0;
}

body[data-page="home"] .home-info-panel > summary {
  min-height: 78px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto;
  align-items: center;
  gap: 13px;
  padding: 14px 18px;
  cursor: pointer;
  list-style: none;
}

body[data-page="home"] .home-info-panel > summary::-webkit-details-marker { display: none; }
body[data-page="home"] .home-info-panel > summary:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: -4px; }
body[data-page="home"] .home-info-panel[open] > summary { border-bottom: 1px solid var(--home-line); background: #f5f0e5; }

body[data-page="home"] .home-info-summary-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #e7efe8;
  color: var(--home-green);
  font-size: 23px;
}

body[data-page="home"] .home-info-panel > summary > span:nth-child(2),
body[data-page="home"] .home-info-panel > summary strong,
body[data-page="home"] .home-info-panel > summary small { min-width: 0; display: block; }
body[data-page="home"] .home-info-panel > summary strong { font-size: 16px; }
body[data-page="home"] .home-info-panel > summary small { margin-top: 4px; color: var(--home-muted); font-size: 10px; line-height: 1.45; }
body[data-page="home"] .home-info-panel > summary > b { color: var(--home-red); font-size: 0; }
body[data-page="home"] .home-info-panel > summary > b::after { content: "展开"; font-size: 11px; }
body[data-page="home"] .home-info-panel[open] > summary > b::after { content: "收起"; }

body[data-page="home"] .home-info-panel-body { padding: 22px; }

body[data-page="home"] .home-info-panel-body.home-how-section {
  display: grid;
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  align-items: center;
  gap: 28px;
  padding: 22px;
  border: 0;
  background: var(--home-surface);
}

body[data-page="home"] .home-info-panel-body .home-how-intro > p { margin: 0 0 12px; color: var(--home-muted); font-size: 12px; line-height: 1.7; }
body[data-page="home"] .home-info-panel-body .home-how-flow li { min-height: 176px; padding: 15px; }
body[data-page="home"] .home-info-panel-body .home-how-flow i { width: 34px; height: 34px; font-size: 27px; }
body[data-page="home"] .home-info-panel-body .home-how-flow small { margin-top: 8px; }

body[data-page="home"] .home-info-panel-body.home-trust-section {
  padding: 22px;
  border: 0;
  background: var(--home-green-deep);
}

body[data-page="home"] .home-trust-intro { max-width: 760px; margin: 0 0 17px; color: #cedbd4; font-size: 12px; }
body[data-page="home"] .home-info-panel-body.home-trust-section .trust-card,
body[data-page="home"] .home-info-panel-body.home-trust-section .trust-card:nth-child(1),
body[data-page="home"] .home-info-panel-body.home-trust-section .trust-card:nth-child(4) { min-height: 205px; }

body[data-page="home"] .home-info-panel-body.home-role-section {
  padding: 22px;
  border: 0;
  background: var(--home-surface);
}

body[data-page="home"] .home-info-panel-body .home-role-card { min-height: 224px; }
body[data-page="home"] .home-info-panel-body .home-commitment-section {
  margin-top: 20px;
  padding: 20px 0 0;
  border: 0;
  border-top: 1px solid var(--home-line);
  background: transparent;
}
body[data-page="home"] .home-info-panel-body .home-commitment-layout h3 { margin: 0; font-size: 20px; line-height: 1.2; }

/* Live city-record feed: intentionally compact and time-based so it does not duplicate the editorial story lane. */
body[data-page="home"] .home-city-record-live-section { background: var(--home-paper); }
body[data-page="home"] .home-city-record-live-heading { align-items: end; }
body[data-page="home"] .home-city-record-live-heading > div { max-width: 740px; }
body[data-page="home"] .home-city-record-live-heading .home-section-description { max-width: 680px; }
body[data-page="home"] .home-city-record-feed-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 25px 0 18px; padding: 12px 0; border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); }
body[data-page="home"] .home-city-record-filters { display: flex; align-items: center; gap: 7px; flex-wrap: wrap; }
body[data-page="home"] .home-city-record-filter { min-height: 34px; padding: 0 14px; border: 1px solid var(--home-line); border-radius: 999px; background: transparent; color: var(--home-muted); font: inherit; font-size: 11px; font-weight: 900; cursor: pointer; }
body[data-page="home"] .home-city-record-filter:hover,
body[data-page="home"] .home-city-record-filter:focus-visible { border-color: var(--home-green); color: var(--home-green); }
body[data-page="home"] .home-city-record-filter.is-active { border-color: var(--home-green); background: var(--home-green); color: #fff; }
body[data-page="home"] .home-city-record-feed-status { display: inline-flex; align-items: center; gap: 7px; margin: 0; color: var(--home-muted); font-size: 11px; font-weight: 800; white-space: nowrap; }
body[data-page="home"] .home-city-record-feed-status i { color: #4ba86f; font-size: 16px; }
body[data-page="home"] .home-city-record-live-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, .8fr); gap: 18px; }
body[data-page="home"] .home-city-record-live-feature-wrap,
body[data-page="home"] .home-city-record-live-side { min-width: 0; }
body[data-page="home"] .home-city-record-live-feature,
body[data-page="home"] .home-city-record-live-card,
body[data-page="home"] .home-city-record-live-updates { overflow: hidden; border: 1px solid var(--home-line); border-radius: 16px; background: var(--home-surface); box-shadow: 0 11px 25px rgba(36, 46, 38, .06); }
body[data-page="home"] .home-city-record-live-feature { position: relative; min-height: 430px; cursor: pointer; }
body[data-page="home"] .home-city-record-live-feature-media { position: absolute; inset: 0; display: block; color: inherit; text-decoration: none; background: #dfe8df; }
body[data-page="home"] .home-city-record-live-feature-media img,
body[data-page="home"] .home-city-record-live-feature-media video { width: 100%; height: 100%; display: block; object-fit: cover; }
body[data-page="home"] .home-city-record-live-feature::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: rgba(10, 29, 22, .35); }
body[data-page="home"] .home-city-record-live-feature-overlay { position: absolute; z-index: 2; right: 27px; bottom: 25px; left: 27px; color: #fff; pointer-events: none; }
body[data-page="home"] .home-city-record-live-label { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 999px; background: rgba(255, 253, 248, .95); color: var(--home-green); font-size: 10px; font-weight: 900; }
body[data-page="home"] .home-city-record-live-label.is-demo { color: var(--home-red); }
body[data-page="home"] .home-city-record-live-label i { color: #4ba86f; font-size: 13px; }
body[data-page="home"] .home-city-record-live-feature-overlay h3 { max-width: 620px; margin: 13px 0 8px; color: #fff; font-size: clamp(23px, 3vw, 31px); line-height: 1.25; letter-spacing: -.035em; }
body[data-page="home"] .home-city-record-live-feature-description { max-width: 620px; margin: 0 0 9px; color: rgba(255,255,255,.82); font-size: 12px; line-height: 1.6; }
body[data-page="home"] .home-city-record-live-feature-meta { display: flex; align-items: center; justify-content: space-between; gap: 16px; color: rgba(255,255,255,.8); font-size: 11px; }
body[data-page="home"] .home-city-record-live-feature-meta a { color: #fff; font-weight: 900; text-decoration: none; pointer-events: auto; }
body[data-page="home"] .home-city-record-live-side { display: grid; grid-template-rows: auto 1fr; gap: 18px; }
body[data-page="home"] .home-city-record-live-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
body[data-page="home"] .home-city-record-live-card { min-width: 0; cursor: pointer; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
body[data-page="home"] .home-city-record-live-card:hover,
body[data-page="home"] .home-city-record-live-feature:hover { border-color: #9bbbaa; box-shadow: 0 16px 30px rgba(36, 61, 44, .12); }
body[data-page="home"] .home-city-record-live-card:focus-visible,
body[data-page="home"] .home-city-record-live-feature:focus-visible { outline: 3px solid var(--home-yellow); outline-offset: 4px; }
body[data-page="home"] .home-city-record-live-card-media { position: relative; height: 168px; background: #e6eee6; }
body[data-page="home"] .home-city-record-live-media { width: 100%; height: 100%; display: block; color: inherit; text-decoration: none; }
body[data-page="home"] .home-city-record-live-media img { width: 100%; height: 100%; display: block; object-fit: cover; }
body[data-page="home"] .home-city-record-live-media-empty { display: grid; place-content: center; justify-items: center; gap: 6px; color: var(--home-green); font-size: 11px; font-weight: 900; }
body[data-page="home"] .home-city-record-live-media-empty i { font-size: 28px; }
body[data-page="home"] .home-city-record-live-kind { position: absolute; top: 10px; left: 10px; padding: 5px 8px; border-radius: 999px; background: rgba(16,39,30,.88); color: #fff; font-size: 10px; font-weight: 900; pointer-events: none; }
body[data-page="home"] .home-city-record-live-kind.is-demo { background: rgba(198, 61, 44, .92); }
body[data-page="home"] .home-city-record-live-card-copy { padding: 14px 15px 15px; }
body[data-page="home"] .home-city-record-live-location { margin: 0; color: var(--home-red); font-size: 10px; font-weight: 900; }
body[data-page="home"] .home-city-record-live-card-copy h3 { margin: 7px 0 5px; color: var(--home-ink); font-size: 16px; line-height: 1.3; }
body[data-page="home"] .home-city-record-live-card-copy > p:not(.home-city-record-live-location) { min-height: 38px; margin: 0; color: var(--home-muted); font-size: 11px; line-height: 1.6; }
body[data-page="home"] .home-city-record-live-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 11px; color: #92887d; font-size: 10px; }
body[data-page="home"] .home-city-record-live-meta a { display: inline-flex; align-items: center; gap: 3px; color: var(--home-green); font-weight: 900; text-decoration: none; }
body[data-page="home"] .home-city-record-live-updates { padding: 18px 19px; }
body[data-page="home"] .home-city-record-live-updates > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px; }
body[data-page="home"] .home-city-record-live-updates h3 { margin: 0; color: var(--home-ink); font-size: 17px; }
body[data-page="home"] .home-city-record-live-updates > header a { color: var(--home-green); font-size: 10px; font-weight: 900; text-decoration: none; }
body[data-page="home"] .home-city-record-live-update { display: grid; grid-template-columns: 27px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 12px 0; border-top: 1px solid #ebe3d8; }
body[data-page="home"] .home-city-record-live-update > i { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #e9efe8; color: var(--home-green); font-size: 14px; }
body[data-page="home"] .home-city-record-live-update strong { display: block; color: var(--home-ink); font-size: 11px; }
body[data-page="home"] .home-city-record-live-update span { display: block; margin-top: 3px; color: var(--home-muted); font-size: 10px; }
body[data-page="home"] .home-city-record-live-update time { color: #9d9286; font-size: 9px; white-space: nowrap; }
body[data-page="home"] .home-city-record-live-update-empty { margin: 0; padding: 22px 0 6px; color: var(--home-muted); font-size: 11px; }
body[data-page="home"] .home-city-record-live-invitation { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 18px; padding: 17px 20px; border: 1px solid #c7d4ca; border-radius: 12px; background: #edf3ed; }
body[data-page="home"] .home-city-record-live-invitation p { margin: 0; color: var(--home-ink); font-size: 13px; font-weight: 800; }
body[data-page="home"] .home-city-record-live-invitation p i { margin-right: 6px; color: var(--home-green); font-size: 18px; vertical-align: -2px; }
body[data-page="home"] .home-city-record-live-invitation a { display: inline-flex; align-items: center; gap: 5px; min-height: 40px; padding: 0 15px; border-radius: 7px; background: var(--home-red); color: #fff; font-size: 11px; font-weight: 900; text-decoration: none; white-space: nowrap; }

@media (max-width: 1040px) {
  body[data-page="home"] .home-discovery-workspace { grid-template-columns: 1fr; }
  body[data-page="home"] .home-discovery-timeline .home-live-timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-page="home"] .home-discovery-timeline .home-timeline-card { grid-template-columns: 76px minmax(0, 1fr); }
  body[data-page="home"] .home-discovery-timeline .home-timeline-media { width: 76px; }
  body[data-page="home"] .home-info-panel-body.home-how-section { grid-template-columns: 1fr; }
  body[data-page="home"] .home-city-record-live-layout { grid-template-columns: 1fr; }
  body[data-page="home"] .home-city-record-live-side { gap: 14px; }
}

@media (max-width: 880px) {
  body[data-page="home"] .home-discovery-heading { grid-template-columns: 1fr; gap: 10px; }
  body[data-page="home"] .home-discovery-heading > p { max-width: 680px; text-align: left; }
  body[data-page="home"] .home-discovery-actions { grid-template-columns: 1fr; }
  body[data-page="home"] .home-discovery-timeline .home-live-timeline { grid-template-columns: 1fr; }
  body[data-page="home"] .home-discovery-timeline .home-timeline-card { grid-template-columns: 112px minmax(0, 1fr); }
  body[data-page="home"] .home-discovery-timeline .home-timeline-media { width: 112px; }
  body[data-page="home"] .home-city-record-live-heading { align-items: start; }
  body[data-page="home"] .home-city-record-feed-toolbar { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 680px) {
  body[data-page="home"] .home-discovery-section,
  body[data-page="home"] .home-info-section { padding-block: 36px; }
  body[data-page="home"] .home-discovery-live .home-stall-grid { grid-template-columns: 1fr; }
  body[data-page="home"] .home-editorial-card-grid,
  body[data-page="home"] .home-editorial-content-grid { grid-template-columns: 1fr; }
  body[data-page="home"] .home-editorial-card,
  body[data-page="home"] .home-editorial-content-card { min-height: 0; }
  body[data-page="home"] .home-editorial-feature-caption { right: 14px; bottom: 14px; left: 14px; padding: 14px; }
  body[data-page="home"] .home-editorial-feature-caption h2 { font-size: 20px; }
  body[data-page="home"] .home-discovery-timeline { padding: 14px !important; }
  body[data-page="home"] .home-discovery-timeline .home-timeline-card { grid-template-columns: 88px minmax(0, 1fr); }
  body[data-page="home"] .home-discovery-timeline .home-timeline-media { width: 88px; }
  body[data-page="home"] .home-city-record-live-feature { min-height: 350px; }
  body[data-page="home"] .home-city-record-live-feature-overlay { right: 19px; bottom: 18px; left: 19px; }
  body[data-page="home"] .home-city-record-live-feature-overlay h3 { font-size: 24px; }
  body[data-page="home"] .home-city-record-live-feature-meta { align-items: flex-start; flex-direction: column; gap: 7px; }
  body[data-page="home"] .home-city-record-live-cards { grid-template-columns: 1fr; gap: 14px; }
  body[data-page="home"] .home-city-record-live-card-media { height: 180px; }
  body[data-page="home"] .home-city-record-live-invitation { align-items: flex-start; flex-direction: column; gap: 12px; }
  body[data-page="home"] .home-city-record-live-invitation a { width: 100%; justify-content: center; }
  body[data-page="home"] .home-info-panel > summary { min-height: 72px; grid-template-columns: 38px minmax(0, 1fr) auto; gap: 10px; padding: 12px; }
  body[data-page="home"] .home-info-summary-icon { width: 38px; height: 38px; font-size: 21px; }
  body[data-page="home"] .home-info-panel > summary strong { font-size: 14px; }
  body[data-page="home"] .home-info-panel > summary > b::after { content: "+"; font-size: 18px; }
  body[data-page="home"] .home-info-panel[open] > summary > b::after { content: "−"; }
  body[data-page="home"] .home-info-panel-body,
  body[data-page="home"] .home-info-panel-body.home-how-section,
  body[data-page="home"] .home-info-panel-body.home-trust-section,
  body[data-page="home"] .home-info-panel-body.home-role-section { padding: 14px; }
}