body { min-height: 100vh; overflow-x: hidden; }
.home-main { padding: 42px 0 54px; }
.home-intro {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 36px;
  padding-bottom: 28px;
}
.home-intro h1 { margin: 0; font: 760 36px/1.2 var(--display); letter-spacing: 0; }
.home-intro p { margin: 10px 0 0; color: var(--text-2); font-size: 14px; line-height: 1.65; }
.home-update { min-width: 230px; padding-bottom: 3px; text-align: right; }
.home-update span, .home-update strong { display: block; }
.home-update span { color: var(--text-3); font-size: 11px; }
.home-update strong { margin-top: 5px; color: var(--text-2); font-size: 12px; font-weight: 600; }

.home-feed-section { border-top: 1px solid var(--line-strong); }
.home-feed-toolbar { min-height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.home-feed-toolbar h2, .snapshot h2 { margin: 0; font: 720 17px/1.3 var(--display); }
.home-feed-toolbar p, .snapshot-heading p { margin: 5px 0 0; color: var(--text-3); font-size: 11px; }
.home-feed-actions { min-height: 58px; display: flex; align-items: center; gap: 22px; border-bottom: 1px solid var(--line); }
.text-action { color: var(--text-2); font-size: 12px; text-decoration: underline; text-decoration-color: transparent; text-underline-offset: 4px; transition: color var(--motion-fast) ease, text-decoration-color var(--motion-fast) ease; }
.text-action:hover { color: var(--text); text-decoration-color: var(--line-strong); }
.text-action.primary { color: var(--tap-cyan-strong); font-weight: 700; }

.home-explore { min-height: 210px; display: grid; grid-template-columns: minmax(0, .85fr) minmax(340px, 1.15fr); align-items: center; gap: 44px; padding: 26px 0; border-bottom: 1px solid var(--line); }
.home-explore-copy h2 { margin: 0; font: 720 20px/1.3 var(--display); }
.home-explore-copy p { max-width: 520px; margin: 9px 0 15px; color: var(--text-2); font-size: 12px; line-height: 1.7; }
.home-explore-copy a { display: inline-flex; align-items: center; gap: 8px; color: var(--tap-cyan-strong); font-size: 12px; font-weight: 700; }
.home-explore-copy a span { transition: transform var(--motion-fast) ease; }
.home-explore-copy a:hover span { transform: translateX(3px); }
.home-map { width: 100%; max-height: 170px; }
.home-map-lines path { fill: none; stroke: var(--line); stroke-width: 1; }
.home-map-labels { fill: var(--text-3); font: 10px var(--font); }
.home-map-nodes rect { fill: var(--tap-cyan); stroke: #fff; stroke-width: 3; }
.home-map-nodes rect:nth-child(2), .home-map-nodes rect:nth-child(5) { fill: #6f7ee8; }
.home-map-nodes rect:nth-child(3), .home-map-nodes rect:nth-child(6) { fill: #e5a33d; }
.home-map-nodes rect:nth-child(4) { fill: #dc7186; }

.snapshot { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.5fr); gap: 36px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line); }
.snapshot-items { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.snapshot-item { min-width: 0; padding: 6px 24px; border-left: 1px solid var(--line); }
.snapshot-item strong, .snapshot-item span { display: block; }
.snapshot-item strong { font: 740 24px/1 var(--display); font-variant-numeric: tabular-nums; }
.snapshot-item span { margin-top: 7px; color: var(--text-3); font-size: 10px; line-height: 1.4; }
.home-footer { min-height: 60px; display: flex; align-items: center; justify-content: space-between; color: var(--text-3); font-size: 10px; }

@media (max-width: 720px) {
  .home-main { padding: 28px 0 42px; }
  .home-intro { display: block; padding-bottom: 22px; }
  .home-intro h1 { font-size: 29px; }
  .home-update { min-width: 0; margin-top: 17px; text-align: left; }
  .home-feed-toolbar { min-height: 0; padding: 18px 0; align-items: flex-start; flex-direction: column; gap: 14px; }
  .range-switch { width: 100%; }
  .home-feed-actions { min-height: 0; padding: 16px 0; align-items: flex-start; flex-wrap: wrap; gap: 13px 20px; }
  .home-explore { min-height: 0; grid-template-columns: 1fr; gap: 18px; padding: 24px 0; }
  .home-map { max-height: 138px; }
  .snapshot { grid-template-columns: 1fr; gap: 18px; padding: 24px 0; }
  .snapshot-items { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .snapshot-item { padding: 4px 10px; }
  .snapshot-item:first-child { padding-left: 0; border-left: 0; }
  .snapshot-item strong { font-size: 21px; }
  .home-footer { min-height: 70px; align-items: flex-start; justify-content: center; flex-direction: column; gap: 4px; }
}

@media (max-width: 380px) {
  .intel-nav { gap: 10px; }
  .intel-nav a { font-size: 11px; }
  .home-intro h1 { font-size: 27px; }
  .range-switch button { padding-inline: 7px; font-size: 11px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-explore-copy a span { transition: none; }
}