.container {
    container-type: inline-size;
  }

  .container > article {
    margin: auto;
    max-width: fit-content;
    display: grid;
    grid-template-columns:
      [header-start] minmax(8rem, max-content)
      [header-end main-start] minmax(18rem, 50rem)
      [main-end side-start] minmax(8rem, min-content) [side-end end];
    gap: 1rem;
  }

  .rs-header {
    grid-column: 1 / -1;
    text-align: center;
  }

  .rs-header-subtext {
    display: flex;
    justify-content: center;
    gap: 1rem;
  }

  .rs-section {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: subgrid;
    align-items: baseline;
    row-gap: 1rem;
  }

  .rs-section-heading {
    grid-column: header;
    font-size: var(--font-sz-lg);
    color: var(--color-txt-secondary);
  }

  .rs-item {
    grid-column: main / end;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-areas:
      "hl hr"
      "mn sd";
    row-gap: 0.25rem;
    align-items: baseline;
  }

  .rs-item-header {
    display: contents;
  }

  .rs-item-header-main {
    grid-area: hl;
    display: flex;
    flex-direction: column;

    > :first-child {
      display: flex;
      align-items: baseline;
      gap: 1rem;
      justify-content: space-between;
    }
  }

  .rs-item-header-side {
    grid-area: hr;
    display: flex;
    flex-direction: column;
  }

  .rs-item-name {
    display: inline-block;
  }

  .rs-item-details {
    display: flex;
    flex-wrap: wrap-reverse;
    justify-content: space-between;
    align-items: baseline;
    gap: 0.5rem;
  }

  .rs-item-description {
    grid-area: mn;

    &:is(p) {
      margin: unset;
    }
  }

  .rs-item-tech {
    grid-area: sd;

    > span:not(:last-child)::after {
      content: "," / "";
    }
  }

  .side-column {
    width: 250px;
  }

  .main-column {
    min-width: 300px;
    max-width: 800px;
  }

  .pdf-dl {
    grid-column: side;
  }

  @container (width < 48rem) {
    .container > article {
      grid-template-columns:
        [header-start main-start] minmax(18rem, 50rem)
        [header-end main-end side-start] minmax(8rem, min-content)
        [side-end end];
    }
  }

  @container (width < 30rem) {
    .container > article {
      grid-template-columns:
        [header-start main-start side-start] minmax(18rem, 50rem)
        [header-end main-end side-end end];
    }

    .rs-item {
      grid-template-areas:
        "hl"
        "hr"
        "sd"
        "mn";
    }
  }

  .wo2_dykwv [aria-hidden="true"]{user-select:none}

  .wo2_dykwv .breadcrumbs{font-size:0;.wo2_dykwv &::before{font-size:var(--font-sz-md)}.wo2_dykwv &::after{font-size:var(--font-sz-md)}.breadcrumb {
      font-size: var(--font-sz-md);

      + .breadcrumb::before {
        content: "/" / "";
      }

      .cur-page::after {
        content: "*" / "";
        display: inline-block;
      }
    }}

  .wo2_dykwv .df{text-transform:capitalize;.wo2_dykwv &::before{content:"↳"/"";display:inline-block;margin-right:0.25rem}.wo2_dykwv &::after{display:inline-block;content:"_"/"";animation:blink 1.25s steps(1,start) infinite}}

  @keyframes blink{50%{visibility:hidden}}

  .wblvhnlj_ nav{text-align:end}

  .wdhzyo1bl header{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between;gap:2rem}

  .wlmbq6fob footer{display:flex;flex-direction:row;align-items:baseline;justify-content:space-between}

  .wlmbq6fob .icon{font-size:calc(var(--font-sz-md)*1.3)}

  body {
    min-height: 100vh;
    padding: 1rlh 2rlh 1rlh 2rlh;
    display: flex;
    gap: 1rlh;
    flex-direction: column;
    justify-content: space-between;
  }

  #main-content {
    flex: 1;
  }