:root {    
    --primaryColor: #A9A9A9;
    --headingColor: #708090;
    --backgroundColor: #FFFFFF;
    --accentColor: #696969;
    --textColor: #000000;
    --logoColor: #000000;

    --primaryColorFilter: invert(80%) sepia(0%) saturate(313%) hue-rotate(150deg) brightness(86%) contrast(90%);
    --headingColorFilter: invert(52%) sepia(29%) saturate(269%) hue-rotate(169deg) brightness(88%) contrast(79%);
    --backgroundColorFilter: invert(99%) sepia(37%) saturate(0%) hue-rotate(260deg) brightness(115%) contrast(100%);
    --accentColorFilter: invert(42%) sepia(0%) saturate(3828%) hue-rotate(134deg) brightness(92%) contrast(75%);
    --textColorFilter: invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(96%) contrast(104%);
    --logoColorFilter: invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(96%) contrast(104%);
    
    --whiteFilter: invert(99%) sepia(37%) saturate(0%) hue-rotate(260deg) brightness(115%) contrast(100%);
    --blackFilter: invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(96%) contrast(104%);

    /* OPACITY COLORS */

    --low-opacity-black: rgba(0, 0, 0, 0.25);
    --high-opacity-black: rgba(0, 0, 0, 0.75);

    --low-opacity-gray: rgba(255, 255, 255, 0.25);
    --high-opacity-gray: rgba(255, 255, 255, 0.75);

    --low-opacity-primaryColor: rgba(169, 169, 169, 0.25);
    --high-opacity-primaryColor: rgba(169, 169, 169, 0.75);

    --high-opacity-primaryColorFilter: invert(80%) sepia(0%) saturate(313%) hue-rotate(150deg) brightness(86%) contrast(90%) opacity(0.75);
    
    --low-opacity-headingColor: rgba(112, 128, 144, 0.25);
    --high-opacity-headingColor: rgba(112, 128, 144, 0.75);

    --low-opacity-backgroundColor: rgba(255, 255, 255, 0.25);
    --high-opacity-backgroundColor: rgba(255, 255, 255, 0.75);

    --low-opacity-accentColor: rgba(105, 105, 105, 0.25);
    --high-opacity-accentColor: rgba(105, 105, 105, 0.75);

    --low-opacity-textColor: rgba(0, 0, 0, 0.25);
    --high-opacity-textColor: rgba(0, 0, 0, 0.75);

    /* END OF OPACITY COLROS */

    /* BASIC COLORS */

    --light-gray: var(--low-opacity-backgroundColor);
    --basic-gray: var(--low-opacity-backgroundColor);
    --dark-gray: var(--high-opacity-textColor);
    --black: var(--textColor);
    --white: var(--backgroundColor);

    --whiteFilter: invert(99%) sepia(37%) saturate(0%) hue-rotate(260deg) brightness(115%) contrast(100%);
    --blackFilter: invert(0%) sepia(1%) saturate(3%) hue-rotate(326deg) brightness(96%) contrast(104%);

    /* END OF BASIC COLORS*/

    /* SHADOWS */

    --basic-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);

    /* END OF SHADOWS */

  }

  html {
    font-family: "Merriweather", sans-serif;
    font-weight: 400;
  }

  footer {
    font-family: "Lato", sans-serif;
    font-weight: 700;
  }

  h1, h2 {
    font-family: "Roboto", serif;
    font-weight: 700;
  }

  h3, h4, h5, h6 {
    font-family: "Roboto", serif;
    font-weight: 700;
  }

  code {
    font-family: "Space Mono", monospace;
    font-weight: 400;
  }

  .logo-text {
    font-family: "Roboto";
    font-weight: 700;
  }
  
*, *::before, *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; } img, svg { max-width: 100%; height: auto; }
body { margin: 0; color: var(--textColor); background: var(--backgroundColor); line-height: 1.6; -webkit-font-smoothing: antialiased; } a { color: var(--accentColor); }

  body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    position: relative;
  }
  .site-main {
    flex: 1 1 auto;
    width: 100%;
    min-height: 0;
  }




  
  /* Full-bleed sections + centered inner content */
  :root {
    --siteContentMaxWidth: min(100%, 1200px);
  }

  nav, section, header, footer {
    width: 100%;
    max-width: 100%;
  }

  nav > :where(div, ul, ol, article, aside, main, p),
  section > :where(div, ul, ol, article, aside, main, p),
  header > :where(div, ul, ol, article, aside, main, p),
  footer > :where(div, ul, ol, article, aside, main, p) {
    width: 100%;
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  






  footer {
    margin-top: auto;
  }

/* fix: breadcrumb <nav> must not inherit the sticky site-navbar styling (a bare `nav` selector in menuCss leaked its background/blur onto it, making the current item unreadable) */
nav[aria-label="Breadcrumb"]{position:static !important;background:transparent !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border:none !important;box-shadow:none !important;}
nav[aria-label="Breadcrumb"] a{color:inherit !important;}
/* fix: center entry-listing grids - collapse empty trailing columns (auto-fit) and cap the row to the intended column count so underfilled rows are centered, not left-biased */
.items-grid{grid-template-columns:repeat(auto-fit, minmax(0, 360px)) !important;justify-content:center !important;max-width:calc(var(--grid-columns, 3) * 360px + (var(--grid-columns, 3) - 1) * 24px) !important;margin-inline:auto !important;}