@layer controls {

  /* Sitewide section label control layer */
   :root {
       --site-section-label-bg:#566e8c;
       --site-section-label-fg:#f8faff;
       --site-section-label-border:#566e8c;
       --site-section-gap:0px;
       --site-section-title-gap:0px;
       --site-section-summary-gap:0px;

  }
   .site-section-head-label,
   .section-label {
       display:flex !important;
       align-items:center !important;
       justify-content:center !important;
       width:fit-content !important;
       max-width:100% !important;
       margin-left:auto !important;
       margin-right:auto !important;
       padding:8px 12px !important;
       border-radius:999px !important;
       background:var(--site-section-label-bg) !important;
       color:var(--site-section-label-fg) !important;
       border:1px solid var(--site-section-label-border) !important;
     font-family:"Inter Tight" ,sans-serif !important;
       font-size:.8rem !important;
       font-weight:800 !important;
       letter-spacing:.08em !important;
       line-height:1.15 !important;
       text-transform:uppercase !important;
       text-align:center !important;
       box-shadow:none !important;

  }
   .site-section-head,
   .site-section-title,
   .site-section-intro,
   .site-structured-section,
   .section-head,
   .section-title,
   .section-summary,
   .section-shell,
   .page-section,
   .site-section-body,
   .section-body {
       position:relative;

  }
   .site-section-title + .site-section-intro,
   .section-title + .section-summary {
       margin-top:var(--site-section-summary-gap);

  }
   .site-section-head + .site-section-body,
   .section-head + .section-body {
       margin-top:var(--site-section-gap);

  }

}
