html[data-ui-preset='square'] {
  --display-font: "Avenir Next", "Segoe UI", "Trebuchet MS", sans-serif;
  --body-font: "Avenir Next", "Segoe UI", "Trebuchet MS", sans-serif;
  --border: color-mix(in srgb, var(--ink) 18%, transparent);
  --accent-soft: color-mix(in srgb, var(--accent) 18%, var(--surface) 82%);
}

html[data-ui-preset='square'][data-theme='dark'] {
  --border: color-mix(in srgb, var(--ink) 24%, transparent);
  --accent-soft: color-mix(in srgb, var(--accent) 24%, var(--surface) 76%);
}

html[data-ui-preset='square'] body {
  background: var(--bg);
}

html[data-ui-preset='square'] .site-shell,
html[data-ui-preset='square'] .admin-shell {
  padding-top: 0;
}

html[data-ui-preset='square'] .site-header {
  margin-bottom: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: none;
  backdrop-filter: none;
}

html[data-ui-preset='square'] .site-main {
  gap: 0;
}

html[data-ui-preset='square'] :is(.hero, .archive-hero, .article, .card, .hero-panel, .feature-card, .admin-hero, .admin-card, .admin-table-card, .timeline-hero-copy, .timeline-hero-panel, .timeline-pinned, .timeline-item, .timeline-gate, .timeline-empty, .forum-post, .forum-table, .messages-panel, .messages-app__header, .messages-app__panel, .profile-card) {
  box-shadow: var(--shadow);
  border-color: var(--border);
}

html[data-ui-preset='square'] :is(.hero, .archive-hero, .article, .hero-panel, .admin-hero, .timeline-hero-copy, .timeline-hero-panel) {
  margin-block: 0;
}

html[data-ui-preset='square'] .brand-mark {
  background: var(--accent-strong);
  letter-spacing: 0;
}

html[data-ui-preset='square'] :is(.site-nav a, .footer-links a, .auth-button, .auth-status, .action-link, .admin-action, .admin-action-link, .timeline-cta, .timeline-filter-submit, .timeline-filter-reset, .forum-inline-tools a, .forum-inline-tools button) {
  border-radius: var(--radius-sm);
}

html[data-ui-preset='square'] :is(.site-nav a:hover, .site-nav a:focus-visible, .footer-links a:hover, .footer-links a:focus-visible, .auth-button:hover, .auth-button:focus-visible) {
  background: var(--accent-soft);
  color: var(--accent-strong);
}

html[data-ui-preset='square'] .site-footer {
  margin-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  box-shadow: none;
}

html[data-ui-preset='square'] .card-grid,
html[data-ui-preset='square'] .forum-board-grid,
html[data-ui-preset='square'] .timeline-feed {
  gap: 14px;
}

@media (max-width: 720px) {
  html[data-ui-preset='square'] .site-shell,
  html[data-ui-preset='square'] .admin-shell {
    width: min(var(--shell-width), calc(100% - var(--shell-gutter)));
  }
}