:root{
      --bg:#181818;
      --card:#f7f2ea;
      --ink:#1f2933;
      --muted:#5d6670;
      --line:#c9bfae;
      --accent:#2f5f8f;
      --soft:#e9dfcf;
    }

    *{box-sizing:border-box;}

    body{
      margin:0;
      background:var(--bg);
      color:var(--ink);
      font-family: Georgia, "Times New Roman", serif;
      line-height:1.15;
      padding:20px;
    }

    .page{
      max-width:850px;
      margin:0 auto;
    }

    .top-nav{
      width:5in;
      max-width:100%;
      margin:0 auto 12px;
      font:700 14px Arial, sans-serif;
    }

    .top-nav a{
      color:#f7f2ea;
      text-decoration:none;
      opacity:.9;
    }

    .download-row{
      text-align:center;
      margin:0 0 18px;
    }

    .print-button{
      display:inline-block;
      background:var(--accent);
      color:#fff;
      border:0;
      border-radius:8px;
      padding:10px 16px;
      font:700 15px Arial, sans-serif;
      cursor:pointer;
      margin:4px;
    }

   	 .card{
      width:100%;
      max-width: 680px;
      margin: 0 auto;
      box-sizing: border-box;
      background:var(--card);
      border:2px solid var(--ink);
      border-radius:14px;
      padding:22px;
      box-shadow:0 8px 28px rgba(0,0,0,.35);
    }

@media (max-width: 640px) {

  .card {
    padding: 14px;
  }

  .card h1 {
    font-size: 1.45rem;
  }

  .card h2 {
    font-size: 1rem;
  }

  .card-row {
    padding: 10px;
  }

  .card-label {
    font-size: .82rem;
  }

}

    .lab{
      font:700 12px Arial, sans-serif;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--accent);
      text-align:center;
    }

    .series{
      text-align:center;
      font:700 13px Arial, sans-serif;
      letter-spacing:.06em;
      margin-top:3px;
      color:var(--muted);
    }

    .id{
      text-align:center;
      font:700 12px Arial, sans-serif;
      color:var(--muted);
      margin:8px 0 12px;
    }

    h1{
      margin:0;
      text-align:center;
      font-size:30px;
      letter-spacing:.03em;
      text-transform:uppercase;
      line-height:1.05;
    }

    .subtitle{
      text-align:center;
      margin:6px 0 14px;
      font:700 13px Arial, sans-serif;
      color:var(--accent);
      text-transform:uppercase;
      letter-spacing:.08em;
    }

    .section{
      border-top:1px solid var(--line);
      padding-top:9px;
      margin-top:9px;
    }

    .section h2{
      margin:0 0 5px;
      font:700 12px Arial, sans-serif;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:var(--accent);
    }

    .qmark{
      float:left;
      width:34px;
      height:34px;
      border:2px solid var(--accent);
      border-radius:50%;
      display:flex;
      align-items:center;
      justify-content:center;
      font:700 24px Arial, sans-serif;
      color:var(--accent);
      margin:1px 10px 2px 0;
    }

    .prompt{
      font-weight:700;
      margin:0;
    }

    .small{
      color:var(--muted);
      font-size:13px;
      margin:3px 0 0;
    }

    .grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px 14px;
    }

    .label{
      font:700 11px Arial, sans-serif;
      text-transform:uppercase;
      color:var(--muted);
      letter-spacing:.07em;
      margin-bottom:2px;
    }

    ul{
      margin:3px 0 0 18px;
      padding:0;
    }

    li{margin:1px 0;}

    .note{
      background:var(--soft);
      border-left:4px solid var(--accent);
      padding:8px 10px;
      font-size:14px;
    }

    .footer{
      border-top:1px solid var(--line);
      margin-top:12px;
      padding-top:10px;
      text-align:center;
      font-size:13px;
      color:var(--muted);
    }

    .motto{
      margin-top:8px;
      font-weight:700;
      color:var(--ink);
      font-size:15px;
    }

    @media print{
      body{background:#fff; padding:0;}
      .download-row,.top-nav{display:none;}
      .card{
        box-shadow:none;
        margin:.25in auto;
        page-break-inside:avoid;
      }
    }