@layer layout {
  body {
    --grid-margin: minmax(, 1fr);
    --wide: 100vw - 30em;
    display: grid;
    row-gap: var(--spacer);
    grid-template-columns: [full-start] var(--margin) [page-start] minmax(0, 0.5fr) [extra-start] minmax(0, 1fr) [wide-start] minmax(0, clamp(0px, var(--wide), var(--spacer, 3em))) [main-start] minmax(12ch, var(--measure)) [main-end] minmax(0, clamp(0px, var(--wide), var(--gap, 1em))) [wide-end] minmax(0, 1fr) [extra-end] minmax(0, 0.5fr) [page-end] var(--margin) [full-end];
    margin: 0;
  }
  :where(body) > * {
    grid-column: var(--body-column, wide);
    margin-block: 0;
  }
  @media (max-width: 30em) {
    body {
      overflow-wrap: break-word;
    }
  }
  #banner {
    --body-column: full;
    display: grid;
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
  }
  :where(#banner) > * {
    grid-column: var(--body-column, full);
  }
  #message {
    background-color: var(--mark, var(--Highlight));
    color: var(--mark-text, var(--HighlightText));
    display: grid;
    font-style: italic;
    row-gap: var(--shim);
    grid-template-columns: inherit;
    grid-template-columns: subgrid;
    padding-block: var(--shim);
  }
  #message p {
    grid-column: main;
    margin: 0;
  }
  #message a:any-link {
    color: currentcolor;
  }
  #settings {
    margin: 0;
  }
  #settings:not([open]) {
    background: none;
  }
  #settings summary {
    max-width: max-content;
  }
  nav[aria-label=primary] {
    --body-column: wide;
    display: flex;
    justify-content: space-between;
    margin-block: var(--gap) 0;
  }
  [hidden] + nav[aria-label=primary] {
    margin-block-start: var(--spacer);
  }
  nav[aria-label=primary] a:any-link {
    text-decoration: none;
  }
  nav[aria-label=primary] a:where(.has-tag):any-link {
    text-decoration: underline;
  }
  nav[aria-label=primary] a:hover,
nav[aria-label=primary] a:focus,
nav[aria-label=primary] a:active {
    color: var(--ActiveText);
    text-decoration: underline;
  }
  #art-code-nav {
    gap: 0.2rem;
  }
  #art-code-nav,
#logo {
    align-items: center;
    display: flex;
  }
  #logo svg {
    aspect-ratio: 92/31 auto;
    height: var(--huge);
    flex: auto;
    stroke-width: 2;
    width: auto;
  }
  main {
    --body-column: full;
    display: grid;
    row-gap: var(--spacer);
    grid: inherit;
    padding-block: 0;
  }
  main > * {
    grid-column: var(--main-column, main);
    margin-block: 0;
  }
  main::after {
    grid-column: full;
  }
  #summary {
    --main-column: wide;
    font-size: var(--huge);
  }
  #summary .cite {
    font-size: 1rem;
  }
  #summary > :first-child {
    margin-block-start: 0;
  }
  #summary > :last-child {
    margin-block-end: 0;
  }
  #page-header {
    --main-column: extra;
    --measure: 100%;
  }
  #page-header .meta,
#page-header .venue {
    align-items: center;
    display: flex;
    gap: var(--shim);
  }
  #page-header .meta {
    margin-block-end: var(--gap);
  }
  #page-header .meta::after {
    border-block-end: thin solid var(--border);
    content: "";
    flex: 1;
  }
  #page-header .venue {
    margin-block-start: var(--gap);
  }
  #page-header .venue::before {
    border-block-end: thin solid var(--border);
    content: "";
    flex: 1;
  }
  .title-group:first-child {
    border-block-start: thin solid var(--border);
    padding-block-start: calc(var(--gap) + var(--line) * 0.25);
  }
  .title-group:last-child {
    border-block-end: thin solid var(--border);
    padding-block-end: calc(var(--gap) + var(--line) * 0.5);
  }
  [aria-roledescription=subtitle] {
    max-width: initial;
  }
  #hero {
    --main-column: wide;
  }
  [data-list=tags] {
    flex-wrap: wrap;
    gap: var(--gap);
    list-style: none;
  }
  [data-list=tags] li {
    display: inline;
  }
  [data-list=tags] li:not(:last-child)::after {
    content: "&";
    padding-inline: var(--half-shim);
  }
}

/*# sourceMappingURL=layout.css.map */