/*
Theme Name: Accessible Academic Researcher
Theme URI: https://example.com/
Author: OpenAI
Description: A clean, accessible WordPress block theme for computer science researchers and academics.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: accessible-academic-researcher
Tags: accessibility-ready, blog, education, portfolio, one-column, block-styles, full-site-editing
*/

/* Base enhancements; the main design tokens live in theme.json. */
html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }

a { text-underline-offset: 0.16em; }

:focus-visible {
  outline: 3px solid #a7d8ff;
  outline-offset: 3px;
}

.skip-link {
  position: fixed;
  top: 0.75rem;
  left: 0.75rem;
  z-index: 99999;
  padding: 0.75rem 1rem;
  background: #ffffff;
  color: #12233f;
  border: 2px solid #12233f;
  border-radius: 0.35rem;
  transform: translateY(-150%);
  transition: transform 120ms ease;
}

.skip-link:focus { transform: translateY(0); }

.site-shell { min-height: 100vh; }

.research-hero {
  border-block: 1px solid var(--wp--preset--color--line);
}

.research-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.5rem;
}

.research-grid > * { grid-column: span 12; }

@media (min-width: 782px) {
  .research-grid > .span-8 { grid-column: span 8; }
  .research-grid > .span-4 { grid-column: span 4; }
  .research-grid > .span-6 { grid-column: span 6; }
}

.paper-card,
.profile-card,
.teaching-card,
.contact-card {
  height: 100%;
  border: 1px solid var(--wp--preset--color--line);
  border-radius: 0.75rem;
  padding: 1.25rem;
  background: var(--wp--preset--color--surface);
}

.paper-meta,
.muted { color: var(--wp--preset--color--muted); }

.paper-meta { font-size: 0.95rem; }

.section-kicker {
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.metric {
  border-top: 3px solid var(--wp--preset--color--accent);
  padding-top: 0.75rem;
}

.metric strong {
  display: block;
  font-size: clamp(1.75rem, 4vw, 2.5rem);
  line-height: 1.05;
}

.wp-block-navigation a:hover,
.wp-block-navigation a:focus-visible,
.wp-block-post-title a:hover,
.wp-block-post-title a:focus-visible { text-decoration-thickness: 0.14em; }

.wp-block-button__link { transition: background-color 120ms ease, color 120ms ease, border-color 120ms ease; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; }
}

@media (forced-colors: active) {
  .paper-card, .profile-card, .teaching-card, .contact-card { border: 1px solid CanvasText; }
  :focus-visible { outline: 3px solid Highlight; }
}

@media print {
  .wp-block-navigation, .skip-link, .wp-block-button { display: none !important; }
  a { color: inherit; text-decoration: underline; }
  body { background: #fff !important; color: #000 !important; }
}