/* The "square" home layout. Pages link this sheet wherever the layout renders,
   so it loads after app.css. A shared rule restated below a layout rule keeps
   its cascade win; css_ratchet_test keeps the copy identical to its source. */

.theme-face[data-layout="square"] .theme-face__mast {
  align-items: flex-end;
  --face-font-family: "Iowan Old Style", Palatino, Georgia, serif;
  --face-font-size: calc(5.2 * var(--face-unit, 1cqw));
  --face-font-weight: 500;
  --face-letter-spacing: -0.03em;
  --face-text-shadow: 0 1px 12px rgb(0 0 0 / 45%);
}

.theme-face[data-layout="square"] .theme-face__search {
  --face-font-size: calc(2.3 * var(--face-unit, 1cqw));
  --face-letter-spacing: 0.02em;
  --face-text-transform: none;
  --face-opacity: 0.9;
}

.theme-face[data-layout="square"] .theme-face__block--story {
  border-bottom-width: 0;
  border-bottom-style: none;
  --face-border-bottom-color: currentColor;
}

.theme-face[data-background="education"] .theme-face__mast:where([data-layout="square"], [data-layout="square"] *),
.theme-face[data-background="family"] .theme-face__mast:where([data-layout="square"], [data-layout="square"] *),
.theme-face[data-background="community"] .theme-face__mast:where([data-layout="square"], [data-layout="square"] *) {
  --face-text-shadow: 0 1px 12px rgb(0 0 0 / 45%);
}