/*


@media screen and (min-width: 768px) {
  .sem.single-accordion {
    display: grid;
    grid-template-areas: "nav" "meta" "image" "header" "content" "footer";

    .sem.accordion {
      display: grid;
      grid-area: content;
      grid-template-areas: "sidebar main" "sidebar extra";

      grid-template-columns: var(--region-sidebar-width) 1fr;
      gap: 0;
      grid-template-rows: autofill(max-content);
      margin: 0 auto;
      background: white;

        > label {
          display: none;
        }
      }

  }
}  

  @media screen and (max-width: 600px) {
    .sem.accordion {
      display: flex;
      flex-flow: column;
      > form {
        display: contents;
        > label {
          display: block;
          padding: 0.5em 1em;
          background: black;
          cursor:pointer;
          color: white;
          > input {
            display: none;
          }
        }
        > section {
          flex-grow: 1;
          display: none;
        }
        > label:has(> input:checked) + section {
          display: block;
        }
      }
    }
  }

*/