/* A4 paper sheet for prescribed forms. Deliberately one look (white paper, black ink)
   in both themes, because it is what gets printed and submitted. */
.a4 {
  --paper-ink: #141414;
  --paper-muted: #555555;
  --paper-rule: #8a8a8a;
  --paper-bg: #ffffff;
  width: 210mm; max-width: 100%; min-height: 297mm; margin: 0 auto;
  background: var(--paper-bg); color: var(--paper-ink);
  padding: 16mm 17mm 18mm;
  font: 400 11.5pt/1.62 "Tiro Devanagari Marathi", "Tiro Devanagari Hindi", "Noto Serif Devanagari", "Nirmala UI", Georgia, serif;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .18), 0 10px 30px rgba(0, 0, 0, .12);
  overflow-wrap: anywhere;
}
.a4[lang="hi"] { font-family: "Tiro Devanagari Hindi", "Tiro Devanagari Marathi", "Noto Serif Devanagari", "Nirmala UI", Georgia, serif; }
.a4[lang="en"] { font-family: "Tiro Devanagari Marathi", Georgia, "Times New Roman", serif; }
.a4 .f-head { text-align: center; border-bottom: 1.5px solid var(--paper-ink); padding-bottom: 8px; margin-bottom: 14px; }
.a4 .f-no { font-weight: 700; letter-spacing: .04em; font-size: 12.5pt; }
.a4 .f-under { color: var(--paper-muted); font-size: 10pt; }
.a4 .f-title { font: inherit; font-weight: 700; font-size: 13.5pt; line-height: 1.35; margin: 6px 0 0; text-wrap: balance; }
.a4 .f-body p { margin: 0 0 .5em; text-align: justify; }
.a4 .f-gap { height: .6em; }
.a4 .f-h { font: inherit; font-weight: 700; text-align: center; margin: .9em 0 .5em; font-size: 12pt; }
.a4 .f-right { text-align: right !important; margin-left: 40%; }
.a4 .f-note { font-size: 9.5pt; color: var(--paper-muted); border-top: 1px dashed var(--paper-rule); padding-top: 6px; margin-top: 1em; }
.a4 .f-check { padding-left: .2em; }
.a4 .f-table { width: 100%; border-collapse: collapse; margin: .4em 0 .9em; font-size: 9.5pt; table-layout: fixed; }
.a4 .f-table th, .a4 .f-table td { border: 1px solid var(--paper-ink); padding: 4px 5px; vertical-align: top; }
.a4 .f-table th { font-weight: 700; text-align: center; }
.a4 .f-table td { height: 26px; }
.a4 .f-table th:first-child { width: 9%; }

/* on a phone the on-screen sheet reflows; the PDF keeps the full A4 layout */
@media (max-width: 640px) {
  .a4 { padding: 18px 16px 22px; min-height: 0; font-size: 10.5pt; }
  .a4 .f-body p { text-align: left; }
  .a4 .f-right { margin-left: 20%; }
}

@media print {
  @page { size: A4; margin: 0; }
  html, body { background: #ffffff !important; }
  .a4 { box-shadow: none; margin: 0; width: 210mm; min-height: auto; }
}