body { background: #9aa6a3; color: black; font-family: "Times New Roman", Times, serif; font-size: 17px; margin: 8px; }
a:link { color: #0000EE; } a:visited { color: #551A8B; } a:active { color: red; }
h1 { font-size: 30px; margin: 0 0 4px 0; }
h2 { font-size: 24px; margin: 10px 0 6px 0; }
p { margin: 8px 0 12px 0; }
.page { width: 720px; max-width: calc(100vw - 16px); }
.nav { font-size: 14px; margin: 6px 0; }
.portrait { float: right; width: 155px; margin: 0 0 8px 12px; }
.caption { font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
.clear { clear: both; }
.small { font-size: 12px; }
.footer { font-family: Arial, Helvetica, sans-serif; font-size: 9px; margin-top: 18px; }
input { font-family: "Courier New", Courier, monospace; font-size: 15px; width: 260px; }
button { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.hidden { display: none; }
.record-table { border-collapse: collapse; width: 600px; max-width: 100%; }
.record-table th,.record-table td { border: 1px solid black; padding: 3px 4px; text-align: left; vertical-align: top; }
.record-table th { font-family: Arial, Helvetica, sans-serif; font-size: 10px; background: #c0c0c0; width: 115px; }
.record-table td { font-family: "Courier New", Courier, monospace; font-size: 11px; background: #e6e6e6; }
.status { font-family: "Courier New", Courier, monospace; font-size: 11px; margin: 5px 0; }
.media-launch { margin-top: 10px; font-size: 12px; }
.media-shell { margin-top: 10px; }
.media-strip,.media-caption,.media-note { font-family: Arial, Helvetica, sans-serif; font-size: 9px; }
video { display: block; width: 240px; height: 180px; background: black; margin-top: 2px; }
@media (max-width: 560px) { body { font-size: 16px; } .portrait { width: 120px; } input { width: 190px; } }