/*
 * print.css — clean print layout for the portfolio.
 *
 * Loaded via <link media="print"> so it only applies when printing.
 * Goals: readable typography, no navigation chrome, page breaks in
 *        sensible places, URLs visible after links.
 */

@media print {
  /* ── Reset colours for print ────────────────────────────────────────── */
  *,
  *::before,
  *::after {
    background: #fff !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  /* ── Hide navigation chrome ──────────────────────────────────────────── */
  .site-nav,
  .theme-toggle,
  .skip-link,
  .hero__actions,
  .experience-card:hover,
  .site-footer {
    display: none !important;
  }

  /* ── Body & layout ───────────────────────────────────────────────────── */
  body {
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11pt;
    line-height: 1.5;
    margin: 0;
  }

  .container {
    max-width: 100%;
    padding: 0;
    margin: 0;
  }

  /* ── Typography ──────────────────────────────────────────────────────── */
  h1 { font-size: 22pt; margin-bottom: 4pt; }
  h2 { font-size: 16pt; margin-bottom: 3pt; margin-top: 14pt; }
  h3 { font-size: 13pt; margin-bottom: 2pt; margin-top: 10pt; }

  /* ── Links: show URLs after anchors ──────────────────────────────────── */
  a[href]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    color: #555 !important;
  }

  /* Suppress URL display for nav/utility links */
  a[href^="#"]::after,
  a[href^="javascript"]::after,
  .btn::after {
    content: "" !important;
  }

  /* ── Cards: flat style for print ────────────────────────────────────── */
  .experience-card {
    border: 1px solid #ccc;
    break-inside: avoid;
    margin-bottom: 12pt;
    padding: 10pt;
  }

  /* ── Page breaks ─────────────────────────────────────────────────────── */
  .section {
    break-before: auto;
    padding: 16pt 0 8pt;
  }

  .detail-header {
    break-after: avoid;
    padding: 8pt 0;
  }

  .prose {
    max-width: 100%;
  }

  .prose h2 {
    break-after: avoid;
  }

  /* ── Tags ────────────────────────────────────────────────────────────── */
  .tag {
    border: 1px solid #999;
    padding: 1pt 4pt;
    font-size: 9pt;
  }

  /* ── Hero ────────────────────────────────────────────────────────────── */
  .hero {
    padding: 12pt 0 8pt;
    border-bottom: 1pt solid #ccc;
  }
}