@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

body {
  font-family: "Open Sans", sans-serif;
}

@media print {
  /* --- 1. Set Page Layout to Landscape --- */
  @page {
    size: A4 landscape; /* You can also use "letter landscape" */
    margin: 15mm; /* Adjust page margins as needed */
  }

  /* --- 2. Hide Everything Except the Marksheet --- */
  body * {
    visibility: hidden;
  }
  .marksheet-container,
  .marksheet-container * {
    visibility: visible;
  }
  .astgdrmsys-download-buttons-container {
    display: none !important;
  }

  /* --- 3. Reset the Container for Proper Layout --- */
  .marksheet-container {
    position: static;
    display: block;
    width: auto;
    margin: 0 auto; /* Center the content on the page */
  }

  /* --- 4. Style the Table and Titles --- */
  body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .marksheet-container h3,
  .marksheet-container h4 {
    text-align: center;
    font-family: "Open Sans", sans-serif;
    color: #000;
    margin: 0 0 15px 0;
  }
  .marksheet-container h3 {
    font-size: 14pt;
  }
  .marksheet-container h4 {
    font-size: 11pt;
  }

  .marksheet-table {
    width: 100%;
    border-collapse: collapse !important;
    font-size: 9pt;
    color: #000;
  }

  .marksheet-table th,
  .marksheet-table td {
    border: 1px solid #000 !important;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
  }

  .marksheet-header {
    background-color: #e9e9e9 !important;
    font-weight: bold;
  }

  .marksheet-subheader {
    background-color: #ffffff !important;
    font-weight: normal;
    font-size: 8pt;
  }

  .marksheet-table tbody td:nth-child(2) {
    text-align: left;
  }
}