/* Base styles (desktop first) */

body              { font-size: 20pt; color: white; text-align: center; background-color: black; }
br.headerfill     { font-size: 15px; }

.WATitle          { font-size: 40pt; color: red; background-color: transparent; }
.WATitle2         { font-size: 26pt; font-style: italic; color: white; background-color: transparent; }
.WASubTitle       { font-size: 20pt; color: red; background-color: transparent; }

.SelTD            { font-size: 14pt; border: white 1pt solid; color: black; text-align: center; background-color: #FCFBB0; }
.SltdTD           { font-size: 14pt; border: white 1pt solid; color: blue; text-align: center; background-color: #FCFBB0; }
.BlnkTD           { font-size: 14pt; border: medium none; color: black; text-align: center; background-color: #FCFBB0; }
.FieldTD          { font-size: 14pt; border: white 1pt solid; color: black; text-align: left; background-color: #FCFBB0; }

a.choices         { font-size: 14pt; text-decoration: underline; color: black; background-color: transparent; }
a.choices:active  { font-size: 16pt; text-decoration: none; color: yellow; background-color: transparent; }
a.choices:visited { font-size: 14pt; text-decoration: underline; color: black; background-color: transparent; }

a.links           { text-decoration: underline; color: yellow; }
a.links:active    { text-decoration: underline; color: red; }
a.links:visited   { text-decoration: underline; color: yellow; }

.BlogPanel        { vertical-align: text-top; }
.BlogText         { font-size: 16pt; color: cyan; background-color: transparent; }
.Intro            { font-size: 16pt; color: white; background-color: transparent; }

/* -------- Responsive Styles for Mobile Devices -------- */
@media (max-width: 768px) {
  
   html,
   body           { overflow: auto !important; height: auto !important; }
 	
   body           { font-size: 16pt; padding: 10px; }

   iframe         { width: 100% !important; height: auto !important; min-height: 600px; }

  .WATitle        { font-size: 28pt; text-align: center; }
  .WATitle2       { font-size: 18pt; text-align: center; }
  .WASubTitle     { font-size: 16pt; text-align: center; }

  .SelTD,
  .SltdTD,
  .BlnkTD,
  .FieldTD        { font-size: 12pt; display: block; width: 100%; margin-bottom: 10px; }

  a.choices       { font-size: 12pt; display: block; }

  .BlogText, 
  .Intro          { font-size: 14pt; padding: 5px; }

  /* Optional: Hide side images/logos for cleaner layout on small screens */
  img             { max-width: 100%; height: auto; }
  table           { width: 100% !important; border-collapse: collapse; }
  td              { display: block; width: 100% !important; text-align: center; }
}