/* Final surface details for the mission-control art direction. */
:root {
  --paper: #f3e8d5;
  --line: #d5c8b3;
}

.section-nav.academic-tabs { grid-template-columns: repeat(3, 1fr); }

@media (max-width: 600px) {
  .academic-tabs a { padding: .85rem .5rem; font-size: .7rem; gap: .35rem; }
}

.site-footer {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

.site-footer__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 2rem;
  width: min(1120px, calc(100% - 96px));
  margin: 0 auto;
  padding: 2.5rem 0 1.5rem;
}

.motion-toggle {
  min-height: 28px;
  padding: .25rem .5rem;
  border-color: rgba(244, 241, 232, .45);
  background: rgba(0, 0, 0, .28);
  color: #d7d6ce;
  font-size: .55rem;
  letter-spacing: .035em;
  opacity: 1;
}

.motion-toggle:hover,
.motion-toggle:focus-visible {
  border-color: #f4f1e8;
  background: #f4f1e8;
  color: #222;
}

.home-dossier > h3 {
  display: flex;
  align-items: center;
  gap: .7rem;
}

.section-icon {
  width: 1.35em;
  height: 1.35em;
  flex: 0 0 auto;
  fill: none;
  stroke: #f4b496;
  stroke-width: 1.7;
  stroke-linecap: square;
  stroke-linejoin: miter;
}

@media (max-width: 900px) {
  .site-footer__inner { width: calc(100% - 48px); }
}

@media (max-width: 600px) {
  .site-footer__inner { grid-template-columns: 1fr; gap: 1rem; }
  .motion-toggle { padding: .25rem .5rem; font-size: .55rem; }
}

@media print {
  .site-footer { display: none; }
}