@media print {
  html,
  body {
    background: #ffffff !important;
    color: #000000 !important;
    font-size: 11pt !important;
    line-height: 1.5 !important;
  }

  header,
  nav,
  button,
  .theme-controller {
    display: none !important;
  }

  main,
  .container,
  .page-shell,
  .main-content {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .card,
  .ttos-card,
  .anchor-card,
  .theme-box,
  .framework-card,
  .logic-node,
  .agent-box,
  .telemetry-card,
  .alert-box,
  .notice,
  .boundary-box {
    background: none !important;
    color: #000000 !important;
    border: 1px solid #333333 !important;
    border-left: 5px solid #000000 !important;
    padding: 1.2rem !important;
    margin-bottom: 1.5rem !important;
    page-break-inside: avoid !important;
  }

  h1,
  h2,
  h3,
  h4 {
    color: #000000 !important;
    page-break-after: avoid !important;
  }

  h1 { font-size: 22pt !important; }
  h2 {
    font-size: 16pt !important;
    border-bottom: 1px solid #333333 !important;
    margin-top: 2.5rem;
  }
  h3 { font-size: 13pt !important; }

  p,
  li,
  table {
    color: #000000 !important;
    page-break-inside: avoid !important;
  }

  a[href]:after {
    content: " (" attr(href) ")";
    font-size: 9pt !important;
    color: #555555 !important;
    font-style: italic;
  }

  a[href^="#"]:after {
    content: "" !important;
  }
}