.gabHighlightColor { color: #fbbf31; }
.gabNarrowContent { width: 600px; margin: 1em Calc( 50% - 300px ); }
.gabPageWrap main { margin:3em 0 5em 0; }
.gabPageWrap footer { border-top: 1px solid var(--pico-muted-color); }
.gabPageWrap
{
   width: 900px;
   margin: 0 auto;
}
.gabNav { float:right; margin: .8em 0; line-height: 2em; }
.gabNav a { padding: .3em 0; margin: 0 .5em; text-wrap: nowrap; text-decoration: none; border-color:#eeeeee00; transition: border-color .4s ease-in-out; }
.gabNav a:hover { border-bottom: 1px solid #eeeeee; }
.gabNavLogo { width: 200px; margin: 1em 0 .5em 0; }
.gabBox { 
   padding: 1em 1.2em;
   border-radius: var(--pico-border-radius);
   background-color: var(--pico-code-background-color);
   font-size: .85rem;
}
.gabSubtleText { font-size:.85em; color: var(--pico-muted-color); }

@media (max-width: 920px)
{
   .gabPageWrap
   {
      width: Calc( 100% - 2em );
      margin: 0 1em;
   }
}
@media (max-width: 760px)
{
   header { text-align: center; }
   .gabNav { float: none; }
}
@media (max-width: 600px)
{
   .gabNarrowContent { width: 100%; margin: 1em 0; }
}