/* ==========================================================================
   ANI'S TERMINAL — page.css
   Layout for sub-pages (research works, vibe projects, college life,
   achievements, workshops, blogs, 404).
   ========================================================================== */

body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main.page {
  flex: 1;
  padding: 64px clamp(20px, 8vw, 96px) 90px;
}

main.page .prompt-line {
  margin-bottom: 24px;
}

.page-card {
  width: min(560px, 100%);
  border: 2px solid var(--ink);
  background: var(--c, #f2dfc6); /* each page sets its own colour via --c */
  box-shadow: 8px 8px 0 rgba(20, 18, 16, .85);
  padding: 34px 32px;
}

.page-card h1 {
  font-size: clamp(26px, 5vw, 42px);
  font-weight: 800;
  letter-spacing: .08em;
}

.page-card p {
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.8;
  color: var(--ink-soft);
}

.back {
  display: inline-block;
  margin-top: 40px;
  font-size: 13px;
  letter-spacing: .14em;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 2px solid var(--accent);
  padding-bottom: 4px;
  transition: color .2s ease, transform .25s ease;
}

.back:hover {
  color: var(--accent);
  transform: translateX(-6px);
}