
:root {
    color-scheme: light dark;
    --HPBlue: #21ADFF;
    --HPGold: #c79316;
    --HPGray: #B3B3B3;
}

a:link {
  color: light-dark( #0000ff, #795CB2);
  /*text-decoration: underline;*/
}

body {
  background-color: light-dark(#ff0000, #00ff00);
  color: light-dark(#333333, #ffffff);
}

.rj4 {
  display: inline-block;
  width: 3ch;          /* 'ch' unit equals the width of the '0' character */
  text-align: right;   /* Aligns text to the right */
}

.blueBubble {
    display: inline-block;
    background-color: #e3f2fd; /* Light Blue */
    color: #0d47a1;          /* Dark Blue Text */
    padding: 10px 20px;
    border-radius: 25px;
    border: 1px solid #90caf9;
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

<!--
 TextEdit Styles, for Tables, mostly.
-->
<style type="text/css">
    p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 18.0px 'Helvetica Neue'; -webkit-text-stroke: #ffffff}
    table.t1 {border-collapse: collapse;   width: 20%;}
    td.td1 {width: 89.0px; height: 11.0px; text-align: center; background-color: #b0b3b2; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 4.0px 4.0px 4.0px .0px}
    td.td2 {width: 49.0px; height: 11.0px; background-color: #b0b3b2; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 4.0px 4.0px 4.0px 4.0px}
    td.td3 {width: 89.0px; height: 20.0px; text-align: center; font-size:18px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 4.0px 4.0px 4.0px 4.0px}
    td.td4 {width: 29.0px; height: 12.0px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 4.0px 4.0px 4.0px 4.0px}
    td.td5 { width: 50.0px; height: 30px; font-size:28px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 0.0px 0.0px 0.0px 8.0px }
</style>
<!--
TextEdit Styles, for Keyboard mapping tables.
-->
<style type="text/css">
    p.p1KPS {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px}
    p.p2KPS {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 14.0px 'Helvetica Neue'; color: #000000}
    p.p3KPS {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px 'Helvetica Neue'; color: #209bff}
    p.p4KPS {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px 'Helvetica Neue'; color: #fc6908}
    p.p5KPS {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px 'Helvetica Neue'; color: #1ddd33}
    p.p6KPS {margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px 'Helvetica Neue'; color: #6a00ff}
    span.s1KPS {font: 30.0px GO; color: #209bff}
    span.s2KPS {color: #000000}
    span.s3KPS {font: 30.0px GO; color: #ba8213}
    span.s4KPS {font: 22.0px GO; color: #000000}
    span.s5KPS {font: 11.0px Arial; color: #000000}
    table.t1KPS {border-collapse: collapse}
    td.td1KPS {width: 57.0px; height: 16.0px; border-style: solid; border-width: 0.0px 1.0px 1.0px 0.0px; border-color: transparent #000000 #000000 transparent; padding: 4.0px 4.0px 4.0px 4.0px}
    td.td2KPS {width: 92.0px; height: 16.0px; background-color: #cccccc; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 4.0px 4.0px 4.0px 4.0px}
    td.td3KPS {width: 138.0px; height: 16.0px; background-color: #cccccc; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 4.0px 4.0px 4.0px 4.0px}
    td.td4KPS {width: 43.0px; height: 15.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 11.0px 11.0px 11.0px 11.0px}
    td.td5KPS {width: 92.0px; height: 29.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 4.0px 0.0px 4.0px 16.0px}
    td.td6KPS {width: 126.0px; height: 17.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 14.0px 0.0px 10.0px 16.0px}
    td.td7KPS {width: 45.0px; height: 15.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 10.0px 10.0px 10.0px 10.0px}
    td.td8KPS {width: 92.0px; height: 27.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 4.0px 0.0px 4.0px 16.0px}
    td.td9KPS {width: 138.0px; height: 27.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 4.0px 0.0px 4.0px 16.0px}
    td.td10KPS {width: 47.0px; height: 16.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 9.0px 9.0px 9.0px 9.0px}
    td.td11KPS {width: 92.0px; height: 26.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 4.0px 0.0px 4.0px 16.0px}
    td.td12KPS {width: 138.0px; height: 26.0px; background-color: #ffffff; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; border-color: #000000 #000000 #000000 #000000; padding: 4.0px 0.0px 4.0px 16.0px}
    
    p.atvp2 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 14.0px 'Helvetica Neue'; -webkit-text-stroke: #ffffff}
    table.atvt1 {border-collapse: collapse}
    td.atvtd3 {width: 89.0px; height: 12.0px; border-style: solid; border-width: 1.0px 1.0px 1.0px 1.0px; padding: 4.0px 4.0px 4.0px 4.0px}
</style>
<!--
TextEdit Styles, for Keyboard mapping tables.
-->

<style type="text/css">
    span.g22 { font: 22.0px GO; color:light-dark(black, var(--HPGray)); line-height: 0.6; }
    span.g24 { font: 24.0px GO; color:light-dark(black, var(--HPGray)); line-height: 0.6; }
    span.g26 { font: 26.0px GO; color:light-dark(black, var(--HPGray)); line-height: 0.6; }
    span.g28 { font: 28.0px GO; color:light-dark(black, var(--HPGray)); line-height: 0.6; }
    span.g30 { font: 30.0px GO; color:light-dark(black, var(--HPGray)); line-height: 0.6; }
</style>
