html {-webkit-text-size-adjust: none; }
body { background: rgb(250, 252, 238); font-family: Arial, sans-serif; font-size: 18px; max-width: 700px; }
nav { color: #EEEEEE; background: #005D8C; padding: 1px; padding-left: 10px; }
nav	A { text-decoration: none; color: #EEEEEE; }
nav	A:link { color: #EEEEEE; }
nav	A:visited { color: #EEEEEE; }
nav	A:hover { color: #FFFFFF; }
nav	A:active { color: #EEEEEE; }
A { text-decoration: none; }
.mainhint { font: bold 20px Arial, sans-serif; color: rgb(0, 0, 102); }
.prglink { font: bold 14px Arial, sans-serif; }
.inputarea { margin-top: 3px; margin-left: 5px; margin-bottom: 3px; margin-right: 5px;
  text-align: left;
  td {padding: 2px; }
}
.remarc { color: rgb(80, 80, 80); }
.section {
   background: #fffffc;
   padding: 0.8rem 0.5rem;
   border-radius: 1rem;
   box-shadow: 0 4px 20px rgba(0,0,0,0.1);
   border-left: 5px solid #84AEC6;
/*    margin-bottom: 1rem; */
   page-break-inside: avoid;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
A:link { color: #0000AA ; }
/* A:active { color: #000000 ; } */
A:hover { color: #0000BB ; }
A:visited { color: #0000AA ; }
blacklink A:link { color: #000002 ; }
blacklink A:visited { color: #000002 ; }
blacklink A:hover { color: #0000AA ; }
blacklink A:active { color: #000002 ; }
ul {
  margin-top: 3px;
	margin-left: 4px;
  padding-left: 1em;
}
ol {
  margin-top: 3px;
	margin-left: 8px;
  padding-left: 1em;
}details {
   background: #f5f5ff;
   border-radius: 1rem;
}
footer { color: #EEEEEE; background: #005D8C; padding: 1px; padding-left: 10px; }
@media print {
  img {
    page-break-inside: avoid;
    break-inside: avoid;
  }
}