/*RGD CSS*/
/*header*/
.red{color:red;}
#sp-header{box-shadow:none!important;}
/*body*/
p {
  font-size: clamp(1.125rem, 1vw + 0.75rem, 1.375rem);
  line-height: 1.7;
}
:root{
  /* Fluid section padding & gutters with sensible min/max */
  --section-pad-block: clamp(1.5rem, 2.5vw + 0.5rem, 5rem);
  --gutter: clamp(1rem, 4vw, 2rem);

  /* Optional scale for gaps/margins */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
}

/* Core building blocks */
section{
  padding-block: var(--section-pad-block);
  padding-inline: var(--gutter);
  container-type: inline-size; /* enables container queries */
}

.container{
  max-width: 72rem; /* ~1152px */
  width: 100%;
  margin-inline: auto;
}

.stack > * + *{ margin-block-start: clamp(1.5rem, 2.5vw, 3rem); }

/* Safe-area friendliness on phones with notches */
.section{
  padding-inline-start: max(var(--gutter), env(safe-area-inset-left));
  padding-inline-end:   max(var(--gutter), env(safe-area-inset-right));
}

/* Allow chosen elements to go full-bleed inside constrained pages */
.full-bleed{
  margin-inline: calc(var(--gutter) * -1);
}

/*login logout*/
.login, .logout{text-align:center;height:75vh;}
.login img, .logout img{float:none!important;margin:auto;}
.login .controls, .logout .controls{margin:0!important;}