.gp-container,
.gp-container--wide,
.gp-container--narrow{
  width:calc(100% - (var(--page-gutter) * 2));
  margin-inline:auto;
  min-width:0;
}
.gp-container{max-width:var(--container)}
.gp-container--wide{max-width:var(--container-wide)}
.gp-container--narrow{max-width:var(--container-sm)}
.sr-only{
  position:absolute!important;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}
.text-center{text-align:center}
.text-muted{color:var(--color-muted)}
.brand-accent{color:var(--color-primary)}
.gp-surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}
.gp-reading{width:min(100%,var(--reading-width));margin-inline:auto}
.gp-icon{width:var(--icon-md);height:var(--icon-md);flex:0 0 auto}
.gp-icon-action svg,
.gp-nav-toggle svg,
.gp-mobile-nav svg,
.gp-mobile-bottom svg,
.gp-search svg{
  flex:0 0 auto;
  max-width:24px;
  max-height:24px;
}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:3px solid color-mix(in srgb,var(--color-secondary) 55%,transparent);
  outline-offset:3px;
}
@media(max-width:479px){
  .gp-container,.gp-container--wide,.gp-container--narrow{
    width:calc(100% - 2rem);
  }
}