/* Search Result — clean screen layout */
:root{
  --card-bg:#e9f3fb;         /* light blue */
  --ink:#0f172a;             /* dark slate text */
  --muted:#5f6b7a;
  --border:#d5e6f5;
}

/* outer wrap */
.sr-wrap{
  max-width: 250mm;          /* keeps inside A4 inner width and stops overflow */
  padding: 10mm 12mm;
  margin: 0 auto;
  box-sizing: border-box;
}

/* crest + titles */
.sr-header{ text-align:center; margin-bottom: 6mm; }
.sr-crest{ width: 12mm; height: 12mm; object-fit:contain; margin: 0 auto 2mm; }
.sr-gov{ font-weight:600; color:var(--ink); line-height:1.2; }
.sr-gov div:first-child{ font-size: 12.5pt; }
.sr-gov div:last-child{ font-size: 11pt; }
.sr-title{ margin-top: 2.5mm; font-size: 12pt; font-weight:700; color:var(--ink); }

/* card */
.sr-card{
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 8mm;
  box-sizing: border-box;
  overflow: hidden;          /* prevents right overflow */
}

/* photo at top-left */
.sr-top{ margin-bottom: 4mm; }
.sr-photo{
  width: 15mm; height: 18mm; object-fit: cover;
  background:#fff; border:1px solid #95a3b3; border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(0,0,0,.04);
}

/* grid: 4 columns (label/value/label/value) */
.sr-grid{
  display: grid;
  grid-template-columns: 46mm 40mm 46mm 40mm; /* wider values to avoid wraps */
  column-gap: 14mm;                            /* more space between columns */
  row-gap: 4mm;
  align-items: start;
  color: var(--ink);
}

/* cells */
.lbl{ font-weight:600; }
.sub{ display:block; font-weight:400; font-size: 9pt; color: var(--muted); margin-top: 0.6mm; }
.val{ border-bottom: 1px solid rgba(0,0,0,.08); padding-bottom: 1mm; }

/* avoid ugly wrapping for long fields */
.nowrap{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* actions */
.sr-actions{
  display:flex; gap:8px; justify-content:flex-end; margin-top: 8mm;
}
.btn{
  display:inline-block; padding:.55rem .9rem; border:1px solid #c9d9ea; border-radius:6px;
  background:#fff; color:#0f172a; text-decoration:none;
}
.btn-primary{ background:#2f6fb3; color:#fff; border-color:#2f6fb3; }
.btn:hover{ filter: brightness(.98); }