body {
  font-family: var(--font-sans);
  color: var(--text-main);
  background-color: var(--bg-base);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

h1:not([class]), h2:not([class]), h3:not([class]), h4:not([class]) {
  margin-bottom: var(--spacing-sm);
  font-weight: var(--font-weight-semibold);
  line-height: 1.2;
}

h1:not([class]) { font-size: var(--text-3xl); }
h2:not([class]) { font-size: var(--text-2xl); }
h3:not([class]) { font-size: var(--text-xl); }
h4:not([class]) { font-size: var(--text-lg); }

p:not([class]) {
  margin-bottom: var(--spacing-md);
  font-size: var(--text-base);
}

a:not([class]) {
  color: var(--color-primary);
  text-decoration: none;
  transition: color var(--transition-fast);
}
a:not([class]):hover {
  text-decoration: underline;
}

/* Sub and Sup line-height fix */
sub:not([class]), 
sup:not([class]) {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup:not([class]) { top: -0.5em; }
sub:not([class]) { bottom: -0.25em; }

/* Horizontal Rule */
hr:not([class]) {
  border: none;
  border-top: 1px solid var(--border-subtle);
  margin: var(--spacing-xl) 0;
}

/* ----------------------------------------- */
/* Lists (Classless)                         */
/* ----------------------------------------- */
ul:not([class]), ol:not([class]) {
  padding-left: 1.5rem;
  margin-bottom: var(--spacing-md);
}

ul:not([class]) {
  list-style-type: disc;
}

ol:not([class]) {
  list-style-type: decimal;
}

li:not([class]) {
  margin-bottom: 0.25rem;
}

li:not([class]):last-child {
  margin-bottom: 0;
}

/* Nested Lists */
li:not([class]) > ul:not([class]), 
li:not([class]) > ol:not([class]) {
  margin-bottom: 0;
  margin-top: 0.25rem;
}

ul:not([class]) ul:not([class]) {
  list-style-type: circle;
}

ul:not([class]) ul:not([class]) ul:not([class]) {
  list-style-type: square;
}

/* Description Lists */
dl:not([class]) {
  margin-bottom: var(--spacing-md);
}

dt:not([class]) {
  font-weight: var(--font-weight-semibold);
  margin-top: var(--spacing-sm);
}

dd:not([class]) {
  margin-left: 1.5rem;
  margin-bottom: 0.25rem;
  color: var(--text-muted);
}

/* ----------------------------------------- */
/* Code, Quotes & Diffs (Classless)          */
/* ----------------------------------------- */
code:not([class]) {
  font-family: var(--font-mono);
  background-color: var(--code-bg);
  padding: 0.2em 0.4em;
  border-radius: var(--radius-sm);
  font-size: 0.875em;
  color: inherit;
}

pre:not([class]) {
  background-color: var(--code-bg);
  padding: var(--spacing-md);
  border-radius: var(--radius-md);
  overflow-x: auto;
  margin-bottom: var(--spacing-md);
}

pre:not([class]) code:not([class]) {
  background-color: transparent;
  padding: 0;
  border-radius: 0;
  font-size: 0.875em;
  color: inherit;
}

kbd:not([class]) {
  font-family: var(--font-mono);
  background-color: var(--bg-surface);
  color: var(--text-main);
  border: 1px solid var(--border-base);
  border-bottom-width: 2px;
  border-radius: var(--radius-sm);
  padding: 0.1em 0.4em;
  font-size: 0.875em;
}

del:not([class]) {
  color: var(--color-error);
  background-color: var(--color-error-bg);
  text-decoration: line-through;
  padding: 0 0.2em;
  border-radius: 2px;
}

ins:not([class]) {
  color: var(--color-success);
  background-color: var(--color-success-bg);
  text-decoration: none;
  padding: 0 0.2em;
  border-radius: 2px;
}

blockquote:not([class]) {
  margin: var(--spacing-md) 0;
  padding: 0.75rem var(--spacing-md);
  border-left: 4px solid var(--blockquote-border);
  color: var(--text-muted);
  font-style: italic;
  background-color: var(--blockquote-bg);
  border-radius: 0 var(--radius-md) var(--radius-md) 0;
}

blockquote:not([class]) p:not([class]):last-child {
  margin-bottom: 0;
}

/* ----------------------------------------- */
/* Forms (Classless)                         */
/* ----------------------------------------- */
fieldset:not([class]) {
  border: 2px solid var(--fieldset-border);
  border-radius: var(--radius-md);
  padding: var(--spacing-md);
  margin-bottom: var(--spacing-md);
}

legend:not([class]) {
  font-weight: var(--font-weight-semibold);
  padding: 0 var(--spacing-sm);
  color: var(--text-main);
}

label:not([class]) {
  display: block;
  margin-bottom: 0.25rem;
  font-weight: var(--font-weight-medium);
  color: var(--text-main);
}

/* Perfectly align labels containing a radio or checkbox */
label:has(input[type="checkbox"]):not([class]),
label:has(input[type="radio"]):not([class]) {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}

/* Base input styling */
input:not([class]), 
select:not([class]), 
textarea:not([class]) {
  display: block;
  width: 100%;
  padding: 0.5rem 0.75rem;
  margin-bottom: var(--spacing-md);
  border: 2px solid var(--input-border);
  border-radius: var(--radius-md);
  background-color: var(--input-bg);
  color: var(--input-text);
  font-family: inherit;
  font-size: var(--text-base);
  transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}

/* Color Input override */
input[type="color"]:not([class]) {
  padding: 0;
  width: 4rem;
  height: 2.5rem;
  border: none;
  cursor: pointer;
}

input[type="color"]:not([class])::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type="color"]:not([class])::-webkit-color-swatch {
  border: none;
  border-radius: calc(var(--radius-md) - 1px);
}

input[type="color"]:not([class])::-moz-color-swatch {
  border: none;
  border-radius: calc(var(--radius-md) - 1px);
}

/* Number Input — hide spinners */
input[type="number"]:not([class])::-webkit-outer-spin-button,
input[type="number"]:not([class])::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"]:not([class]) {
  -moz-appearance: textfield;
}

/* File Input override */
input[type="file"]:not([class]) {
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  color: var(--text-muted); /* Styles the "No file chosen" text */
}

/* Standard file selector button */
input[type="file"]:not([class])::-file-selector-button {
  margin-right: var(--spacing-md);
  padding: 0.5rem 1rem;
  background-color: var(--btn-bg);
  color: var(--btn-text);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  font-family: inherit;
  transition: all var(--transition-bounce);
}

input[type="file"]:not([class])::-file-selector-button:hover {
  background-color: var(--btn-bg-hover);
  transform: translateY(-1px);
}

/* WebKit specific file upload button (for Chromium/Safari) */
input[type="file"]:not([class])::-webkit-file-upload-button {
  margin-right: var(--spacing-md);
  padding: 0.5rem 1rem;
  background-color: var(--btn-bg);
  color: var(--btn-text);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: var(--font-weight-medium);
  font-family: inherit;
  transition: all var(--transition-bounce);
}

input[type="file"]:not([class])::-webkit-file-upload-button:hover {
  background-color: var(--btn-bg-hover);
  transform: translateY(-1px);
}

/* Placeholder text */
input:not([class])::placeholder,
textarea:not([class])::placeholder {
  color: var(--input-placeholder);
  opacity: 1;
}

/* Focus state */
input:not([class]):focus, 
select:not([class]):focus, 
textarea:not([class]):focus {
  outline: none; 
  box-shadow: var(--input-ring-focus);
}

/* Hover state */
input:not([class]):hover:not(:disabled), 
select:not([class]):hover:not(:disabled), 
textarea:not([class]):hover:not(:disabled) {
  border-color: var(--input-border-hover);
}

/* Custom Checkbox and Radio overrides */
input[type="checkbox"]:not([class]), 
input[type="radio"]:not([class]) {
  appearance: none;
  -webkit-appearance: none;
  display: inline-block;
  margin-bottom: 0;
  padding: 0; 
  vertical-align: middle;
  background-color: var(--input-bg);
  border: 2px solid var(--checkbox-border);
  cursor: pointer;
  transition: all var(--transition-fast);
  flex-shrink: 0; 
}

input[type="checkbox"]:not([class]) {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: var(--radius-sm);
}

input[type="radio"]:not([class]) {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
}

/* Checked states */
input[type="checkbox"]:not([class]):checked {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
  background-size: 80%;
  background-position: center;
  background-repeat: no-repeat;
}

input[type="radio"]:not([class]):checked {
  border-color: var(--color-primary);
  background-image: radial-gradient(circle, var(--color-primary) 35%, transparent 40%);
}

/* Focus visible for custom radios/checkboxes */
input[type="checkbox"]:not([class]):focus-visible, 
input[type="radio"]:not([class]):focus-visible {
  outline: var(--outline-focus);
  outline-offset: 2px;
}

/* Disabled state */
input:not([class]):disabled, 
select:not([class]):disabled, 
textarea:not([class]):disabled {
  opacity: var(--disabled-opacity);
  cursor: not-allowed;
  background-color: var(--input-bg-disabled);
}

/* Checked + Disabled overrides for toggles */
input[type="checkbox"]:not([class]):checked:disabled {
  background-color: var(--text-muted);
  border-color: var(--text-muted);
}

input[type="radio"]:not([class]):checked:disabled {
  border-color: var(--text-muted);
  background-image: radial-gradient(circle, var(--text-muted) 35%, transparent 40%);
}

/* File input disabled button overrides */
input[type="file"]:not([class]):disabled::-file-selector-button {
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}

input[type="file"]:not([class]):disabled::-webkit-file-upload-button {
  cursor: not-allowed;
  opacity: var(--disabled-opacity);
}

/* ----------------------------------------- */
/* Buttons (Classless)                       */
/* ----------------------------------------- */
button:not([class]),
input[type="submit"]:not([class]),
input[type="button"]:not([class]),
input[type="reset"]:not([class]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1.25rem;
  background-color: var(--btn-bg); 
  color: var(--btn-text);
  border: 1px solid transparent; 
  border-radius: var(--radius-md);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  font-family: inherit;
  font-size: var(--text-base);
  transition: all var(--transition-bounce);
}

/* Submit Buttons (Primary) */
button[type="submit"]:not([class]),
input[type="submit"]:not([class]) {
  background-color: var(--color-primary);
  color: var(--text-inverted);
}

/* Reset Buttons (Danger/Ghost) */
button[type="reset"]:not([class]),
input[type="reset"]:not([class]) {
  background-color: var(--btn-danger-bg);
  color: var(--color-error);
  border: none;
}

/* Background Color Hovers */
button:not([type="submit"]):not([type="reset"]):not([class]):hover:not(:disabled),
input[type="button"]:not([class]):hover:not(:disabled) {
  background-color: var(--btn-bg-hover); 
}

button[type="submit"]:not([class]):hover:not(:disabled),
input[type="submit"]:not([class]):hover:not(:disabled) {
  background-color: var(--color-primary-hover);
}

button[type="reset"]:not([class]):hover:not(:disabled),
input[type="reset"]:not([class]):hover:not(:disabled) {
  background-color: var(--btn-danger-bg-hover);
}

/* Universal Transform Animation (Hover) */
button:not([class]):hover:not(:disabled),
input[type="submit"]:not([class]):hover:not(:disabled),
input[type="button"]:not([class]):hover:not(:disabled),
input[type="reset"]:not([class]):hover:not(:disabled) {
  transform: translateY(-1px);
}

/* Universal Transform Animation (Active) */
button:not([class]):active:not(:disabled),
input[type="submit"]:not([class]):active:not(:disabled),
input[type="button"]:not([class]):active:not(:disabled),
input[type="reset"]:not([class]):active:not(:disabled) {
  transform: translateY(0) scale(0.97); 
}

/* Focus Visible */
button:not([class]):focus-visible,
input[type="submit"]:not([class]):focus-visible,
input[type="button"]:not([class]):focus-visible,
input[type="reset"]:not([class]):focus-visible {
  outline: var(--outline-focus);
  outline-offset: 2px;
}

/* Disabled State */
button:not([class]):disabled,
input[type="submit"]:not([class]):disabled,
input[type="button"]:not([class]):disabled,
input[type="reset"]:not([class]):disabled {
  opacity: var(--disabled-opacity);
  cursor: not-allowed;
  transform: none;
}

/* ----------------------------------------- */
/* Tables (Classless)                        */
/* ----------------------------------------- */
table:not([class]) {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  margin-bottom: var(--spacing-md);
  border-radius: var(--radius-lg);
  overflow: hidden;
  background-color: var(--table-bg);
}
@media (max-width: 639px) {
  table:not([class]) {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

table:not([class]) th, 
table:not([class]) td {
  padding: 1rem;
  text-align: left;
  border-bottom: 1px solid var(--table-border);
}

table:not([class]) th {
  background-color: var(--table-header-bg);
  font-weight: var(--font-weight-semibold);
}

table:not([class]) tbody tr {
  transition: background-color var(--transition-bounce);
}

table:not([class]) tbody tr:hover {
  background-color: var(--table-row-hover);
}

table:not([class]) tbody tr:last-child td {
  border-bottom: none;
}

/* ----------------------------------------- */
/* Interactive & Other Elements (Classless)  */
/* ----------------------------------------- */

/* Menu (Toolbar-style list) */
menu:not([class]) {
  list-style: none;
  padding: 0;
  margin: 0 0 var(--spacing-md) 0;
  display: flex;
  gap: var(--spacing-sm);
  flex-wrap: wrap;
}

/* Dialog */
dialog:not([class]) {
  margin: auto;
  padding: 0; 
  border: none;
  border-radius: var(--radius-lg);
  background-color: var(--bg-surface);
  color: var(--text-main);
  box-shadow: var(--shadow-md);
  max-width: 500px;
  width: 90%;
  overflow: hidden; 
}

dialog:not([class])::backdrop {
  background-color: var(--backdrop-bg);
  backdrop-filter: var(--backdrop-blur);
}

dialog:not([class])[open] {
  animation: dialog-slide-in var(--transition-bounce) forwards;
}

/* Dialog Structure Elements */
dialog:not([class]) header:not([class]) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid var(--dialog-border);
  margin: 0;
}

dialog:not([class]) header:not([class]) :last-child {
  margin-bottom: 0;
}

/* The Close 'X' Button in Header */
dialog:not([class]) header:not([class]) button:not([class]) {
  background-color: transparent;
  border: none;
  padding: 0.25rem;
  color: var(--text-muted);
  font-size: 1.5rem;
  line-height: 1;
  border-radius: var(--radius-sm);
  transform: none; 
}

dialog:not([class]) header:not([class]) button:not([class]):hover {
  background-color: var(--bg-base);
  color: var(--color-error);
  transform: none;
}

dialog:not([class]) > p:not([class]),
dialog:not([class]) > article:not([class]) {
  padding: var(--spacing-lg);
  margin: 0;
}

dialog:not([class]) > footer:not([class]) {
  padding: var(--spacing-md) var(--spacing-lg);
  background-color: var(--bg-surface);
  border-top: 1px solid var(--dialog-border);
  margin: 0;
  display: flex;
  justify-content: flex-end;
  gap: var(--spacing-sm);
}

@keyframes dialog-slide-in {
  from {
    opacity: 0;
    transform: translateY(-2rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Details & Summary (Accordion) */
details:not([class]) {
  background-color: var(--details-bg);
  border: 1px solid var(--details-border);
  border-radius: var(--radius-md);
  margin-bottom: var(--spacing-md);
  overflow: hidden;
  transition: all var(--transition-base);
  
  /* Modern CSS magic for height animation */
  interpolate-size: allow-keywords;
}

summary:not([class]) {
  background-color: var(--details-header-bg);
  padding: 0.75rem var(--spacing-md);
  cursor: pointer;
  font-weight: var(--font-weight-semibold);
  color: var(--text-main);
  list-style: none; /* Hides default marker */
  transition: background-color var(--transition-fast);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

summary:not([class])::-webkit-details-marker {
  display: none; /* Hides default marker in Safari/Chrome */
}

/* Custom Animated Caret */
summary:not([class])::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentcolor;
  border-bottom: 2px solid currentcolor;
  transform: rotate(45deg);
  transition: transform 0.2s ease-in-out;
}

/* Outline separation when accordion is open */
details:not([class])[open] summary:not([class]) {
  border-bottom: 1px solid var(--details-border);
}

/* Caret rotation on open */
details:not([class])[open] summary:not([class])::after {
  transform: rotate(-135deg);
}

/* Modern ::details-content animation */
details:not([class])::details-content {
  opacity: 0;
  block-size: 0;
  overflow-y: hidden;
  transition: content-visibility 0.3s allow-discrete, block-size 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

details[open]:not([class])::details-content {
  opacity: 1;
  block-size: auto;
}

/* Provide natural padding to accordion body */
details:not([class]) > *:not(summary) {
  margin: var(--spacing-md);
}

/* Progress Bars */
progress:not([class]) {
  appearance: none;
  -webkit-appearance: none;
  display: block;
  width: 100%;
  height: 1.5rem;
  border-radius: 9999px;
  border: none;
  background-color: var(--input-bg);
  margin-bottom: var(--spacing-md);
  overflow: hidden; 
}

progress:not([class])::-webkit-progress-bar {
  background-color: var(--input-bg);
}

progress:not([class])::-webkit-progress-value {
  background-color: var(--color-primary);
  transition: width var(--transition-base);
}

progress:not([class])::-moz-progress-bar {
  background-color: var(--color-primary);
}

/* ----------------------------------------- */
/* Media (Classless)                         */
/* ----------------------------------------- */
img:not([class]),
video:not([class]),
audio:not([class]),
iframe:not([class]) {
  border-radius: var(--radius-md);
}

video:not([class]),
audio:not([class]),
iframe:not([class]) {
  width: 100%;
  border: none;
}

/* WebKit media controls override for better contrast */
audio:not([class])::-webkit-media-controls-enclosure {
  background-color: var(--audio-bg);
}

/* ----------------------------------------- */
/* Header & Navigation (Classless)           */
/* ----------------------------------------- */
body > header:not([class]) {
  padding: var(--spacing-lg) 0; 
}

body > header:not([class]) nav:not([class]) {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--spacing-md); 
  flex-wrap: wrap;
}

/* Semantic Logo (First link in nav) */
body > header:not([class]) nav:not([class]) > a:first-child:not([class]) {
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  color: var(--text-main);
  text-decoration: none;
  margin-right: auto; 
}

/* Navigation List */
body > header:not([class]) nav:not([class]) ul:not([class]) {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
}

/* Navigation Links */
body > header:not([class]) nav:not([class]) ul:not([class]) a:not([class]) {
  color: var(--color-primary); 
  text-decoration: none;
  font-weight: var(--font-weight-medium);
  transition: color var(--transition-fast);
}

body > header:not([class]) nav:not([class]) ul:not([class]) a:not([class]):hover {
  color: var(--color-primary-hover);
  text-decoration: none;
}

/* Header Search Form */
body > header:not([class]) nav:not([class]) form:not([class]) {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

body > header:not([class]) nav:not([class]) form:not([class]) input:not([class]) {
  margin-bottom: 0;
  padding: 0.375rem 0.75rem;
}

body > header:not([class]) nav:not([class]) form:not([class]) button:not([class]) {
  padding: 0.375rem 0.75rem;
}

/* ----------------------------------------- */
/* Main Content Area (Classless)             */
/* ----------------------------------------- */
main:not([class]) {
  flex: 1;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--spacing-lg) var(--spacing-md);
}

/* ----------------------------------------- */
/* Aside / Sidebar (Classless)               */
/* ----------------------------------------- */
aside:not([class]) {
  padding: var(--spacing-lg);
  background-color: var(--bg-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm); 
  width: 100%; 
}

aside:not([class]) h3:not([class]) {
  margin-top: 0;
}

aside:not([class]) ul:not([class]) {
  list-style: none;
  padding: 0;
  margin: 0;
}

aside:not([class]) li:not([class]) {
  margin-bottom: var(--spacing-sm);
}

@media (min-width: 768px) {
  aside:not([class]) {
    width: 280px; 
    flex-shrink: 0; 
  }
}

/* ----------------------------------------- */
/* Footer (Classless)                        */
/* ----------------------------------------- */

/* Site-wide Sticky Footer */
body > footer:not([class]) {
  background-color: var(--bg-surface);
  padding: var(--spacing-lg) var(--spacing-md);
  text-align: center;
  color: var(--text-muted);
}

body > footer:not([class]) p:not([class]) {
  margin-bottom: 0;
}

/* Footer within Main Content (e.g. Back to Home links) */
main:not([class]) footer:not([class]) {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--border-subtle);
}

/* ----------------------------------------- */
/* Articles / Blog Posts (Classless)         */
/* ----------------------------------------- */

/* Feed Separation */
main:not([class]) section:not([class]) article:not([class]) {
  padding-bottom: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--border-subtle);
}

main:not([class]) section:not([class]) article:not([class]):last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

article:not([class]) header:not([class]) {
  margin-bottom: var(--spacing-md);
}

article:not([class]) header:not([class]) h1:not([class]),
article:not([class]) header:not([class]) h2:not([class]) {
  margin-bottom: 0;
}

article:not([class]) header:not([class]) h1:not([class]) a:not([class]),
article:not([class]) header:not([class]) h2:not([class]) a:not([class]) {
  color: var(--text-main);
  text-decoration: none;
  transition: color var(--transition-fast);
}

article:not([class]) header:not([class]) h1:not([class]) a:not([class]):hover,
article:not([class]) header:not([class]) h2:not([class]) a:not([class]):hover {
  color: var(--color-primary);
}

article:not([class]) header:not([class]) time:not([class]) {
  font-size: var(--text-sm);
  color: var(--text-muted);
}

article:not([class]) header:not([class]) > time:not([class]) {
  display: block;
  margin-top: 0.25rem;
}

article:not([class]) header:not([class]) > p:not([class]) {
  font-size: var(--text-sm);
  color: var(--text-muted);
  margin-top: 0.25rem;
  margin-bottom: 0;
}

article:not([class]) p:not([class]) {
  max-width: 65ch;
  line-height: 1.6;
}