/* Focused landing-page refinements kept separate from the original foundation. */
html,
body { overflow-x: clip; }

.theme-toggle {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}

.theme-toggle:hover { transform: none; }
.theme-toggle:active { border-color: var(--violet); background: var(--violet-soft); }
.theme-toggle span { display: grid; place-items: center; line-height: 1; }

#signin-panel .link-button[data-show-signup],
#signup-panel { display: none; }

.feature-large .portfolio-record {
  position: absolute;
  right: 32px;
  bottom: 30px;
  left: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0;
  margin: 0;
  border-top: 1px solid var(--line);
}

.portfolio-record > div { padding: 20px 20px 0 0; }
.portfolio-record > div + div { padding-left: 20px; border-left: 1px solid var(--line); }
.portfolio-record dt { color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.portfolio-record dd { margin: 7px 0 0; color: var(--ink); font: 600 19px/1.08 var(--serif); letter-spacing: -.5px; }

@media (max-width: 530px) {
  .feature-large .portfolio-record { right: 24px; bottom: 24px; left: 24px; grid-template-columns: 1fr; }
  .portfolio-record > div { padding: 12px 0; border-bottom: 1px solid var(--line); }
  .portfolio-record > div + div { padding-left: 0; border-left: 0; }
  .portfolio-record > div:last-child { border-bottom: 0; }
}