.wq-page { max-width: 760px; margin: auto; padding: 24px; color: #20352f; font: 1rem/1.55 system-ui, sans-serif; }
.wq-page * { box-sizing: border-box; }
.wq-page h1 { line-height: 1.15; }
.wq-page h2 { font-size: 1.7rem; line-height: 1.2; }
.wq-page h3 { font-size: 1rem; margin-bottom: 6px; }
.wq-page a { color: #285b4d; text-underline-offset: 3px; }
.wq-page a:focus-visible { outline: 3px solid #285b4d; outline-offset: 4px; }
.wq-sheet { border-top: 2px solid #285b4d; margin-top: 32px; padding-top: 18px; break-after: page; }
.wq-count { font-size: .85rem; color: #485f55; }
.wq-field { break-inside: avoid; margin-bottom: 16px; }
.wq-lines { height: 60px; background: repeating-linear-gradient(transparent 0 19px, #b8c4bf 19px 20px); }
.wq-page .wq-guide { width: 88px; height: 88px; object-fit: contain; }
@media print {
  .wq-screen, body > header, body > footer, .skip, .wq-page > h1 { display: none !important; }
  main#main { max-width: none; padding: 0; }
  .wq-page { max-width: none; margin: 0; padding: 0; font-size: 10pt; line-height: 1.35; }
  .wq-sheet { margin: 0; padding: 0; border: 0; }
  .wq-sheet:last-child { break-after: auto; }
  .wq-page h2 { font-size: 22pt; }
  .wq-page h3 { font-size: 10pt; }
  .wq-lines { height: 42pt; }
}
@page { margin: 0.6in; }
