/* ==== Base / Page ==== */
@page { size: A4; margin: 18mm; }
* { box-sizing: border-box; }
html, body { height: 100%; }
body {
  font-family: "Inter", Arial, sans-serif;
  margin: 0;
  color: #111;
  background: #f4f6f8;
}

/* Document shell */
.doc {
  max-width: 820px;
  margin: 28px auto;
  background: #fff;
  border: 1px solid #d7dee5;
  box-shadow: 0 8px 24px rgba(0,0,0,.06);
  padding: 28px 28px 36px;
  position: relative;
}

/* Optional light paper texture */
.doc::before {
  content: "";
  position: absolute; inset: 0;
  pointer-events: none;
  background-image:
    radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px);
  background-size: 6px 6px;
  opacity: .35;
}

/* ==== Header / Titles ==== */
h1, h2, h3 {
  margin: 0;
  text-align: center;
  letter-spacing: .2px;
}
h1 { font-size: 18px; font-weight: 800; }
h2 { font-size: 14px; font-weight: 700; margin-top: 2px; }
h3 { font-size: 13px; font-weight: 700; margin-top: 14px; }

.subline { text-align: center; margin: 6px 0 16px; color: #4b5563; }

/* Divider */
.rule {
  height: 1px;
  background: linear-gradient(90deg, transparent, #c8d1db 15%, #c8d1db 85%, transparent);
  margin: 14px 0 18px;
}

/* ==== Meta rows (FIR no / PS / Date) ==== */
.meta {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1fr;
  gap: 10px;
  margin