@page { size: A4; margin: 8mm 8mm 10mm 8mm; }
* { box-sizing: border-box; }
body { font-family: "Segoe UI", Calibri, Arial, sans-serif; color: #1f2933; margin: 0; font-size: 10pt; background: #eef2f6; }
.site {
  display: flex; flex-wrap: wrap; gap: 6px; align-items: center;
  background: #1e4d7b; color: #fff; padding: 10px 12px;
}
.site a, .site button {
  color: #fff; text-decoration: none; font: inherit; font-weight: 700; font-size: 13px;
  border: 1px solid rgba(255,255,255,.45); background: transparent;
  padding: 6px 10px; border-radius: 9px; cursor: pointer;
}
.site a.on, .site a:hover { background: rgba(255,255,255,.16); }
.site button { margin-left: auto; background: #fff; color: #1e4d7b; border: 0; }
.page { background: #fff; padding: 8px 10px 12px; }
.one .card { min-height: 40mm; }
.one .q { font-size: 9.4pt; }
.one .a { font-size: 8.6pt; }
.page { page-break-after: always; }
@media print {
  body { background: #fff; }
  .site { display: none !important; }
  .page { padding: 0; }
}
.page:last-child { page-break-after: auto; }
.head {
  display: flex; justify-content: space-between; align-items: baseline;
  border-bottom: 2.5px solid #1e4d7b; margin-bottom: 7px; padding-bottom: 4px;
}
h1 { margin: 0; font-size: 12.5pt; color: #1e4d7b; }
.meta { font-size: 8.2pt; color: #627d98; }
.sheet { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.card {
  border: 1.5px solid #9fb3c8;
  border-radius: 7px;
  padding: 6px 8px 6px;
  min-height: 60mm;
  break-inside: avoid;
}
.tag {
  display: inline-block; color: #fff; font-size: 7.3pt; font-weight: 800;
  letter-spacing: .04em; text-transform: uppercase; padding: 2px 8px; border-radius: 999px;
}
.bio { background: #2f6b3a; }
.chem { background: #7c3a6b; }
.phys { background: #1e4d7b; }
.alg { background: #155e75; }
.geo { background: #5b3d14; }
.q { font-weight: 800; font-size: 10.3pt; margin: 5px 0 5px; line-height: 1.26; }
.a { border-top: 1px dashed #bcccdc; padding-top: 5px; font-size: 9.5pt; line-height: 1.3; }