#ibe-school-app body{
      font-family: Arial, sans-serif;
      max-width: 900px;
      margin: 2rem auto;
      padding: 1rem;
      background: #f7f7f7;}
#ibe-school-app h1{
      text-align: center;}
#ibe-school-app input[type="text"]{
      width: 100%;
      padding: 10px;
      font-size: 16px;
      margin: 1rem 0;
      border-radius: 6px;
      border: 1px solid #ccc;}
#ibe-school-app h2{
      margin-top: 2rem;
      border-bottom: 1px solid #ccc;
      padding-bottom: 4px;}
#ibe-school-app ul{
      list-style: none;
      padding-left: 0;}
#ibe-school-app li{
      margin: 6px 0;}
#ibe-school-app a{
      text-decoration: none;
      color: #007bff;}
#ibe-school-app a:hover{
      text-decoration: underline;}
#ibe-school-app .hidden{
      display: none;}
#ibe-school-app .field{
      margin-bottom: 0.75rem;}
#ibe-school-app .field strong{
      display: inline-block;
      width: 140px;
      vertical-align: top;}
#ibe-school-app canvas{
      display: block;
      margin-top: 10px;
      max-width: 200px;
      border: 1px solid #ccc;}
#ibe-school-app .download-link{
      display: inline-block;
      margin-top: 6px;
      text-decoration: none;
      background-color: #007bff;
      color: white;
      padding: 6px 12px;
      border-radius: 4px;
      font-size: 0.9rem;}
#ibe-school-app #backButton{
      display: block;
      margin-top: 2rem;
      cursor: pointer;
      color: #007bff;}