@layer notes {
  main > section { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 5rem; padding-block: 6rem 8rem; border-top: 2px solid var(--ink); }
  main > section > h2 { grid-column: 1; align-self: start; }
  main > section > div { grid-column: 2; min-width: 0; max-width: 65ch; }
  main > section ul:not([data-plain]) { padding: 0; list-style: none; }
  main > section > div > ul > li { padding: 0 0 2rem; margin: 0 0 2rem; border-bottom: 1px solid var(--ink); }
  main > section > div > ul > li:last-child { border-bottom: 0; margin-bottom: 0; }
  main > section > div > ul > li > h3 { display: flex; gap: 1rem; align-items: baseline; }
  main > section > div > ul > li > h3::before { content: ""; width: 1rem; height: 1rem; flex: 0 0 1rem; border: 2px solid var(--ink); }
  main > section li p:last-child { margin-bottom: 0; }
  main > section > div > p:last-child > a { display: flex; width: fit-content; max-width: 100%; padding: .8rem 0; border-top: 2px solid var(--ink); }
  main > section > div > aside { padding: 2rem; background: var(--mark); margin-top: 2rem; }
  main > section > div > aside > p:last-child { margin-bottom: 0; }
  main > section[data-reading] { grid-template-columns: minmax(0, 1fr); }
  main > section[data-reading] > div { grid-column: 1; width: 100%; max-width: none; }
  main > section[data-reading] > div > ul > li { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); column-gap: 5rem; padding-block: 2rem 3rem; }
  main > section[data-reading] li h3 { grid-column: 1; font-size: 1.75rem; }
  main > section[data-reading] li > div { grid-column: 2; max-width: 65ch; }
  main > section[data-reading] a { padding-block: 1rem; }
  main > section[data-urgent] { margin-bottom: 4rem; border: 3px solid var(--ink); padding: 3rem; column-gap: 3rem; }
  @media (max-width: 800px) {
    main > section, main > section[data-reading] > div > ul > li { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
    main > section { padding-block: 3.5rem 4rem; }
    main > section > div, main > section[data-reading] li > div { grid-column: 1; }
    main > section[data-urgent] { padding: 1.5rem; }
    main > section > div > aside { padding: 1.5rem; }
  }
}