/* Mobile-first defaults */
.desktop-nav{display:none}
.mobile-dock{display:flex}

/* Tablet & up */
@media (min-width: 768px){
  .grid-2{grid-template-columns:1.2fr .8fr}
  .grid-3{grid-template-columns:repeat(3,1fr)}
  .footer-grid{grid-template-columns:2fr 1fr 1fr}
}

/* Desktop nav show, mobile dock hide */
@media (min-width: 900px){
  .desktop-nav{display:flex}
  .mobile-dock{display:none}
  .section{padding:110px 0 110px}
}


/* Remove :focus and :focus-visible outlines */
a:focus,
a:focus-visible,
button:focus,
button:focus-visible,
.cta-btn:focus,
.cta-btn:focus-visible {
  outline: none !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* Prevent default active overlay */
a:active,
button:active,
.cta-btn:active {
  background-color: transparent !important;
  box-shadow: none !important;
}
#themeToggle {
  border: none;
  border-radius: 999px;
  padding: 8px 12px;
  background: transparent;
  color: var(--text);
  font-size: 18px;
  cursor: pointer;
}
#themeToggle:active { transform: scale(.95); }
.credits{
  text-align: center;
}

@media (max-width: 480px){
  .credits p{
    font-size: 12px;
    white-space: nowrap;
  }
}