/* MedSigC self-hosting compatibility layer.
   The original Google Sites layout CSS remains in each exported HTML file.
   This file only replaces runtime-dependent behavior and provides font/favicon hooks. */

:root {
  --medsigc-display-font: 'Quicksand', Arial, sans-serif;
  --medsigc-body-font: 'Source Sans Pro', Arial, sans-serif;
}

/* Optional self-hosted fonts.
   Put your own WOFF2 files in assets/fonts and uncomment/adjust these blocks.
@font-face {
  font-family: 'Quicksand Local';
  src: url('../fonts/quicksand-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
}
@font-face {
  font-family: 'Source Sans Local';
  src: url('../fonts/source-sans-pro-regular.woff2') format('woff2');
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
:root {
  --medsigc-display-font: 'Quicksand Local', 'Quicksand', Arial, sans-serif;
  --medsigc-body-font: 'Source Sans Local', 'Source Sans Pro', Arial, sans-serif;
}
*/

/* Keep the original Google Sites typography mapping, but make the families controllable. */
body, .tyJCtd, .CDt4Ke, .CjVfdc { font-family: var(--medsigc-body-font); }
.TlfmSc, .Zjiec, .zfr3Q, h1, h2, h3, [role="heading"] { font-family: var(--medsigc-display-font); }

/* Google Sites normally flips this visibility using its runtime. */
@media only screen and (min-width: 768px) {
  #WDxLfe.plFg0c { visibility: visible !important; }
}

/* Runtime-free mobile drawer. Existing Takeout classes provide the original animation/look. */
@media only screen and (max-width: 767px) {
  #yuynLe.JzO0Vc { visibility: visible; z-index: 80; }
  #s9iPrd { z-index: 91; }
}

/* Avoid Google editor/runtime-only UI remnants if present. */
#docs-banner-container, .U26fgb.O0WRkf.zZhnYe.e3Duub.C0oVfc { display: none !important; }