/*!*********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************/
:root {
  --brand-primary: #d30023;
  --brand-primary-strong: #a0001b;
  --brand-primary-deep: #7f0016;
  --brand-primary-soft: #f1b8c2;
  --page-bg: #f1ece4;
  --page-bg-strong: #ebe4da;
  --surface: #fcfaf6;
  --surface-soft: #f4eee6;
  --surface-muted: #ece2d7;
  --border: #dfd1c0;
  --border-strong: #d1bea7;
  --text: #7d2232;
  --text-strong: #5b1320;
  --text-soft: #9f6170;
  --accent: var(--brand-primary);
  --accent-strong: var(--brand-primary-strong);
  --accent-orange: #c87432;
  --shadow: 0 6px 18px rgba(123, 94, 76, 0.12);
  --radius-xl: 26px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --font-regular: var(--font-czcz-regular);
  --font-bold: var(--font-czcz-bold);
  --font-runes: var(--font-lechii-runes);
}

* {
  box-sizing: border-box;
}

html {
  background: var(--page-bg);
}

body {
  margin: 0;
  min-width: 320px;
  color: var(--text);
  background: linear-gradient(180deg, #f8f4ed 0%, var(--page-bg) 100%);
  font-family: var(--font-regular), sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

.page-shell {
  min-height: 100vh;
  padding: 20px 24px 80px;
}

.page-frame {
  max-width: 1140px;
  margin: 0 auto;
}

.site-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 30;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid rgba(211, 0, 35, 0.16);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  box-shadow:
    0 10px 28px rgba(109, 86, 74, 0.08),
    0 1px 0 rgba(255, 255, 255, 0.56) inset;
}

.site-header-inner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-template-rows: 30px 70px;
  grid-column-gap: 18px;
  column-gap: 18px;
  overflow: hidden;
  align-items: stretch;
  transition: grid-template-rows 220ms ease;
}

.site-header-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  grid-column: 2;
  grid-row: 1;
  min-height: 0;
  padding: 0;
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 180ms ease,
    transform 220ms ease;
}

.site-header-search {
  display: grid;
  align-items: center;
  grid-column: 2;
  grid-row: 2;
  min-height: 70px;
  justify-self: end;
  width: min(100%, 760px);
}

.site-header-search > .search-shell.compact {
  width: 100%;
}

.site-brand {
  display: inline-flex;
  align-items: center;
  grid-column: 1;
  grid-row: 1 / span 2;
  gap: 12px;
  min-width: max-content;
  height: 100px;
  align-self: center;
  text-decoration: none;
}

.site-brand-image {
  display: block;
  height: 80%;
  max-height: 80px;
  width: auto;
  object-fit: contain;
  transition:
    max-height 220ms ease,
    height 220ms ease;
}

.site-brand-title {
  display: inline-flex;
  align-items: center;
  height: 56px;
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: 2rem;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  text-transform: uppercase;
  white-space: nowrap;
}

.site-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
}

.site-nav-link {
  color: var(--brand-primary);
  font-size: 0.8rem;
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  text-decoration: none;
  text-underline-offset: 3px;
  letter-spacing: 0.04em;
  opacity: 0.92;
}

.site-nav-link:hover {
  text-decoration: underline;
  -webkit-text-decoration-color: var(--brand-primary);
          text-decoration-color: var(--brand-primary);
  color: var(--brand-primary-strong);
}

.site-nav-link.muted {
  opacity: 0.92;
}

.cookie-banner {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 120;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  width: min(360px, calc(100vw - 24px));
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(211, 0, 35, 0.16);
  background: linear-gradient(180deg, rgba(255, 251, 246, 0.98) 0%, rgba(255, 244, 235, 0.98) 100%);
  box-shadow: 0 16px 34px rgba(92, 66, 49, 0.18);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.cookie-banner-copy {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.cookie-banner-title {
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.96rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.cookie-banner-text {
  margin: 0;
  color: var(--text-strong);
  font-size: 0.9rem;
  line-height: 1.45;
}

.cookie-banner-link,
.cookie-banner-inline-link {
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.cookie-banner-actions {
  display: flex;
  align-items: center;
  gap: 12px;
}

.cookie-banner-button {
  min-height: 40px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(211, 0, 35, 0.26);
  background: var(--brand-primary);
  color: #fffaf5;
  font-family: var(--font-bold), sans-serif;
  font-size: 0.88rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease;
}

.cookie-banner-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(116, 36, 32, 0.16);
  background: var(--brand-primary-strong);
}

.cookie-banner-button-secondary {
  min-height: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--text-soft);
  box-shadow: none;
  font-size: 0.78rem;
  letter-spacing: 0.08em;
}

.cookie-banner-button-secondary:hover {
  transform: none;
  box-shadow: none;
  background: transparent;
  color: var(--text-strong);
}

.cookie-banner-button:disabled,
.cookie-banner-inline-link:disabled {
  cursor: default;
  opacity: 0.7;
}

.site-menu-toggle {
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid rgba(211, 0, 35, 0.22);
  border-radius: 16px;
  background: rgba(255, 252, 247, 0.96);
  color: var(--brand-primary);
  box-shadow: 0 8px 18px rgba(94, 74, 54, 0.08);
  cursor: pointer;
}

.site-brand--mobile {
  display: none;
}

.site-header-search-core {
  flex: 1 1 auto;
  min-width: 0;
}

.site-menu-toggle-line {
  display: block;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: currentColor;
}

.flash-toast {
  position: fixed;
  top: 18px;
  left: 50%;
  z-index: 80;
  min-width: min(92vw, 680px);
  transform: translateX(-50%);
  padding: 14px 18px;
  border-radius: 16px;
  border: 1px solid rgba(211, 0, 35, 0.14);
  background: rgba(255, 251, 246, 0.98);
  box-shadow: 0 16px 34px rgba(92, 66, 49, 0.18);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.flash-toast.success {
  border-color: rgba(34, 132, 71, 0.18);
}

.flash-toast.error {
  border-color: rgba(160, 0, 27, 0.22);
}

.flash-toast-message {
  margin: 0;
  color: var(--text-strong);
  font-size: 0.98rem;
  line-height: 1.45;
  text-align: center;
}

.search-shell {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.search-shell.compact {
  gap: 0;
}

.search-label {
  margin: 0;
  font-size: 0.92rem;
  color: var(--text-soft);
  font-family: var(--font-regular), sans-serif;
}

.search-row {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

.search-row.compact {
  gap: 12px;
  align-items: center;
  grid-template-columns: minmax(0, 1fr) auto;
}

.search-input {
  min-height: 56px;
  width: 100%;
  border-radius: var(--radius-md);
  border: 1px solid rgba(211, 0, 35, 0.2);
  padding: 0 18px;
  font-size: 1rem;
  color: var(--text-strong);
  background: rgba(255, 252, 247, 0.96);
  font-family: var(--font-regular), sans-serif;
  font-weight: 400;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.search-input.compact {
  min-height: 56px;
  border-radius: 999px;
  padding: 0 18px;
  font-size: 0.96rem;
  border-color: rgba(211, 0, 35, 0.24);
  color: var(--brand-primary-deep);
  background: rgba(255, 252, 250, 0.98);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 8px 20px rgba(94, 74, 54, 0.06);
}

.search-input::placeholder {
  color: rgba(127, 0, 22, 0.52);
}

.search-button {
  min-height: 56px;
  border: 1px solid rgba(211, 0, 35, 0.2);
  border-radius: 18px;
  padding: 0 16px 0 13px;
  font-size: 0.98rem;
  font-family: var(--font-regular), sans-serif;
  font-weight: 400;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background: linear-gradient(180deg, #fff9fa 0%, #f8e8eb 100%);
  color: var(--brand-primary);
  box-shadow: 0 12px 26px rgba(211, 0, 35, 0.1);
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    filter 0.18s ease,
    background-color 0.18s ease,
    border-color 0.18s ease,
    color 0.18s ease,
    width 0.24s ease,
    min-width 0.24s ease,
    padding 0.24s ease,
    gap 0.24s ease;
}

.search-button:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 34px rgba(211, 0, 35, 0.14);
  filter: brightness(1.01);
  background: linear-gradient(180deg, #fff7f8 0%, #f4e2e5 100%);
  border-color: rgba(211, 0, 35, 0.34);
  color: var(--brand-primary-strong);
}

.morpheme-search-shell {
  display: grid;
  grid-gap: 26px;
  gap: 26px;
  max-width: 920px;
  margin: 0 auto;
  padding-top: 28px;
}

.morpheme-search-card,
.morpheme-search-results {
  background: linear-gradient(180deg, rgba(255, 251, 246, 0.96) 0%, rgba(248, 239, 229, 0.94) 100%);
  border: 1px solid rgba(211, 0, 35, 0.12);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow);
}

.morpheme-search-card {
  padding: 28px;
}

.morpheme-search-heading {
  display: grid;
  justify-items: center;
  text-align: center;
}

.morpheme-search-kicker {
  margin: 0 0 8px;
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.morpheme-search-title {
  margin: 0;
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: clamp(2rem, 3vw, 3rem);
  font-weight: 400;
  line-height: 1;
}

.morpheme-search-copy {
  margin: 22px 0 0;
  max-width: 52ch;
  color: var(--brand-primary);
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
}

.morpheme-search-form {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 38px;
}

.morpheme-search-label {
  color: var(--brand-primary-deep);
  font-size: 0.9rem;
}

.morpheme-search-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.morpheme-search-row {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 12px;
}

.morpheme-search-input {
  min-height: 56px;
  height: 56px;
  width: 100%;
  flex: 1 1 auto;
  min-width: 0;
  border-radius: 999px;
  border: 2px solid #bf2121;
  padding: 0 16px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--brand-primary-deep);
  font-family: var(--font-regular), sans-serif;
  font-size: 1.05rem;
  outline: 0;
  box-shadow: 0 10px 24px rgba(127, 0, 22, 0.08);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}

.morpheme-search-input:focus {
  border-color: #b22a28;
  box-shadow:
    0 0 0 5px rgba(178, 42, 40, 0.12),
    0 12px 28px rgba(127, 0, 22, 0.12);
}

.morpheme-search-input::placeholder {
  color: rgba(115, 31, 39, 0.58);
}

.morpheme-search-button-shell {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
}

.morpheme-search-button {
  position: relative;
  display: block;
  width: auto;
  height: 84px;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  background: transparent;
  cursor: pointer;
  line-height: 0;
  box-shadow: none;
  transition:
    transform 0.28s ease,
    filter 0.28s ease;
}

.morpheme-search-button:hover:not(:disabled) {
  transform: translateY(-1px);
  filter: brightness(1.02);
}

.morpheme-search-button-image {
  display: block;
  width: auto;
  height: 84px;
  max-width: 100%;
  object-fit: cover;
}
.morpheme-search-input:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.morpheme-search-button:disabled {
  cursor: wait;
  opacity: 1;
}

.morpheme-search-button.is-loading {
  cursor: wait;
}

.morpheme-search-meta {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  margin-top: 18px;
}

.morpheme-search-filters-shell {
  display: grid;
  margin-top: 36px;
}

.morpheme-search-filters-toggle {
  min-height: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  border: 1px solid rgba(211, 0, 35, 0.16);
  border-radius: 18px;
  padding: 0 18px;
  background: linear-gradient(180deg, rgba(255, 251, 246, 0.98) 0%, rgba(246, 237, 229, 0.96) 100%);
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.96rem;
  cursor: pointer;
  box-shadow: 0 12px 24px rgba(109, 86, 74, 0.08);
}

.morpheme-search-filters-toggle.expanded {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none;
}

.morpheme-search-filters-toggle-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  border: 1px solid rgba(211, 0, 35, 0.16);
  color: var(--brand-primary);
  font-size: 1rem;
  line-height: 1;
  transform: rotate(0deg);
  transition: transform 180ms ease;
}

.morpheme-search-filters-toggle-icon.expanded {
  transform: rotate(45deg);
}

.morpheme-search-filters {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 18px;
  border-radius: 0 0 22px 22px;
  border: 1px solid rgba(211, 0, 35, 0.12);
  border-top: 0;
  background: rgba(255, 249, 243, 0.9);
}

.morpheme-search-filters-copy {
  margin: 0;
  color: var(--brand-primary-deep);
  font-size: 0.92rem;
  line-height: 1.5;
}

.morpheme-search-filter-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.morpheme-search-filter-card {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(211, 0, 35, 0.1);
  background: rgba(255, 253, 249, 0.88);
}

.morpheme-search-filter-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  grid-gap: 10px;
  gap: 10px;
}

.morpheme-search-filters .morpheme-search-input {
  min-height: 48px;
  height: 48px;
  border: 1px solid rgba(211, 0, 35, 0.18);
  border-radius: 14px;
  padding: 0 14px;
  background: rgba(255, 254, 250, 0.98);
  font-size: 0.98rem;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.82),
    0 6px 16px rgba(127, 0, 22, 0.04);
}

.morpheme-search-filters .morpheme-search-input:focus {
  box-shadow:
    0 0 0 4px rgba(178, 42, 40, 0.1),
    0 10px 20px rgba(127, 0, 22, 0.08);
}

.morpheme-search-filters .morpheme-search-select {
  min-height: 42px;
  border-width: 1px;
  border-radius: 12px;
  padding: 0 12px;
  background: rgba(255, 254, 250, 0.98);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.8),
    0 6px 16px rgba(127, 0, 22, 0.04);
}

.morpheme-search-length-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
}

.morpheme-search-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 18px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid rgba(211, 0, 35, 0.1);
  background: rgba(255, 250, 246, 0.92);
}

.morpheme-search-toolbar-group {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  min-width: min(100%, 320px);
}

.morpheme-search-select-label {
  color: var(--brand-primary-deep);
  font-size: 0.9rem;
}

.morpheme-search-select {
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(211, 0, 35, 0.18);
  background: rgba(255, 254, 250, 0.98);
  color: var(--brand-primary-deep);
  font-family: var(--font-regular), sans-serif;
  font-size: 0.96rem;
  padding: 0 14px;
}

.morpheme-search-toolbar-note {
  margin: 0;
  color: var(--brand-primary);
  font-size: 0.88rem;
  line-height: 1.4;
}

.morpheme-search-clear {
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid rgba(211, 0, 35, 0.18);
  background: linear-gradient(180deg, #fffaf8 0%, #f6ece5 100%);
  color: var(--brand-primary-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.92rem;
  padding: 0 16px;
  cursor: pointer;
}

.morpheme-search-filters-actions {
  display: flex;
  justify-content: flex-end;
}

.morpheme-search-clear:disabled {
  cursor: not-allowed;
  opacity: 0.72;
}

.morpheme-search-status,
.morpheme-search-error,
.morpheme-search-empty,
.morpheme-search-results-count,
.morpheme-search-results-page {
  margin: 0;
}

.morpheme-search-status,
.morpheme-search-results-count,
.morpheme-search-results-page {
  color: var(--brand-primary-deep);
}

.morpheme-search-error {
  color: var(--brand-primary-deep);
}

.morpheme-search-results {
  padding: 24px 28px 28px;
}

.morpheme-search-results-head {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin-bottom: 24px;
}

.morpheme-search-results-head-top {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  justify-content: space-between;
  align-items: flex-start;
}

.morpheme-search-results-summary {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.morpheme-search-results-title {
  margin: 0;
  color: var(--brand-primary-deep);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.35rem;
  font-weight: 400;
}

.morpheme-search-share-trigger,
.morpheme-search-share-copy {
  min-height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(211, 0, 35, 0.18);
  background: linear-gradient(180deg, #fffaf8 0%, #f6ece5 100%);
  color: var(--brand-primary-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.9rem;
  padding: 0 16px;
  cursor: pointer;
  white-space: nowrap;
}

.morpheme-search-share-panel {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(211, 0, 35, 0.12);
  background: rgba(255, 252, 248, 0.94);
}

.morpheme-search-share-label {
  margin: 0;
  color: var(--brand-primary-deep);
  font-size: 0.9rem;
}

.morpheme-search-share-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-gap: 10px;
  gap: 10px;
}

.morpheme-search-share-input {
  min-height: 46px;
  width: 100%;
  border-radius: 14px;
  border: 1px solid rgba(211, 0, 35, 0.18);
  padding: 0 14px;
  background: rgba(255, 255, 255, 0.98);
  color: var(--brand-primary-deep);
  font-family: var(--font-regular), sans-serif;
  font-size: 0.94rem;
}

.morpheme-search-results-page {
  margin-top: 4px;
  font-size: 0.92rem;
}

.morpheme-search-empty {
  color: var(--brand-primary-deep);
}

.morpheme-search-result-list {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.morpheme-search-result-item {
  padding: 16px 18px;
  border: 1px solid rgba(211, 0, 35, 0.12);
  border-radius: 18px;
  background: rgba(255, 252, 248, 0.92);
}

.morpheme-search-result-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 10px;
  align-items: baseline;
}

.morpheme-search-result-word {
  color: var(--text-strong);
  font-size: 1.08rem;
  line-height: 1.35;
}

.morpheme-search-result-link {
  color: var(--text-strong);
  text-decoration: none;
  flex: 1 1 260px;
  min-width: min(100%, 260px);
}

.morpheme-search-result-link:hover .morpheme-search-result-word {
  color: var(--brand-primary-strong);
  text-decoration: underline;
  -webkit-text-decoration-color: rgba(160, 0, 27, 0.45);
          text-decoration-color: rgba(160, 0, 27, 0.45);
  text-underline-offset: 4px;
}

.morpheme-search-result-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 320px;
}

.morpheme-search-result-action {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid rgba(211, 0, 35, 0.18);
  background: linear-gradient(180deg, #fffaf8 0%, #f6ece5 100%);
  color: var(--brand-primary-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.86rem;
  padding: 0 14px;
  cursor: pointer;
  white-space: nowrap;
}

.morpheme-search-result-action.danger {
  border-color: rgba(160, 0, 27, 0.2);
  background: linear-gradient(180deg, #fff5f5 0%, #f7e2e3 100%);
  color: var(--brand-primary-deep);
}

.morpheme-search-hit {
  color: var(--brand-primary);
  background: transparent;
  padding: 0;
}

.morpheme-search-result-highlight {
  margin: 10px 0 0;
  color: var(--text);
}

.morpheme-search-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(211, 0, 35, 0.12);
}

.morpheme-search-pagination.top {
  margin-bottom: 28px;
}

.morpheme-search-pagination-pages {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0;
  color: var(--brand-primary);
  font-size: 0.92rem;
}

.morpheme-search-pagination-item {
  display: inline-flex;
  align-items: center;
}

.morpheme-search-pagination-separator {
  margin: 0 2px;
}

.morpheme-search-pagination-ellipsis {
  padding: 0 4px;
}

.morpheme-search-pagination-page {
  min-height: 44px;
  border: 0;
  background: transparent;
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: 1rem;
  padding: 0 4px;
  cursor: pointer;
}

.morpheme-search-pagination-page.active {
  color: var(--brand-primary);
  font-size: 1.22rem;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.morpheme-search-pagination-page:disabled {
  cursor: default;
}

.morpheme-search-pagination-button {
  min-height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(211, 0, 35, 0.18);
  background: linear-gradient(180deg, #fffaf8 0%, #f6ece5 100%);
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.92rem;
  padding: 0 16px;
  cursor: pointer;
}

.morpheme-search-pagination-button:disabled {
  cursor: not-allowed;
  opacity: 0.65;
}

.morpheme-search-pagination-label {
  margin: 0;
  color: var(--brand-primary);
  font-size: 0.92rem;
}

@media (max-width: 720px) {
  .cookie-banner {
    right: 12px;
    bottom: 12px;
    width: calc(100vw - 24px);
    padding: 13px 14px;
  }

  .morpheme-search-card,
  .morpheme-search-results {
    padding-left: 18px;
    padding-right: 18px;
  }

  .morpheme-search-row {
    grid-template-columns: 1fr;
  }

  .morpheme-search-filter-grid,
  .morpheme-search-filter-row,
  .morpheme-search-length-grid,
  .morpheme-search-share-row {
    grid-template-columns: 1fr;
  }

  .morpheme-search-toolbar,
  .morpheme-search-pagination {
    align-items: stretch;
  }

  .morpheme-search-clear,
  .morpheme-search-pagination-button,
  .morpheme-search-result-action,
  .morpheme-search-result-link,
  .morpheme-search-share-trigger,
  .morpheme-search-share-copy {
    width: 100%;
  }

  .morpheme-search-result-top {
    align-items: stretch;
  }

  .morpheme-search-result-actions {
    width: 100%;
  }

  .morpheme-search-result-word {
    display: block;
  }

  .morpheme-search-pagination-pages {
    justify-content: flex-start;
    width: 100%;
  }

  .morpheme-search-results-head-top {
    align-items: stretch;
  }

  .morpheme-search-button-shell {
    justify-content: center;
  }
}

@media (min-width: 768px) {
  .morpheme-search-result-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }

  .morpheme-search-result-link {
    min-width: 0;
  }

  .morpheme-search-result-actions {
    flex-wrap: nowrap;
    gap: 8px;
    min-width: 0;
  }

  .morpheme-search-result-action {
    min-height: 38px;
    font-size: 0.8rem;
    padding: 0 12px;
  }

  .morpheme-search-row {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }

  .morpheme-search-input {
    border-right: 0;
    border-radius: 999px 0 0 999px;
    padding-right: 64px;
  }

  .morpheme-search-button-shell {
    width: auto;
    justify-content: flex-start;
    margin-left: -20px;
    margin-top: -14px;
  }

  .morpheme-search-button {
    height: 84px;
  }
}

.search-button-icon-shell {
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: transparent;
  box-shadow: none;
  transition:
    background 0.18s ease,
    box-shadow 0.18s ease,
    transform 0.18s ease;
}

.search-button:hover .search-button-icon-shell {
  background: transparent;
  box-shadow: none;
  transform: none;
}

.search-button-icon {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  border-radius: 999px;
  border: 2px solid currentColor;
  background:
    radial-gradient(circle at 35% 35%, rgba(255, 255, 255, 0.9) 0 1px, transparent 1.1px),
    radial-gradient(circle at 42% 42%, rgba(211, 0, 35, 0.02) 0 5px, transparent 5.2px);
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.24),
    0 0 0 1px rgba(211, 0, 35, 0.04);
}

.search-button-icon::before {
  content: "";
  position: absolute;
  top: 14px;
  left: 13px;
  width: 10px;
  height: 2.4px;
  border-radius: 999px;
  background: currentColor;
  transform: rotate(44deg);
  transform-origin: left center;
  box-shadow: 0 0 0 0.5px rgba(211, 0, 35, 0.06);
}

.search-button-label {
  white-space: nowrap;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.search-button-rune-label {
  display: none;
  font-family: var(--font-runes), sans-serif;
  letter-spacing: 0.03em;
  transition: opacity 0.18s ease, transform 0.18s ease;
}

.search-button.compact {
  min-height: 52px;
  min-width: 60px;
  width: 60px;
  padding: 0;
  border-radius: 999px;
  line-height: 1;
  flex-shrink: 0;
  align-self: center;
  background: linear-gradient(180deg, #fffdfd 0%, #f9eef0 100%);
  overflow: hidden;
  justify-content: center;
  gap: 0;
}

.search-button.compact .search-button-label,
.search-button.compact .search-button-rune-label {
  display: none;
}

.search-button.compact:hover {
  min-width: 60px;
  width: 60px;
  padding: 0;
  gap: 0;
  background: linear-gradient(180deg, #fff7f8 0%, #f2e1e3 100%);
}

.search-button[data-variant="default"]:hover .search-button-label {
  display: none;
}

.search-button[data-variant="default"]:hover .search-button-rune-label {
  display: inline-flex;
  align-items: center;
}

.search-button.compact .search-button-icon {
  transform: translateX(0.5px);
}

.site-header.collapsed .site-header-inner {
  grid-template-rows: 0 70px;
}

.site-header.collapsed .site-header-top {
  opacity: 0;
  transform: translateY(-8px);
  pointer-events: none;
}

.site-header.collapsed .site-brand {
  height: 70px;
}

.site-header.collapsed .site-brand-image {
  max-height: 56px;
}

.section-card {
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 24px;
  background: var(--surface);
  box-shadow: var(--shadow);
}

.section-card.featured {
  background: var(--surface);
}

.section-header {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  margin-bottom: 18px;
}

.section-title {
  margin: 0;
  font-size: 1.4rem;
  color: var(--text-strong);
}

.section-subtitle {
  margin: 0;
  color: var(--text-soft);
  line-height: 1.6;
}

.item-title {
  margin: 0 0 8px;
  color: var(--text-strong);
  font-size: 1.06rem;
  line-height: 1.35;
}

.item-link,
.page-link {
  color: var(--accent);
}

.item-body {
  margin: 0;
  color: var(--text);
  line-height: 1.7;
}

.item-meta {
  color: var(--text-soft);
  font-size: 0.9rem;
}

.manus-home-shell,
.manus-entry-shell {
  padding-top: 26px;
}

/* Keep the home layout responsive across mobile, tablet, and desktop whenever the page is reworked. */
.manus-page-frame,
.manus-entry-frame {
  display: grid;
  grid-gap: 40px;
  gap: 40px;
}

.manus-hero {
  display: grid;
  justify-items: center;
  grid-gap: 18px;
  gap: 18px;
  padding: 34px 0 12px;
  text-align: center;
}

.manus-home-hero {
  position: relative;
  overflow: hidden;
  min-height: calc(100vh - 172px);
  padding: 96px 24px 72px;
  background: transparent;
}

.manus-home-hero::before {
  content: "";
  position: absolute;
  left: -60px;
  bottom: -80px;
  width: 220px;
  height: 220px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(223, 22, 93, 0.06), rgba(223, 22, 93, 0));
  pointer-events: none;
}

.manus-home-hero::after {
  content: "";
  position: absolute;
  top: 24px;
  right: 32px;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(235, 125, 57, 0.08), rgba(235, 125, 57, 0));
  pointer-events: none;
}

.manus-home-hero-inner {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  grid-gap: 24px;
  gap: 24px;
  max-width: 820px;
  margin: 0 auto;
  text-align: center;
  padding-top: 0;
}

.manus-home-kicker,
.manus-section-eyebrow {
  margin: 0;
  color: var(--text-soft);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.manus-home-shell .manus-page-frame {
  min-height: auto;
  align-content: start;
  gap: 44px;
}

.manus-home-shell .manus-home-hero {
  width: 100%;
}

.manus-home-title,
.manus-entry-title {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: clamp(3rem, 8vw, 4.8rem);
  line-height: 0.98;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  font-weight: 400;
}

.manus-home-subtitle {
  max-width: 680px;
  margin: 2px 0 0;
  color: var(--text);
  font-family: var(--font-regular), sans-serif;
  font-size: clamp(1.06rem, 2vw, 1.28rem);
  line-height: 1.55;
  font-weight: 400;
}

.manus-home-lead,
.manus-entry-subtitle {
  max-width: 760px;
  margin: 0;
  color: var(--text);
  font-family: var(--font-regular), sans-serif;
  font-size: 1rem;
  line-height: 1.65;
}

.manus-entry-subtitle strong {
  color: var(--accent);
}

.manus-hero-search {
  width: min(100%, 640px);
  margin: 0 auto;
}

.manus-home-search-stage {
  width: min(100%, 760px);
  margin-top: 18px;
}

.manus-home-search-stage .search-shell {
  gap: 0;
}

.manus-home-search-stage .search-row {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
}

.manus-home-search-stage .search-input {
  min-height: 72px;
  padding: 0 24px;
  border-radius: 999px;
  border: 1px solid rgba(211, 0, 35, 0.16);
  background: rgba(255, 255, 255, 0.98);
  box-shadow:
    0 24px 54px rgba(109, 86, 74, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
  font-size: 1.08rem;
}

.manus-home-search-stage .search-button {
  min-height: 72px;
  padding: 0 24px 0 20px;
  border-radius: 999px;
  box-shadow: 0 22px 48px rgba(211, 0, 35, 0.12);
}

.manus-home-discovery {
  gap: 0;
  padding: 0 4px 12px;
}

.manus-home-lower-zone {
  margin-top: 0;
  min-height: auto;
  display: block;
}

.scroll-reveal {
  opacity: 0;
  transform: translateY(64px);
  transition:
    opacity 0.7s ease,
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.scroll-reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

.manus-home-discovery-grid {
  align-items: stretch;
  gap: 24px;
  scroll-margin-top: 96px;
}

.manus-home-discovery-card {
  display: block;
  border: 1px solid rgba(221, 204, 193, 0.92);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 243, 238, 0.96) 100%);
  box-shadow:
    0 18px 40px rgba(109, 86, 74, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    box-shadow 0.18s ease,
    background-color 0.18s ease;
}

.manus-home-discovery-card:hover {
  transform: translateY(-2px);
  border-color: rgba(211, 0, 35, 0.22);
  box-shadow:
    0 24px 48px rgba(109, 86, 74, 0.1),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(250, 244, 240, 0.98) 100%);
}

.manus-home-discovery-card-inner {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  min-height: 248px;
  padding: 28px 24px;
  align-content: start;
}

.manus-home-discovery-heading-link {
  text-decoration: none;
}

.manus-home-discovery-title {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: clamp(1.22rem, 2.4vw, 1.5rem);
  line-height: 1.08;
  font-weight: 400;
  text-align: center;
}

.manus-home-discovery-copy {
  margin: 0;
  color: var(--text-soft);
  font-family: var(--font-regular), sans-serif;
  font-size: 0.98rem;
  line-height: 1.6;
  font-weight: 400;
  text-align: center;
}

.manus-home-discovery-links {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  margin-top: 2px;
}

.manus-home-discovery-item {
  display: block;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(223, 209, 192, 0.82);
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.96rem;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  transition:
    transform 0.18s ease,
    border-color 0.18s ease,
    background-color 0.18s ease,
    box-shadow 0.18s ease;
}

.manus-home-discovery-item:hover {
  transform: translateY(-2px);
  border-color: rgba(211, 0, 35, 0.22);
  background: rgba(255, 248, 249, 0.96);
  box-shadow: 0 14px 28px rgba(109, 86, 74, 0.08);
}

.manus-hero-example {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  justify-items: center;
  margin-top: 6px;
}

.manus-hero-example-label {
  margin: 0;
  color: #9b7b6b;
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.92rem;
}

.manus-pill-link,
.manus-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 14px;
  border: 2px solid #efb0c4;
  color: var(--accent);
  font-family: var(--font-regular), sans-serif;
  font-weight: 400;
  background: rgba(255, 255, 255, 0.8);
}

.manus-cta {
  min-height: 44px;
  padding: 0 18px;
  border: none;
  border-radius: 12px;
  background: var(--accent);
  color: white;
}

.manus-section {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}

.manus-section-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}

.manus-section-heading.home {
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.manus-section-title {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: clamp(1.9rem, 4vw, 2.3rem);
  line-height: 1.1;
  font-weight: 400;
}

.manus-section-title.morph {
  font-size: clamp(1.8rem, 3.8vw, 2.1rem);
}

.manus-section-intro {
  max-width: 420px;
  margin: 0;
  color: var(--text-soft);
  text-align: right;
  line-height: 1.65;
}

.manus-card-grid {
  display: grid;
  grid-gap: 22px;
  gap: 22px;
}

.manus-card-grid.three-up {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.manus-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: var(--shadow);
}

.manus-card-media {
  min-height: 162px;
  background:
    linear-gradient(180deg, #f7f3ee 0%, #f3eeea 100%);
  border-bottom: 1px solid var(--border);
}

.manus-card-body {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 20px;
}

.manus-card-body.compact {
  min-height: 126px;
  align-content: start;
}

.manus-card-title {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.05rem;
  line-height: 1.35;
  font-weight: 400;
}

.manus-card-title.upper {
  text-transform: uppercase;
  font-size: 0.98rem;
}

.manus-card-text,
.manus-copy,
.manus-author {
  margin: 0;
  color: var(--text);
  font-family: var(--font-regular), sans-serif;
  line-height: 1.65;
}

.manus-card-footer,
.manus-comment-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.manus-meta {
  color: var(--text-soft);
  font-family: var(--font-regular), sans-serif;
  font-size: 0.88rem;
}

.manus-link {
  color: var(--accent);
  font-family: var(--font-regular), sans-serif;
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.manus-updates-section {
  gap: 24px;
}

.manus-updates-grid {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.manus-update-card,
.manus-updates-empty {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  padding: 22px 22px 20px;
  border: 1px solid rgba(226, 211, 196, 0.95);
  border-radius: 22px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(249, 245, 240, 0.92) 100%);
  box-shadow: 0 14px 34px rgba(122, 96, 86, 0.09);
}

.manus-update-card-top {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.manus-update-word {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.35rem;
  line-height: 1.1;
}

.manus-update-word,
.word-catalog-title,
.entry-subcard-title,
.entry-family-title,
.entry-word-line,
.entry-family-link,
.entry-morpheme-link,
.entry-panel-title,
.entry-inline-header,
.editor-list-title,
.editor-card-title,
.editor-section-title,
.editor-preview-title.word-title,
.editor-preview-family-heading,
.editor-readonly-value.word-title {
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.manus-update-summary {
  margin: 0;
  color: var(--text);
  line-height: 1.7;
}

.manus-update-link {
  display: inline-flex;
  align-items: center;
  justify-self: start;
  min-height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #efcad4;
  background: rgba(255, 250, 252, 0.96);
  color: var(--accent);
  font-family: var(--font-regular), sans-serif;
}

.manus-section-link-row {
  display: flex;
  justify-content: center;
}

.morph-section {
  padding-top: 4px;
}

.manus-morph-layout {
  display: grid;
  grid-gap: 32px;
  gap: 32px;
  grid-template-columns: minmax(320px, 0.95fr) minmax(0, 1.05fr);
  align-items: flex-start;
}

.manus-morph-card {
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 28px 30px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: var(--shadow);
}

.manus-runic {
  margin: 0 0 20px;
  color: #ea481f;
  font-family: var(--font-bold), sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.08em;
}

.manus-morph-title {
  margin: 0 0 30px;
  color: #ea481f;
  font-family: var(--font-bold), sans-serif;
  font-size: 2.2rem;
  line-height: 1.05;
  font-weight: 400;
}

.manus-morph-search {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.manus-morph-input {
  min-height: 48px;
  display: flex;
  align-items: center;
  padding: 0 16px;
  border: 2px solid #ec5c44;
  border-right: none;
  border-radius: 999px 0 0 999px;
  color: #ea481f;
  font-family: var(--font-regular), sans-serif;
  font-size: 1rem;
  background: white;
}

.manus-morph-button {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  padding: 0 18px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ed5b43 0%, #df165d 100%);
  color: white;
  font-family: var(--font-regular), sans-serif;
  font-weight: 400;
  transform: translateX(-10px);
}

.manus-morph-copy {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  align-content: start;
}

.manus-wide-panel {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  padding: 28px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: var(--shadow);
}

.manus-copy.wide {
  max-width: 980px;
}

.entry-hero {
  display: grid;
  justify-items: center;
  grid-gap: 16px;
  gap: 16px;
  padding: 12px 0 8px;
  min-width: 0;
  text-align: center;
}

.entry-hero-layout {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  justify-items: start;
  gap: 24px;
  padding: 12px 12px 10px;
  text-align: left;
}

.entry-hero-frame {
  border: 1px solid rgba(211, 0, 35, 0.14);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 243, 237, 0.97) 100%);
  box-shadow:
    0 18px 42px rgba(109, 86, 74, 0.09),
  inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.entry-page-actions-shell {
  display: flex;
  justify-content: flex-start;
  max-width: 1140px;
  margin: 0 auto 14px;
  padding: 0 24px;
  width: 100%;
}

.entry-hero-main {
  display: grid;
  grid-gap: 0;
  gap: 0;
  min-width: 0;
  align-content: start;
  width: 100%;
}

.entry-hero-toolbar {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid rgba(211, 0, 35, 0.1);
  border-radius: 16px;
  background: linear-gradient(180deg, rgba(255, 252, 248, 0.86) 0%, rgba(248, 241, 234, 0.76) 100%);
  box-shadow:
    0 8px 18px rgba(109, 86, 74, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.74);
}

.entry-page-action-chip {
  min-height: 30px;
  width: auto;
  padding: 0 10px;
  font-size: 0.61rem;
  letter-spacing: 0.03em;
  box-shadow: none;
}

.entry-hero-toolbar .word-catalog-copy-button {
  min-height: 30px;
  width: auto;
  padding: 0 10px;
  border-color: rgba(211, 0, 35, 0.14);
  background: rgba(255, 250, 244, 0.9);
  font-size: 0.61rem;
  box-shadow: none;
}

.entry-hero-toolbar .entry-edit-link,
.entry-hero-toolbar .entry-suggestion-trigger {
  box-shadow: none;
  width: auto;
}

.entry-hero-topline {
  position: relative;
  display: block;
  width: 100%;
  min-height: auto;
  padding: 0;
  isolation: isolate;
}

.entry-hero-topline::before {
  content: none;
}

.entry-hero-topline::after {
  content: none;
}

.entry-hero-composite {
  --entry-hero-shell-inset-x: 0.58rem;
  --entry-hero-shell-inset-y: 0.58rem;
  --entry-hero-title-offset-x: 1.46rem;
  --entry-hero-title-pad-x: 1.34rem;
  --entry-hero-title-pad-y-top: 1.44rem;
  --entry-hero-title-pad-y-bottom: 0.2rem;
  --entry-hero-body-pad-x: 1.45rem;
  --entry-hero-body-pad-y: 1.26rem;
  position: relative;
  display: grid;
  grid-gap: 0.42rem;
  gap: 0.42rem;
  width: 100%;
  padding: var(--entry-hero-shell-inset-y) var(--entry-hero-shell-inset-x);
  isolation: isolate;
}

.entry-hero-composite-svg-shell {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.entry-hero-composite-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.entry-hero-composite-path {
  fill: #fff;
  stroke: rgba(211, 0, 35, 0.16);
  stroke-width: 1.1px;
  filter: drop-shadow(0 12px 28px rgba(109, 86, 74, 0.04));
}

.entry-hero-composite-head {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
}

.entry-dictionary-cloud-shell {
  display: none;
}

.entry-hero-title-box {
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  min-width: 0;
  max-width: min(calc(100% - 26rem), 58%);
  margin-left: var(--entry-hero-title-offset-x);
  padding:
    var(--entry-hero-title-pad-y-top)
    var(--entry-hero-title-pad-x)
    var(--entry-hero-title-pad-y-bottom)
    var(--entry-hero-title-pad-x);
  background: transparent;
}

.entry-hero-main .manus-entry-title {
  text-align: left;
}

.entry-hero-title-text {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
  font-size: clamp(1.6rem, 3.4vw, 3.125rem);
  line-height: 0.95;
  display: inline-block;
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
  text-wrap: nowrap;
}

.entry-hero-dictionary-note {
  position: relative;
  z-index: 1;
  flex: 0 1 24rem;
  min-width: 14rem;
  display: flex;
  align-items: flex-start;
  padding-top: 0;
}

.entry-dictionary-note-mobile {
  display: none;
}

.entry-hero-primary {
  position: static;
  min-width: 0;
  z-index: 1;
}

.entry-hero-body-box {
  position: relative;
  z-index: 1;
  width: 100%;
  padding:
    var(--entry-hero-body-pad-y)
    var(--entry-hero-body-pad-x)
    var(--entry-hero-body-pad-y)
    var(--entry-hero-body-pad-x);
}

.entry-hero-meaning-stack {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  width: 100%;
  position: relative;
  z-index: 1;
}

.entry-hero-meaning-card {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.entry-hero-meaning-list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.entry-hero-meaning-block {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.entry-hero-meaning-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 10px;
  gap: 10px;
  align-items: start;
  color: var(--text-strong);
}

.entry-hero-meaning-item--nested {
  padding-left: 2px;
}

.entry-hero-meaning-number {
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.84rem;
  line-height: 1.45;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  padding-top: 0.14rem;
}

.entry-hero-meaning-content {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  min-width: 0;
}

.entry-hero-meaning-title,
.entry-hero-meaning-section-title {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.entry-hero-meaning-body {
  margin: 0;
  color: var(--text-strong);
  font-family: var(--font-regular), sans-serif;
  font-size: 1.04rem;
  line-height: 1.72;
}

.entry-hero-meaning-body > :first-child {
  margin-top: 0;
}

.entry-hero-meaning-body > :last-child {
  margin-bottom: 0;
}

.entry-hero-meaning-body .structured-copy-paragraph,
.entry-hero-meaning-body .structured-copy-list {
  color: inherit;
}

.entry-hero-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.entry-suggestion-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(211, 0, 35, 0.14);
  border-radius: 999px;
  background: rgba(255, 250, 245, 0.88);
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.61rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  cursor: pointer;
}

.entry-suggestion-trigger:hover {
  background: rgba(255, 245, 241, 0.96);
}

.entry-suggestion-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 90;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(70, 40, 40, 0.42);
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

.entry-suggestion-modal {
  width: min(100%, 860px);
  max-height: calc(100vh - 40px);
  overflow: auto;
}

.entry-suggestion-form {
  position: relative;
}

.entry-suggestion-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.entry-suggestion-value,
.entry-suggestion-message,
.editor-suggestion-value,
.editor-suggestion-message {
  margin: 0;
  color: var(--text-strong);
  line-height: 1.7;
}

.entry-suggestion-message,
.editor-suggestion-message {
  white-space: pre-wrap;
}

.entry-suggestion-actions {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  flex-wrap: wrap;
}

.entry-suggestion-honeypot {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
  pointer-events: none;
}

.manus-entry-subtitle--inline {
  position: relative;
  width: min(100%, 24rem);
  margin: 0;
  text-align: right;
  line-height: 1.35;
  z-index: 1;
}

.manus-entry-subtitle--inline strong {
  color: var(--accent-strong);
}

.entry-dictionary-presence-value {
  color: var(--accent) !important;
  font-family: var(--font-bold), sans-serif;
  font-size: inherit;
  font-weight: 400;
  letter-spacing: 0.01em;
}

.entry-edit-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid rgba(211, 0, 35, 0.14);
  border-radius: 999px;
  background: rgba(255, 250, 245, 0.88);
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.61rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.entry-edit-link:hover {
  background: rgba(255, 245, 241, 0.96);
}

.entry-sections {
  display: grid;
  grid-gap: 30px;
  gap: 30px;
  min-width: 0;
}

.entry-panel {
  position: relative;
  border: 1px solid var(--border);
  border-left-width: 4px;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: var(--shadow);
  overflow: visible;
  min-width: 0;
}

.entry-panel.accent-pink {
  border-left-color: var(--accent);
}

.entry-panel.accent-orange {
  border-left-color: var(--accent-orange);
}

.entry-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 16px 20px 16px 24px;
  border-bottom: 1px solid var(--border);
  border-radius: 16px 16px 0 0;
  background:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.99) 0%,
      rgba(255, 252, 248, 0.98) 34%,
      rgba(252, 245, 239, 0.94) 68%,
      rgba(246, 233, 225, 0.86) 100%
    );
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 -1px 0 rgba(211, 0, 35, 0.04);
}

.entry-panel-title {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.05rem;
  font-weight: 400;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.entry-heading-with-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
}

.entry-tooltip-anchor {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  min-width: 0;
  max-width: min(100%, calc(100vw - 4rem));
  cursor: help;
  outline: 0;
}

.entry-tooltip-anchor::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 0;
  bottom: calc(100% + 12px);
  transform: translateY(4px);
  width: min(18rem, calc(100vw - 4rem));
  max-width: calc(100vw - 4rem);
  padding: 10px 12px;
  border-radius: 12px;
  background: rgba(128, 22, 42, 0.96);
  box-shadow: 0 14px 28px rgba(73, 22, 29, 0.22);
  color: #fff8f4;
  font-family: var(--font-regular), sans-serif;
  font-size: 0.82rem;
  font-weight: 400;
  line-height: 1.45;
  letter-spacing: 0;
  text-transform: none;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 0.18s ease,
    transform 0.18s ease;
  z-index: 15;
}

.entry-tooltip-anchor:hover::after,
.entry-tooltip-anchor:focus-visible::after {
  opacity: 1;
  transform: translateY(0);
}

.accent-orange .entry-panel-title {
  color: var(--accent-orange);
}

.entry-panel-toggle {
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
}

.accent-orange .entry-panel-toggle {
  color: var(--accent-orange);
}

.entry-panel-body {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  width: 100%;
  padding: 14px 20px 20px 24px;
  border-radius: 0 0 16px 16px;
  background: #ffffff;
}

.entry-subcard {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 16px 14px;
  border: 1px solid #f0e5dc;
  border-radius: 14px;
  background: #ffffff;
  box-shadow:
    0 8px 18px rgba(109, 86, 74, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.entry-subcard.etymology,
.entry-subcard.family {
  background: #ffffff;
}

.entry-inflection-card {
  gap: 8px;
}

.entry-subcard-title,
.entry-family-title,
.entry-word-line {
  margin: 0;
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.entry-subcard-title,
.entry-family-title {
  color: var(--accent);
}

.entry-word-line {
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.manus-entry-title {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: normal;
  text-wrap: pretty;
}

.entry-family-link,
.entry-morpheme-link {
  max-width: 100%;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.entry-inflection-title {
  color: var(--brand-primary);
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.entry-morpheme-card .entry-word-line {
  color: var(--accent);
}

.entry-subcard-body {
  margin: 0;
  color: var(--text);
  font-family: var(--font-regular), sans-serif;
  line-height: 1.7;
}

.structured-copy {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.structured-copy-paragraph,
.structured-copy-list {
  margin: 0;
  color: inherit;
  font: inherit;
  line-height: inherit;
}

.structured-copy-list {
  padding-left: 1.4rem;
}

.structured-copy-list.ordered {
  list-style: decimal;
}

.structured-copy-list:not(.ordered) {
  list-style: disc;
}

.structured-copy-list li + li {
  margin-top: 6px;
}

.entry-structured-stack,
.entry-family-stack,
.entry-family-list {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.entry-inflection-stack {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.entry-inflection-inline {
  margin: 0;
  color: var(--brand-primary-deep);
  font-family: var(--font-regular), sans-serif;
  line-height: 1.8;
}

.entry-inflection-inline .entry-family-link {
  color: var(--brand-primary-deep);
  text-transform: none;
  letter-spacing: normal;
  font-family: var(--font-regular), sans-serif;
  font-weight: 400;
}

@media (max-width: 920px) {
  .manus-entry-shell {
    display: flex;
    flex-direction: column;
  }

  .manus-entry-shell > .page-frame,
  .manus-entry-shell > .entry-page-actions-shell {
    width: 100%;
  }

  .entry-page-actions-shell {
    justify-content: flex-start;
    padding: 0 16px;
  }

  .entry-hero-layout {
    grid-template-columns: 1fr;
    padding: 18px 16px 16px;
  }

  .entry-hero-topline {
    min-height: auto;
    padding: 0;
  }

  .entry-hero-composite {
    --entry-hero-shell-inset-x: 0.58rem;
    --entry-hero-shell-inset-y: 0.58rem;
    --entry-hero-title-offset-x: 1.02rem;
    --entry-hero-title-pad-x: 1.02rem;
    --entry-hero-title-pad-y-top: 1.2rem;
    --entry-hero-title-pad-y-bottom: 0.18rem;
    --entry-hero-body-pad-x: 1.02rem;
    --entry-hero-body-pad-y: 1rem;
    gap: 0.75rem;
  }

  .entry-hero-composite-head {
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    align-items: stretch;
  }

  .entry-hero-dictionary-note {
    display: none;
  }

  .entry-hero-title-box {
    align-self: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-left: 0;
    padding-left: var(--entry-hero-body-pad-x);
    padding-right: var(--entry-hero-body-pad-x);
  }

  .entry-hero-title-text {
    font-size: clamp(1.48rem, 7.2vw, 2.5rem);
  }

  .entry-hero-dictionary-note {
    min-width: 0;
    width: 100%;
    padding-top: 0;
  }

  .entry-dictionary-cloud-shell {
    display: block;
    padding: 0 12px 10px;
  }

  .entry-dictionary-cloud-mobile {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    width: min(100%, 44rem);
    margin: 0 auto;
    padding: 14px 15px 15px;
    border: 1px solid rgba(109, 43, 55, 0.14);
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(255, 253, 251, 0.99) 0%, rgba(247, 243, 238, 0.97) 100%);
    box-shadow:
      0 14px 24px rgba(109, 86, 74, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.82);
  }

  .entry-dictionary-cloud-mobile > summary {
    list-style: none;
  }

  .entry-dictionary-cloud-mobile > summary::-webkit-details-marker {
    display: none;
  }

  .entry-dictionary-cloud-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 2.6rem;
    padding: 0 4px;
    color: var(--text-strong);
    font-family: var(--font-bold), sans-serif;
    font-size: 0.74rem;
    line-height: 1.25;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
  }

  .entry-dictionary-cloud-summary::after {
    content: "›";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(91, 19, 32, 0.08);
    color: var(--text-strong);
    font-size: 1rem;
    line-height: 1;
    transition: transform 0.18s ease;
  }

  .entry-dictionary-cloud-mobile[open] .entry-dictionary-cloud-summary::after {
    transform: rotate(90deg);
  }

  .entry-dictionary-cloud-copy {
    margin: 0;
    color: var(--text-strong);
    font-size: 0.94rem;
    line-height: 1.55;
  }

  .entry-dictionary-cloud-link {
    width: -moz-fit-content;
    width: fit-content;
  }

  .entry-dictionary-cloud-chip-list {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .entry-dictionary-cloud-chip-item {
    min-width: 0;
  }

  .entry-dictionary-cloud-chip {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(123, 36, 48, 0.14);
    border-radius: 14px;
    background: rgba(255, 248, 246, 0.88);
    color: #6f2330;
    font-family: var(--font-bold), sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
  }

  .entry-dictionary-cloud-chip:hover {
    background: rgba(255, 242, 239, 0.98);
  }

  .entry-dictionary-note-desktop {
    display: none;
  }

  .entry-dictionary-note-mobile {
    display: grid;
    grid-gap: 10px;
    gap: 10px;
    width: min(100%, 22rem);
    margin: 0;
    padding: 12px 14px;
    border: 1px solid rgba(211, 0, 35, 0.12);
    border-left-width: 4px;
    border-left-color: var(--accent);
    border-radius: 18px;
    background:
      linear-gradient(180deg, rgba(255, 252, 248, 0.98) 0%, rgba(248, 242, 236, 0.96) 100%);
    box-shadow:
      0 12px 22px rgba(109, 86, 74, 0.05),
      inset 0 1px 0 rgba(255, 255, 255, 0.84);
  }

  .entry-dictionary-note-mobile > summary {
    list-style: none;
  }

  .entry-dictionary-note-mobile > summary::-webkit-details-marker {
    display: none;
  }

  .entry-dictionary-note-summary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--accent);
    font-family: var(--font-bold), sans-serif;
    font-size: 0.74rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    cursor: pointer;
  }

  .entry-dictionary-note-summary::after {
    content: "›";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    background: rgba(211, 0, 35, 0.08);
    color: var(--accent);
    font-size: 1rem;
    line-height: 1;
    transition: transform 0.18s ease;
  }

  .entry-dictionary-note-mobile[open] .entry-dictionary-note-summary::after {
    transform: rotate(90deg);
  }

  .entry-dictionary-note-mobile-copy {
    margin: 0;
    color: var(--text-strong);
    font-size: 0.92rem;
    line-height: 1.55;
  }

  .entry-dictionary-note-chip-list {
    display: grid;
    grid-gap: 8px;
    gap: 8px;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .entry-dictionary-note-chip-item {
    min-width: 0;
  }

  .entry-dictionary-chip {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 36px;
    padding: 0 12px;
    border: 1px solid rgba(211, 0, 35, 0.14);
    border-radius: 14px;
    background: rgba(255, 250, 244, 0.96);
    color: var(--accent);
    font-family: var(--font-bold), sans-serif;
    font-size: 0.72rem;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    cursor: pointer;
  }

  .entry-dictionary-chip:hover {
    background: rgba(255, 245, 241, 0.98);
  }

  .entry-hero-toolbar {
    justify-content: flex-start;
  }

  .entry-page-action-chip {
    font-size: 0.7rem;
  }

  .entry-hero-composite-path {
    stroke-width: 1px;
  }

  .manus-entry-subtitle--inline {
    width: 100%;
    text-align: left;
  }

  .manus-entry-shell > .entry-page-actions-shell {
    order: 2;
    margin-top: 8px;
    margin-bottom: 0;
  }

  .manus-entry-shell > .page-frame {
    order: 1;
  }
}

@media (max-width: 680px) {
  .entry-page-actions-shell {
    padding: 0 12px;
    margin-bottom: 10px;
  }

  .entry-hero-layout {
    gap: 16px;
    padding: 14px 12px 12px;
  }

  .entry-hero-frame {
    border-radius: 22px;
  }

  .entry-hero-toolbar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 8px;
    gap: 8px;
    padding: 10px;
    border-radius: 18px;
  }

  .entry-page-action-chip,
  .entry-hero-toolbar .word-catalog-copy-button,
  .entry-hero-toolbar .entry-edit-link,
  .entry-hero-toolbar .entry-suggestion-trigger {
    width: 100%;
    min-height: 38px;
    padding: 0 12px;
    justify-content: center;
    font-size: 0.68rem;
    text-align: center;
    white-space: normal;
  }

  .entry-hero-composite {
    --entry-hero-shell-inset-x: 0.3rem;
    --entry-hero-shell-inset-y: 0.26rem;
    --entry-hero-title-offset-x: 0.42rem;
    --entry-hero-title-pad-x: 0.76rem;
    --entry-hero-title-pad-y-top: 0.82rem;
    --entry-hero-title-pad-y-bottom: 0.08rem;
    --entry-hero-body-pad-x: 0.78rem;
    --entry-hero-body-pad-y: 0.82rem;
    gap: 0.42rem;
  }

  .entry-hero-title-box {
    align-self: flex-start;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    margin-left: 0;
    padding-left: var(--entry-hero-body-pad-x);
    padding-right: var(--entry-hero-body-pad-x);
  }

  .entry-hero-title-text {
    font-size: clamp(1.34rem, 8.2vw, 2rem);
    line-height: 1.02;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    text-wrap: balance;
  }

  .entry-hero-dictionary-note {
    font-size: 0.94rem;
  }

  .entry-dictionary-cloud-shell {
    padding: 0 12px 8px;
  }

  .entry-dictionary-cloud-mobile {
    width: calc(100% - 0px);
    max-width: 42rem;
  }

  .entry-hero-body-box {
    padding:
      var(--entry-hero-body-pad-y)
      var(--entry-hero-body-pad-x)
      calc(var(--entry-hero-body-pad-y) + 0.06rem)
      var(--entry-hero-body-pad-x);
  }

  .entry-hero-meaning-item,
  .entry-hero-meaning-item--nested {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
    padding-left: 0;
  }

  .entry-hero-meaning-number {
    padding-top: 0;
  }

  .entry-hero-meaning-body {
    font-size: 0.98rem;
    line-height: 1.62;
  }

  .entry-sections {
    gap: 18px;
  }

  .entry-panel {
    border-left-width: 3px;
    border-radius: 14px;
  }

  .entry-panel-header {
    gap: 10px;
    padding: 14px 14px 12px;
    border-radius: 14px 14px 0 0;
  }

  .entry-panel-body {
    gap: 12px;
    padding: 12px 14px 14px;
    border-radius: 0 0 14px 14px;
  }

  .entry-panel-title {
    font-size: 0.92rem;
    letter-spacing: 0.03em;
  }

  .entry-tooltip-anchor {
    max-width: 100%;
  }

  .entry-tooltip-anchor::after {
    width: min(14rem, calc(100vw - 2rem));
    max-width: calc(100vw - 2rem);
    padding: 9px 10px;
    font-size: 0.76rem;
  }

  .entry-subcard,
  .entry-family-card,
  .entry-supporting-card,
  .entry-anagram-card,
  .entry-morpheme-search-cta-card {
    padding: 14px 12px;
    border-radius: 14px;
  }

  .entry-family-group,
  .entry-morpheme-analysis-left,
  .entry-morpheme-analysis-right {
    padding: 13px 12px;
    border-radius: 14px;
  }

  .entry-family-title,
  .entry-word-line,
  .entry-morpheme-breakdown,
  .entry-supporting-title,
  .entry-family-link {
    font-size: 0.98rem;
    line-height: 1.2;
  }

  .entry-inline-header {
    margin-top: 10px;
    padding-bottom: 9px;
    font-size: 0.7rem;
    letter-spacing: 0.07em;
  }

  .entry-inline-header-label {
    gap: 8px;
  }

  .entry-inline-header-label::before {
    width: 9px;
    height: 9px;
  }

  .entry-morpheme-analysis-grid,
  .entry-family-list,
  .entry-structured-stack,
  .entry-supporting-grid,
  .entry-anagram-grid,
  .entry-inflection-stack {
    gap: 12px;
  }

  .entry-morpheme-row {
    padding: 9px 10px;
    gap: 2px;
    border-radius: 12px;
  }

  .entry-morpheme-cell-runic {
    font-size: 0.96rem;
  }

  .entry-morpheme-cell-latin,
  .entry-morpheme-cell-gloss,
  .entry-subcard-body,
  .entry-inflection-inline,
  .entry-morpheme-search-cta-text {
    font-size: 0.94rem;
    line-height: 1.58;
  }

  .entry-morpheme-search-cta-lead {
    font-size: 0.94rem;
    line-height: 1.45;
  }

  .entry-morpheme-search-cta-form {
    min-width: 0;
  }

  .entry-morpheme-search-cta-form .morpheme-search-row {
    gap: 10px;
  }
}

@media (max-width: 520px) {
  .entry-page-actions-shell {
    padding: 0 10px;
  }

  .entry-hero-layout {
    padding: 12px 10px 10px;
  }

  .entry-hero-toolbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .entry-hero-title-box {
    max-width: calc(100% - 0.35rem);
  }

  .entry-hero-title-text {
    font-size: clamp(1.24rem, 9vw, 1.7rem);
  }

  .entry-panel-header,
  .entry-panel-body {
    padding-left: 12px;
    padding-right: 12px;
  }

  .entry-dictionary-note-mobile {
    padding: 11px 12px;
    border-radius: 14px;
  }

  .entry-morpheme-analysis-left,
  .entry-morpheme-analysis-right,
  .entry-family-group,
  .entry-subcard,
  .entry-family-card,
  .entry-supporting-card,
  .entry-anagram-card,
  .entry-morpheme-search-cta-card {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.entry-inflection-separator {
  color: var(--accent-orange);
}

.word-updates-list {
  gap: 28px;
}

.word-list-hero {
  gap: 20px;
  align-items: stretch;
}

.word-list-search-form {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  width: min(100%, 760px);
  padding: 20px;
  border: 1px solid #ecdcd0;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 239, 0.94) 100%);
  box-shadow: 0 14px 36px rgba(109, 86, 74, 0.05);
}

.word-list-search-row {
  width: 100%;
}

.word-catalog-list {
  display: grid;
  grid-gap: 28px;
  gap: 28px;
}

.word-catalog-shell {
  display: grid;
  grid-gap: 28px;
  gap: 28px;
}

.word-catalog-shell-header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.word-catalog-shell-heading {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.word-catalog-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 18px;
  gap: 18px;
}

.word-catalog-card,
.word-catalog-empty {
  display: grid;
  grid-gap: 0;
  gap: 0;
}

.word-catalog-card {
  overflow: hidden;
  border: 1px solid #eadfd4;
  border-radius: 20px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 245, 239, 0.94) 100%);
  box-shadow:
    0 14px 30px rgba(109, 86, 74, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.word-catalog-empty {
  padding: 18px 20px;
}

.word-catalog-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px 14px;
  border-bottom: 1px solid rgba(234, 223, 212, 0.85);
}

.word-catalog-heading,
.word-catalog-meta,
.word-catalog-summary {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.word-catalog-title {
  margin: 0;
  font-size: 1.56rem;
  color: var(--accent-strong);
  font-family: var(--font-bold), sans-serif;
  line-height: 1.02;
}

.word-catalog-title-link {
  color: inherit;
  text-decoration: none;
}

.word-catalog-title-link:hover {
  color: var(--accent);
  text-decoration: none;
}

.word-catalog-slug,
.word-catalog-meta-label,
.word-catalog-summary-label {
  margin: 0;
  color: var(--text-soft);
  font-family: var(--font-regular), sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.word-catalog-full-link {
  display: inline-block;
  text-decoration: none;
  word-break: break-word;
}

.word-catalog-full-link:hover {
  color: var(--text-strong);
  text-decoration: none;
}

.word-catalog-meta {
  justify-items: end;
  gap: 10px;
}

.word-catalog-meta-row {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  justify-items: end;
}

.word-catalog-summary {
  padding: 0 22px 22px;
}

.word-catalog-preview {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
}

.word-catalog-preview .entry-word-line {
  margin-bottom: 2px;
}

.word-catalog-preview .entry-family-list {
  grid-template-columns: 1fr;
  align-items: stretch;
}

.word-catalog-preview .entry-subcard {
  box-shadow:
    0 10px 24px rgba(121, 92, 76, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.word-catalog-toggle-button {
  min-width: 148px;
  cursor: pointer;
}

.word-catalog-summary-copy {
  gap: 8px;
}

.word-catalog-footer {
  display: flex;
  justify-content: flex-start;
  padding: 14px 22px;
  background: rgba(255, 255, 255, 0.36);
}

.word-catalog-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.word-catalog-link {
  color: var(--accent-orange);
  text-decoration: none;
  font-family: var(--font-bold), sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 0.82rem;
}

.word-catalog-link:hover {
  text-decoration: underline;
}

.word-catalog-copy-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #ead8c8;
  background: #fff8f1;
  color: var(--accent-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
}

.word-catalog-copy-button:hover {
  background: #fff2e5;
}

.word-catalog-button-icon {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
}

.word-catalog-button-icon.list {
  width: 16px;
  height: 14px;
}

.word-catalog-button-icon.list::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle, currentColor 0 1.5px, transparent 1.6px) 0 2px/16px 4px no-repeat,
    radial-gradient(circle, currentColor 0 1.5px, transparent 1.6px) 0 6px/16px 4px no-repeat,
    radial-gradient(circle, currentColor 0 1.5px, transparent 1.6px) 0 10px/16px 4px no-repeat,
    linear-gradient(currentColor, currentColor) 5px 2px/11px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 5px 6px/11px 2px no-repeat,
    linear-gradient(currentColor, currentColor) 5px 10px/11px 2px no-repeat;
}

.word-catalog-button-icon.floppy {
  width: 15px;
  height: 15px;
  border: 1.5px solid currentColor;
  border-radius: 2px;
  box-sizing: border-box;
  background: linear-gradient(180deg, transparent 0, transparent 58%, rgba(255, 248, 241, 0.92) 58%);
}

.word-catalog-button-icon.floppy::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  right: 2px;
  height: 5px;
  background: currentColor;
  border-radius: 1px;
}

.word-catalog-button-icon.floppy::after {
  content: "";
  position: absolute;
  left: 4px;
  bottom: 2px;
  width: 7px;
  height: 4px;
  border: 1.5px solid currentColor;
  background: #fff8f1;
  box-sizing: border-box;
}

.editor-version-title.minor {
  font-size: 0.98rem;
  letter-spacing: 0.04em;
}

.word-updates-stack {
  display: grid;
  grid-gap: 24px;
  gap: 24px;
}

.word-update-list-item {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding-bottom: 24px;
  border-bottom: 1px solid #efe3da;
}

.word-update-list-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.word-update-list-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.word-updates-pagination {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.word-updates-page-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #f0bfd0;
  background: #fff8fb;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
}

.word-updates-page-link.current {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
}

.entry-family-group {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  padding: 16px 18px 18px;
  border: 1px solid rgba(211, 0, 35, 0.1);
  border-radius: 18px;
  background: #ffffff;
  box-shadow:
    0 10px 24px rgba(109, 86, 74, 0.05),
    inset 0 1px 0 rgba(255, 255, 255, 0.88);
}

.entry-morpheme-card,
.entry-family-card {
  border-radius: 16px;
}

.entry-morpheme-description {
  padding-top: 12px;
  border-top: 1px solid rgba(211, 0, 35, 0.12);
}

.entry-morpheme-link,
.entry-family-link {
  color: var(--accent-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  text-decoration: none;
}

.entry-morpheme-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  padding: 4px 10px;
  border: 1px solid rgba(197, 45, 92, 0.18);
  border-radius: 999px;
  background: rgba(197, 45, 92, 0.08);
  color: var(--accent-strong);
  font-weight: 400;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0.02em;
  line-height: 1.1;
  white-space: nowrap;
}

.entry-morpheme-bracket {
  color: #de3f64;
}

.entry-morpheme-label-text {
  color: currentColor;
}

.entry-morpheme-gloss {
  color: var(--text-soft);
  font-family: var(--font-regular), sans-serif;
}

.entry-morpheme-link:hover {
  background: rgba(197, 45, 92, 0.12);
}

.entry-family-link:hover {
  text-decoration: underline;
}

.entry-morpheme-separator {
  color: var(--accent);
}

.entry-morpheme-analysis-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-gap: 18px;
  gap: 18px;
  align-items: start;
}

.entry-morpheme-analysis-left,
.entry-morpheme-analysis-right {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  min-width: 0;
}

.entry-morpheme-analysis-left {
  padding: 16px 16px 14px;
  border: 1px solid rgba(197, 45, 92, 0.14);
  border-radius: 18px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 246, 242, 0.92) 100%);
  box-shadow:
    0 10px 24px rgba(109, 86, 74, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.entry-morpheme-breakdown {
  margin: 0 0 2px;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.18rem;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.entry-morpheme-breakdown-headline,
.entry-morpheme-breakdown-parts {
  color: inherit;
}

.entry-morpheme-breakdown-equals {
  color: rgba(211, 0, 35, 0.52);
}

.entry-morpheme-keylines {
  display: grid;
  grid-gap: 7px;
  gap: 7px;
}

.entry-morpheme-row {
  display: grid;
  grid-template-columns:
    calc(var(--entry-morpheme-runic-ch, 2) * 1.02ch + 0.48rem)
    calc(var(--entry-morpheme-label-ch, 2) * 0.96ch + 1.18rem)
    minmax(0, 1fr);
  grid-gap: clamp(0.5rem, 1vw, 0.9rem);
  gap: clamp(0.5rem, 1vw, 0.9rem);
  align-items: start;
  padding: 10px 12px;
  border: 1px solid rgba(197, 45, 92, 0.16);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow:
    0 8px 16px rgba(109, 86, 74, 0.04),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
  min-width: 0;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.entry-morpheme-row:hover {
  border-color: rgba(197, 45, 92, 0.22);
  background: linear-gradient(180deg, rgba(255, 250, 247, 0.99) 0%, rgba(255, 244, 239, 0.98) 100%);
  box-shadow:
    0 12px 20px rgba(109, 86, 74, 0.055),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

.entry-morpheme-row-link {
  color: inherit;
  text-decoration: none;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.entry-morpheme-row-link:hover {
  transform: translateY(-1px);
  border-color: rgba(197, 45, 92, 0.24);
  background: linear-gradient(180deg, rgba(255, 249, 245, 0.99) 0%, rgba(255, 239, 232, 0.98) 100%);
  box-shadow: 0 12px 22px rgba(109, 86, 74, 0.06);
}

.entry-morpheme-cell {
  min-width: 0;
}

.entry-morpheme-cell-runic {
  color: var(--accent);
  font-size: 1.04rem;
  line-height: 1.25;
  letter-spacing: 0.04em;
  font-weight: 900;
  -webkit-text-stroke: 0.34px currentColor;
  text-shadow:
    0 0 0 currentColor,
    0 0 0.55px currentColor,
    0 0 0.85px currentColor;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding-top: 1px;
}

.entry-morpheme-cell-latin {
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  line-height: 1.32;
  white-space: nowrap;
  padding-top: 1px;
  min-width: 0;
}

.entry-morpheme-copy-separator {
  color: transparent;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.entry-morpheme-cell-gloss {
  color: var(--text-strong);
  font-family: var(--font-regular), sans-serif;
  line-height: 1.36;
}

.entry-morpheme-cell-latin span:first-child {
  display: inline-block;
  min-width: 0;
}

.entry-morpheme-analysis-right {
  padding: 16px 18px 16px;
  border: 1px solid rgba(211, 0, 35, 0.1);
  border-radius: 18px;
  background: #ffffff;
  box-shadow:
    0 10px 24px rgba(109, 86, 74, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.entry-morpheme-analysis-right-label {
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.74rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.entry-morpheme-analysis-right .entry-subcard-body {
  margin-left: 0;
}

.entry-family-item {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  align-content: start;
  min-height: 100%;
}

.entry-family-card {
  height: 100%;
  padding: 18px 18px 16px;
  border: 1px solid rgba(211, 0, 35, 0.1);
  border-radius: 18px;
  background: #ffffff;
  box-shadow:
    0 10px 22px rgba(109, 86, 74, 0.045),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease,
    background 0.18s ease;
}

.entry-family-card:hover {
  transform: translateY(-2px);
  border-color: rgba(211, 0, 35, 0.18);
  background: #ffffff;
  box-shadow:
    0 16px 30px rgba(109, 86, 74, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

.entry-family-stack {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}

.entry-family-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 14px;
  gap: 14px;
}

.entry-family-title {
  margin: 0;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.18rem;
  line-height: 1.18;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.entry-family-link {
  display: inline-flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  color: var(--accent-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.06rem;
  line-height: 1.18;
  letter-spacing: 0.025em;
  text-decoration: none;
  text-wrap: balance;
}

.entry-family-card .entry-subcard-body {
  margin-left: 0;
  color: var(--text-soft);
}

.entry-inline-header {
  margin-top: 16px;
  padding: 0 0 11px;
  border: 0;
  border-bottom: 1px solid rgba(211, 0, 35, 0.14);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.76rem;
  letter-spacing: 0.09em;
}

.entry-inline-header-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

.entry-inline-header-label::before {
  content: "";
  width: 11px;
  height: 11px;
  border-radius: 999px;
  background: var(--accent);
  box-shadow: 0 0 0 4px rgba(211, 0, 35, 0.07);
}

.entry-inline-header.muted {
  color: var(--accent);
  opacity: 1;
  background: transparent;
}

.entry-inline-header + .entry-structured-stack,
.entry-inline-header + .entry-anagram-grid {
  margin-top: 10px;
}

.entry-supporting-grid {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.entry-supporting-card,
.entry-anagram-card {
  width: 100%;
  padding: 18px 18px 16px;
  border: 1px solid rgba(211, 0, 35, 0.1);
  border-radius: 18px;
  background: #ffffff;
  box-shadow:
    0 10px 24px rgba(109, 86, 74, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.entry-supporting-card .entry-subcard-body,
.entry-anagram-card .entry-subcard-body {
  margin-left: 0;
  color: var(--text-soft);
}

.entry-supporting-title {
  color: var(--accent);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.04rem;
  line-height: 1.18;
  letter-spacing: 0.03em;
  text-transform: none;
}

.entry-anagram-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-gap: 14px;
  gap: 14px;
  width: 100%;
}

.entry-anagram-grid > *,
.entry-supporting-grid > * {
  width: 100%;
  min-width: 0;
  justify-self: stretch;
}

.entry-supporting-card .structured-copy,
.entry-anagram-card .structured-copy,
.entry-supporting-card .structured-copy-paragraph,
.entry-anagram-card .structured-copy-paragraph,
.entry-supporting-card .structured-copy-list,
.entry-anagram-card .structured-copy-list {
  width: 100%;
  max-width: none;
}

.entry-morpheme-search-cta-card {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  align-items: stretch;
  grid-template-columns: minmax(0, 1.3fr) auto;
  padding: 20px 22px;
  border-color: rgba(211, 0, 35, 0.12);
}

.entry-morpheme-search-cta-copy {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.entry-morpheme-search-cta-lead,
.entry-morpheme-search-cta-text {
  margin: 0;
}

.entry-morpheme-search-cta-lead {
  color: var(--accent-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 1rem;
  line-height: 1.55;
}

.entry-morpheme-search-cta-lead span {
  color: var(--accent-strong);
}

.entry-morpheme-search-cta-lead strong {
  color: var(--brand-primary);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.16em;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.entry-morpheme-search-cta-text {
  color: var(--text-soft);
  font-family: var(--font-regular), sans-serif;
  line-height: 1.7;
}

.entry-morpheme-search-cta-form {
  display: flex;
  align-items: center;
  min-width: min(100%, 420px);
  height: 100%;
  width: 100%;
  align-self: center;
  justify-self: center;
}

.entry-morpheme-search-cta-form .morpheme-search-row {
  width: 100%;
  margin: auto 0;
}

.entry-morpheme-search-cta-form .morpheme-search-input {
  box-shadow:
    0 10px 22px rgba(127, 0, 22, 0.08),
    inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

@media (max-width: 900px) {
  .entry-family-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .entry-family-group {
    padding: 15px 14px 16px;
  }

  .entry-anagram-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .entry-morpheme-search-cta-card {
    grid-template-columns: minmax(0, 1fr);
  }

  .entry-morpheme-search-cta-form {
    width: 100%;
  }

  .entry-tooltip-anchor::after {
    left: 0;
    transform: translateY(4px);
    width: min(16rem, calc(100vw - 2.25rem));
    max-width: calc(100vw - 2.25rem);
  }

  .entry-tooltip-anchor:hover::after,
  .entry-tooltip-anchor:focus-visible::after {
    transform: translateY(0);
  }
}

@media (max-width: 920px) {
  .entry-morpheme-analysis-grid {
    grid-template-columns: 1fr;
  }

  .entry-morpheme-row {
    grid-template-columns:
      minmax(calc(var(--entry-morpheme-runic-ch, 2) * 1.02ch + 0.2rem), auto)
      minmax(calc(var(--entry-morpheme-label-ch, 2) * 0.86ch + 0.65rem), 0.92fr)
      minmax(0, 1.35fr);
    gap: clamp(0.34rem, 1vw, 0.72rem);
    align-items: start;
  }

  .entry-morpheme-row {
    padding: 10px 12px;
  }
}

.editor-shell {
  min-height: 100vh;
  padding: 32px 20px 64px;
  background: linear-gradient(180deg, #f4eee6 0%, #efe7dd 100%);
}

.editor-page {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  max-width: 1080px;
  margin: 0 auto;
}

.editor-login-card,
.editor-card {
  border: 1px solid var(--border);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.9);
  padding: 22px;
  box-shadow: 0 10px 24px rgba(94, 70, 60, 0.08);
}

.task-list-panel {
  border: none;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.editor-login-card {
  max-width: 460px;
  margin: 40px auto 0;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.editor-page-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.editor-update-badges {
  gap: 12px;
}

.editor-list-nav {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.editor-list-nav-link {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 12px;
  border-radius: 999px;
  border: 1px solid #efdfd3;
  background: #fffaf5;
  color: var(--text-strong);
  text-decoration: none;
  font-size: 0.9rem;
}

.editor-list-nav-link:hover {
  text-decoration: underline;
}

.account-panel-layout {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: minmax(260px, 320px) minmax(0, 1fr);
  align-items: start;
}

.account-panel-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 24px;
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}

.account-panel-sidebar-header {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.account-panel-title {
  font-size: 1.75rem;
}

.account-panel-main {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}

.account-panel-nav {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.account-panel-nav-link {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid #eadbcd;
  background: #fffaf5;
  color: var(--text-strong);
  text-decoration: none;
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.account-panel-nav-link[data-active="true"] {
  border-color: #bf6c5b;
  box-shadow: 0 14px 28px rgba(121, 72, 34, 0.1);
}

.account-panel-nav-link:hover {
  border-color: #d39b7a;
  box-shadow: 0 12px 24px rgba(121, 72, 34, 0.08);
  transform: translateY(-1px);
}

.account-panel-nav-group {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 12px;
  border-radius: 20px;
  border: 1px solid #e3d2ee;
  background: linear-gradient(180deg, #fbf7ff 0%, #f3ebfc 100%);
}

.account-panel-nav-group[open] {
  box-shadow: 0 16px 30px rgba(95, 67, 140, 0.08);
}

.account-panel-nav-group-summary {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  grid-gap: 12px;
  gap: 12px;
  align-items: start;
  list-style: none;
  cursor: pointer;
}

.account-panel-nav-group-summary::-webkit-details-marker {
  display: none;
}

.account-panel-nav-group-items {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding-left: 14px;
  border-left: 2px solid rgba(148, 109, 196, 0.16);
}

.account-panel-nav-link-subitem {
  padding: 12px 14px;
  border-radius: 14px;
}

.account-panel-nav-link[data-tone="sand"] {
  background: linear-gradient(180deg, #fff9f1 0%, #fdf2e3 100%);
  border-color: #eed7ba;
}

.account-panel-nav-link[data-tone="rose"] {
  background: linear-gradient(180deg, #fff7f7 0%, #fde8ea 100%);
  border-color: #f1cfd5;
}

.account-panel-nav-link[data-tone="mint"] {
  background: linear-gradient(180deg, #f5fffb 0%, #e1f5ec 100%);
  border-color: #c7e7d8;
}

.account-panel-nav-link[data-tone="sky"] {
  background: linear-gradient(180deg, #f5fbff 0%, #e4effc 100%);
  border-color: #cadcf4;
}

.account-panel-nav-link[data-tone="gold"] {
  background: linear-gradient(180deg, #fffaf0 0%, #f8edd0 100%);
  border-color: #ecd8a6;
}

.account-panel-nav-link[data-tone="lavender"] {
  background: linear-gradient(180deg, #faf6ff 0%, #ece2fb 100%);
  border-color: #d8c7f0;
}

.account-panel-nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.65);
  font-size: 1.25rem;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
}

.account-panel-nav-copy {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  min-width: 0;
}

.account-panel-nav-title {
  font-family: var(--font-bold), sans-serif;
  font-size: 1.02rem;
}

.account-panel-nav-description,
.account-panel-card-description {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.9rem;
  text-transform: lowercase;
}

.account-panel-logout {
  display: flex;
}

.account-panel-card-grid {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.account-panel-card {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff7f0 100%);
  color: var(--text-strong);
  text-decoration: none;
  box-shadow: 0 10px 24px rgba(94, 70, 60, 0.06);
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.account-panel-card:hover {
  border-color: #d39b7a;
  box-shadow: 0 18px 34px rgba(121, 72, 34, 0.1);
  transform: translateY(-2px);
}

.traffic-hourly-list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-hourly-row {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff8f2 100%);
  box-shadow: 0 8px 22px rgba(94, 70, 60, 0.05);
}

.traffic-hourly-meta {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.traffic-hourly-meta strong {
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  color: var(--text-strong);
}

.traffic-hourly-bars {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.traffic-hourly-bar {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: #eadbcd;
}

.traffic-hourly-bar.page {
  background: linear-gradient(90deg, #9c5630 0%, #d07a52 100%);
}

.traffic-hourly-bar.words {
  background: linear-gradient(90deg, #aa5b1e 0%, #e0a35d 100%);
}

.traffic-hourly-bar.morphemes {
  background: linear-gradient(90deg, #6f4b9b 0%, #9f7ed4 100%);
}

.traffic-period-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.traffic-period-card {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff6ef 100%);
  color: var(--text-strong);
  text-decoration: none;
  box-shadow: 0 8px 20px rgba(94, 70, 60, 0.05);
  transition: border-color 0.18s ease, transform 0.18s ease, box-shadow 0.18s ease;
}

.traffic-period-card:hover {
  transform: translateY(-2px);
  border-color: #d39b7a;
  box-shadow: 0 14px 28px rgba(121, 72, 34, 0.1);
}

.traffic-period-card[data-active="true"] {
  border-color: #c46739;
  background: linear-gradient(180deg, #fff9f5 0%, #fff0e5 100%);
}

.traffic-period-card strong {
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  color: #7d3410;
}

.traffic-period-card span {
  color: var(--text-soft);
  font-size: 0.9rem;
}

.traffic-overview-panel {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.traffic-overview-table {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.traffic-overview-table-head,
.traffic-overview-table-row {
  display: grid;
  grid-template-columns: minmax(210px, 1.45fr) repeat(5, minmax(0, 1fr));
  grid-gap: 8px;
  gap: 8px;
  align-items: center;
  justify-items: center;
}

.traffic-overview-table-head {
  padding: 0 12px 6px;
  color: var(--text-soft);
  font-size: 0.76rem;
  font-family: var(--font-bold), sans-serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.traffic-overview-table-head > span {
  justify-self: center;
  text-align: center;
}

.traffic-overview-table-head > span:first-child {
  justify-self: start;
  text-align: left;
}

.traffic-overview-table-row {
  padding: 8px 12px;
  border-radius: 14px;
  border: 1px solid #eadbcd;
  background: rgba(255, 253, 249, 0.95);
  align-items: start;
}

.traffic-overview-table-label {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
  justify-self: start;
  justify-items: start;
}

.traffic-overview-table-label strong {
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  line-height: 1.2;
}

.traffic-overview-table-label span {
  color: var(--text-soft);
  font-size: 0.78rem;
  line-height: 1.2;
}

.traffic-overview-table-row > span {
  color: var(--text-strong);
  font-size: 0.9rem;
  text-align: center;
  font-family: var(--font-bold), sans-serif;
  font-weight: 700;
  align-self: start;
  padding-top: 1px;
}

.traffic-overview-note {
  margin: 0;
  justify-self: end;
  color: var(--text-soft);
  font-size: 0.82rem;
}

.traffic-chart-list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-chart-row {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff8f2 100%);
  box-shadow: 0 8px 22px rgba(94, 70, 60, 0.05);
}

.traffic-chart-row-link {
  color: inherit;
  text-decoration: none;
}

.traffic-chart-row-link[data-selected="true"] {
  border-color: #c46739;
  box-shadow: 0 16px 30px rgba(121, 72, 34, 0.12);
}

.traffic-chart-meta {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
}

.traffic-chart-meta strong {
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  color: var(--text-strong);
}

.traffic-chart-bars {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.traffic-chart-bar {
  display: block;
  height: 8px;
  border-radius: 999px;
  background: #eadbcd;
}

.traffic-chart-bar.page {
  background: #9c5630;
}

.traffic-chart-bar.words {
  background: #aa5b1e;
}

.traffic-chart-bar.morphemes {
  background: #6f4b9b;
}

.traffic-metric-switch {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 14px;
}

.traffic-metric-switch-item {
  display: grid;
  grid-gap: 4px;
  gap: 4px;
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid #eadbcd;
  background: #fffdf9;
  color: inherit;
  text-decoration: none;
  transition: border-color 0.16s ease, background-color 0.16s ease, transform 0.16s ease;
}

.traffic-metric-switch-item strong {
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
}

.traffic-metric-switch-item span {
  color: var(--text-soft);
  font-size: 0.86rem;
  line-height: 1.35;
}

.traffic-metric-switch-item:hover {
  transform: translateY(-1px);
  border-color: rgba(156, 86, 48, 0.35);
}

.traffic-metric-switch-item[data-active="true"] {
  border-color: rgba(156, 86, 48, 0.45);
  background: rgba(255, 248, 240, 0.96);
}

.traffic-axis-chart {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  grid-gap: 4px;
  gap: 4px;
  align-items: stretch;
  width: 100%;
}

.traffic-axis-scale {
  position: relative;
  min-height: 236px;
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1;
  text-align: right;
  font-family: var(--font-bold), sans-serif;
  font-weight: 700;
}

.traffic-axis-scale-label {
  position: absolute;
  right: 0;
  display: block;
  padding-right: 4px;
  font-weight: 700;
  will-change: transform;
}

.traffic-axis-scale-label-zero {
  padding-bottom: 0;
}

.traffic-axis-plot {
  position: relative;
  min-height: 236px;
  width: 100%;
}

.traffic-axis-gridline {
  position: absolute;
  inset-inline: 0;
  border-top: 1px dashed rgba(156, 86, 48, 0.18);
}

.traffic-axis-columns {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(var(--column-count), minmax(0, 1fr));
  grid-gap: 4px;
  gap: 4px;
  align-items: end;
  min-height: 236px;
  width: 100%;
}

.traffic-axis-column-link {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  align-items: end;
  justify-items: center;
  min-width: 0;
  color: inherit;
  text-decoration: none;
  transition: transform 0.16s ease, opacity 0.16s ease;
}

.traffic-axis-column-link:hover {
  transform: translateY(-2px);
}

.traffic-axis-column-link[data-active="true"] .traffic-axis-fill {
  background: #7d3410;
}

.traffic-axis-track {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  height: 168px;
}

.traffic-axis-fill {
  width: 100%;
  max-width: 9px;
  min-height: 4px;
  border-radius: 10px 10px 0 0;
  background: #9c5630;
}

.traffic-axis-value {
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 700;
  font-size: 0.86rem;
}

.traffic-axis-label {
  color: var(--text-soft);
  font-size: 0.76rem;
  letter-spacing: 0.02em;
}

.traffic-ranking-grid {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.traffic-ranking-card {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-insight-grid {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.traffic-insight-card {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff8f2 100%);
  box-shadow: 0 10px 24px rgba(94, 70, 60, 0.05);
}

.traffic-insight-title {
  margin: 0;
  color: #7d3410;
  font-family: var(--font-bold), sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.traffic-insight-list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.traffic-insight-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 9px;
  border-bottom: 1px dashed rgba(156, 86, 48, 0.18);
}

.traffic-insight-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.traffic-insight-row strong {
  min-width: 0;
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  line-height: 1.35;
}

.traffic-insight-row span {
  color: var(--text-soft);
  font-size: 0.85rem;
  line-height: 1.35;
  text-align: right;
  white-space: nowrap;
}

.traffic-insight-metrics {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.traffic-insight-metrics > div {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 14px 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(217, 201, 188, 0.8);
  text-align: center;
  align-items: center;
  justify-items: center;
}

.traffic-insight-metrics strong {
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.22rem;
  font-weight: 400;
}

.traffic-insight-metrics span {
  color: var(--text-soft);
  font-size: 0.8rem;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.traffic-selected-day {
  margin-top: 18px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-detail-panel {
  margin-top: 18px;
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff7f0 100%);
  box-shadow: 0 12px 28px rgba(94, 70, 60, 0.06);
}

.traffic-detail-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.traffic-detail-meta {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 12px;
}

.traffic-detail-note {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 10px;
  color: var(--text-soft);
  font-size: 0.82rem;
}

.traffic-detail-card {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(217, 201, 188, 0.9);
}

.traffic-detail-card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--text-soft);
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.traffic-detail-card p {
  margin: 0;
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  font-size: 1.1rem;
}

.traffic-detail-children {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-detail-accordion {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.traffic-detail-accordion-item {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff8f2 100%);
  box-shadow: 0 8px 20px rgba(94, 70, 60, 0.05);
}

.traffic-detail-accordion-item[open] {
  border-color: #d39b7a;
}

.traffic-detail-accordion-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  list-style: none;
  cursor: pointer;
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  color: #7d3410;
}

.traffic-detail-accordion-count {
  color: var(--text-soft);
  font-size: 0.84rem;
}

.traffic-detail-accordion-summary::-webkit-details-marker {
  display: none;
}

.traffic-detail-compact-list {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.traffic-detail-subsection {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.traffic-detail-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(217, 201, 188, 0.9);
  background: rgba(255, 255, 255, 0.9);
}

.traffic-detail-row-main {
  display: grid;
  grid-gap: 2px;
  gap: 2px;
  min-width: 0;
  flex: 1 1 auto;
}

.traffic-detail-row-main strong {
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
  line-height: 1.35;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.traffic-detail-row-path {
  color: var(--text-soft);
  font-size: 0.84rem;
  line-height: 1.35;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.traffic-detail-row-meta {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px 14px;
  color: var(--text-soft);
  font-size: 0.84rem;
  justify-content: flex-end;
  text-align: right;
  white-space: nowrap;
  flex: 0 0 auto;
}

.traffic-detail-table {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
}

.traffic-detail-table-head,
.traffic-detail-table-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px 72px;
  align-items: center;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-detail-table-head {
  padding: 0 8px 4px;
  color: var(--text-soft);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.traffic-detail-table-row {
  padding: 5px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(217, 201, 188, 0.7);
}

.traffic-detail-table-head > span {
  justify-self: start;
}

.traffic-detail-table-head > span:nth-child(2),
.traffic-detail-table-head > span:nth-child(3) {
  justify-self: end;
}

.traffic-detail-table-row > .traffic-detail-table-slug {
  justify-self: start;
}

.traffic-detail-table-row strong,
.traffic-detail-table-count,
.traffic-detail-table-time {
  line-height: 1.2;
}

.traffic-detail-table-slug {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
}

.traffic-detail-table-count,
.traffic-detail-table-time {
  color: var(--text-soft);
  font-size: 0.84rem;
  text-align: right;
  white-space: nowrap;
}

.traffic-word-table {
  display: grid;
  grid-gap: 5px;
  gap: 5px;
}

.traffic-word-table-head,
.traffic-word-table-row {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) 72px 72px 72px 86px;
  grid-gap: 10px;
  gap: 10px;
  align-items: center;
}

.traffic-word-table-head {
  padding: 0 8px 4px;
  color: var(--text-soft);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.traffic-word-table-row {
  padding: 5px 8px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.72);
  border: 1px solid rgba(217, 201, 188, 0.7);
  align-items: start;
}

.traffic-word-table-head > span {
  justify-self: center;
  text-align: center;
}

.traffic-word-table-head > span:first-child {
  justify-self: start;
  text-align: left;
}

.traffic-word-table-slug {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 700;
}

.traffic-word-table-count,
.traffic-word-table-time {
  color: var(--text-soft);
  font-size: 0.84rem;
  text-align: center;
  white-space: nowrap;
  align-self: start;
  padding-top: 1px;
}

.traffic-word-table-time {
  text-align: right;
}

.traffic-detail-compact-list .traffic-detail-row {
  align-items: start;
}

.traffic-detail-row-meta {
  align-self: start;
  padding-top: 1px;
}

@media (max-width: 720px) {
  .traffic-metric-switch {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .traffic-insight-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .traffic-insight-metrics {
    grid-template-columns: minmax(0, 1fr);
  }

  .traffic-insight-row {
    display: grid;
    grid-gap: 4px;
    gap: 4px;
  }

  .traffic-insight-row span {
    text-align: left;
    white-space: normal;
  }

  .traffic-detail-table-head,
  .traffic-detail-table-row {
    grid-template-columns: minmax(0, 1fr) 64px 64px;
    gap: 8px;
  }

  .traffic-word-table-head,
  .traffic-word-table-row {
    grid-template-columns: minmax(0, 1.2fr) 56px 56px 56px 68px;
    gap: 6px;
  }

  .traffic-custom-selects {
    grid-template-columns: minmax(0, 1fr);
  }
}

.traffic-day-detail-chart {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.traffic-custom-panel {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.traffic-custom-form {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-custom-selects {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: end;
}

.traffic-custom-field {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.traffic-custom-label {
  color: var(--text-soft);
  font-size: 0.8rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.traffic-custom-field select {
  min-height: 42px;
  padding: 0 12px;
  border-radius: 14px;
  border: 1px solid #eadbcd;
  background: #fffdf9;
  color: var(--text-strong);
  font-size: 0.95rem;
}

.traffic-custom-submit {
  align-self: end;
  justify-self: start;
}

.traffic-selected-detail {
  margin-top: 18px;
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.traffic-selected-detail-summary {
  list-style: none;
  cursor: pointer;
  color: #7d3410;
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
}

.traffic-selected-detail-summary::-webkit-details-marker {
  display: none;
}

.traffic-column-chart {
  display: block;
  min-height: 260px;
  padding: 16px;
  border-radius: 20px;
  border: 1px solid #eadbcd;
  background: #fffdf9;
  overflow-x: auto;
}

.traffic-column-chart-collapsed {
  min-height: 240px;
}

.menu-manager-grid {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
}

.morpheme-admin-grid {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.morpheme-admin-summary-grid {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin-top: 20px;
}

.morpheme-admin-summary-card {
  padding: 14px 16px;
  border-radius: 16px;
  border: 1px solid rgba(211, 0, 35, 0.12);
  background: rgba(255, 250, 246, 0.9);
}

.morpheme-admin-summary-card strong {
  display: block;
  margin-bottom: 6px;
  color: var(--text-soft);
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.morpheme-admin-summary-card p {
  margin: 0;
  color: var(--text-strong);
}

.menu-manager-preset-list {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.menu-manager-preset-card {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid #eadbcd;
  background: linear-gradient(180deg, #fffdfa 0%, #fff7f0 100%);
}

.runic-transcription-shell {
  display: grid;
  grid-gap: 46px;
  gap: 46px;
  padding-top: 36px;
}

.runic-transcription-intro {
  display: grid;
  grid-gap: 38px;
  gap: 38px;
  text-align: center;
}

.runic-transcription-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: stretch;
  grid-gap: 16px;
  gap: 16px;
  margin: 0 auto;
  width: 100%;
}

.runic-transcription-hero-panel {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
  align-content: center;
  min-height: 196px;
  padding: 30px 28px;
  border-radius: 24px;
  border: 1px solid rgba(140, 55, 49, 0.14);
  background: rgba(255, 255, 255, 0.46);
  box-shadow: 0 12px 28px rgba(89, 42, 32, 0.05);
}

.runic-transcription-hero-panel-runic {
  gap: 26px;
  padding-top: 38px;
  padding-bottom: 38px;
}

.runic-transcription-hero-runic {
  background: linear-gradient(180deg, rgba(255, 247, 239, 0.96), rgba(249, 236, 225, 0.96));
}

.runic-transcription-hero-kicker {
  margin: 0;
  color: var(--brand-primary);
  font-size: 0.84rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.runic-transcription-hero-title {
  margin: 0;
  color: var(--brand-primary);
  font-family: var(--font-czcz-bold), serif;
  font-size: clamp(1.35rem, 2.4vw, 2.1rem);
  line-height: 1.12;
  font-weight: 400;
}

.runic-transcription-hero-title-strong {
  font-size: clamp(2.35rem, 4.05vw, 3.95rem);
  line-height: 1;
  font-weight: 700;
}

.runic-transcription-hero-title-runic {
  font-family: var(--font-lechii-runes), var(--font-czcz-bold), serif !important;
  font-size: clamp(2.8rem, 4.7vw, 4.8rem);
  line-height: 0.96;
  font-weight: 900;
  font-synthesis: weight;
  letter-spacing: 0.03em;
  -webkit-text-stroke: 0.18px currentColor;
  text-shadow: 0 0 0 currentColor, 0 0 0.25px currentColor;
}

.runic-transcription-hero-subtitle {
  font-size: clamp(1.66rem, 2.88vw, 2.52rem);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin: 0;
  color: var(--brand-primary);
  font-family: var(--font-czcz-bold), serif;
  line-height: 1.18;
  font-weight: 600;
}

.runic-transcription-hero-subtitle-runic {
  font-weight: 900;
  letter-spacing: 0.11em;
  line-height: 1.2;
  -webkit-text-stroke: 0.12px currentColor;
  text-shadow: 0 0 0 currentColor, 0 0 0.2px currentColor;
}

.runic-transcription-hero-arrows {
  display: grid;
  place-items: center;
  align-self: center;
  grid-gap: 6px;
  gap: 6px;
  min-width: 64px;
  color: var(--brand-primary);
  font-family: var(--font-czcz-bold), serif;
  font-size: 1.9rem;
  line-height: 1;
}

.runic-transcription-hero-arrows span:first-child {
  transform: translateX(4px);
}

.runic-transcription-hero-arrows span:last-child {
  transform: translateX(-4px);
}

@media (max-width: 900px) {
  .runic-transcription-hero {
    grid-template-columns: 1fr;
  }

  .runic-transcription-hero-arrows {
    grid-auto-flow: column;
    min-width: 0;
  }
}

.runic-transcription-copy {
  margin: 0 auto;
  max-width: 760px;
  color: rgba(95, 35, 36, 0.82);
  font-size: 1.04rem;
  line-height: 1.65;
}

.runic-transcription-copy-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
}

.runic-transcription-download {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 18px;
  border-radius: 999px;
  border: 1px solid rgba(160, 0, 27, 0.2);
  background: linear-gradient(180deg, rgba(255, 250, 248, 0.98) 0%, rgba(245, 231, 227, 0.98) 100%);
  color: var(--brand-primary-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 0.94rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 10px 20px rgba(89, 42, 32, 0.08);
}

.runic-transcription-download:hover {
  color: var(--brand-primary-deep);
  border-color: rgba(160, 0, 27, 0.32);
  transform: translateY(-1px);
}

.runic-transcription-form,
.runic-transcription-result {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
  padding: 28px;
  border-radius: 28px;
  background: linear-gradient(180deg, rgba(255, 252, 247, 0.96), rgba(248, 238, 231, 0.96));
  border: 1px solid rgba(140, 55, 49, 0.18);
  box-shadow: 0 24px 60px rgba(89, 42, 32, 0.08);
}

.runic-transcription-field {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.runic-transcription-field > span {
  color: rgba(98, 31, 35, 0.92);
  font-family: var(--font-czcz-bold), serif;
  font-size: 1rem;
}

.runic-transcription-select,
.runic-transcription-textarea {
  width: 100%;
  border-radius: 18px;
  border: 1px solid rgba(132, 43, 34, 0.24);
  background: rgba(255, 255, 255, 0.96);
  color: rgba(74, 24, 28, 0.96);
  font: inherit;
  padding: 14px 16px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.runic-transcription-textarea {
  resize: vertical;
  min-height: 210px;
  line-height: 1.65;
}

.runic-transcription-select:focus,
.runic-transcription-textarea:focus {
  outline: none;
  border-color: rgba(162, 48, 44, 0.56);
  box-shadow: 0 0 0 4px rgba(162, 48, 44, 0.12);
}

.runic-transcription-actions {
  display: flex;
  justify-content: flex-start;
}

.runic-transcription-button {
  border: 0;
  border-radius: 999px;
  padding: 14px 22px;
  color: #fff7ef;
  font-family: var(--font-czcz-bold), serif;
  font-size: 1rem;
  background: linear-gradient(135deg, #8f2623, #c33b33);
  box-shadow: 0 16px 28px rgba(143, 38, 35, 0.24);
  cursor: pointer;
}

.runic-transcription-button:disabled {
  opacity: 0.72;
  cursor: wait;
}

.runic-transcription-result-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.runic-transcription-output {
  white-space: pre-wrap;
  word-break: break-word;
  border-radius: 22px;
  min-height: 180px;
  padding: 22px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(251, 245, 239, 0.97));
  border: 1px solid rgba(132, 43, 34, 0.16);
  color: rgba(62, 18, 22, 0.96);
  font-size: 1.08rem;
  line-height: 1.8;
}

.runic-transcription-output.runic,
.editor-input-runes,
.runic-script-font {
  font-family: var(--font-lechii-runes), var(--font-czcz-regular), serif !important;
  font-synthesis: none;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.runic-transcription-exceptions {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 18px;
  background: rgba(146, 55, 47, 0.08);
}

.account-panel-card-title {
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
}

.editor-eyebrow {
  margin: 0 0 6px;
  color: var(--text-soft);
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.editor-title,
.editor-section-title,
.editor-list-title {
  margin: 0;
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
}

.editor-title {
  font-size: 2rem;
}

.editor-section-title {
  font-size: 1.2rem;
  margin-bottom: 14px;
}

.editor-role-badge {
  margin: 10px 0 0;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fff4e9;
  color: #aa5b1e;
  font-size: 0.9rem;
  font-weight: 400;
}

.editor-role-badge.milestone {
  background: #e7f7ec;
  color: #19713a;
}

.editor-user-card.milestone {
  border-color: #8fd2a3;
  box-shadow: 0 18px 44px rgba(36, 116, 61, 0.12);
}

.editor-version-strong {
  font-weight: 400;
}

.editor-muted,
.editor-list-meta,
.editor-list-excerpt,
.editor-update-meta,
.editor-update-fields,
.editor-meta-label,
.editor-meta-value {
  margin: 0;
  color: var(--text);
}

.editor-form-stack,
.editor-section-stack,
.editor-update-list,
.editor-list {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.editor-progress-stack {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.editor-progress {
  position: relative;
  overflow: hidden;
  height: 12px;
  border-radius: 999px;
  background: #efe5db;
}

.editor-progress-bar {
  position: absolute;
  inset: 0;
  width: 45%;
  border-radius: 999px;
  background: linear-gradient(90deg, #c66b7e 0%, #d9874b 100%);
  animation: editor-progress-slide 1.2s ease-in-out infinite;
}

.editor-structured-stack,
.editor-preview-family-list {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}

.editor-grid.two,
.editor-meta-grid {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editor-inline-grid {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr) auto;
  align-items: end;
}

.editor-inline-grid.family {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editor-inline-grid.wide {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editor-meta-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.editor-field {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.editor-field span,
.editor-meta-label {
  font-size: 0.92rem;
  color: var(--text-soft);
}

.editor-input,
.editor-textarea {
  width: 100%;
  border: 1px solid #ddcfc2;
  border-radius: 12px;
  background: #fffdfa;
  color: var(--text-strong);
  padding: 12px 14px;
  font: inherit;
}

.editor-textarea {
  resize: vertical;
}

.editor-button,
.editor-link-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 12px;
  border: none;
  background: var(--accent);
  color: white;
  cursor: pointer;
  font: inherit;
  text-decoration: none;
}

.editor-button.secondary,
.editor-link-button {
  background: #fff4f7;
  color: var(--accent-strong);
  border: 1px solid #efcad4;
}

.editor-button.danger {
  background: #a6284b;
  color: white;
}

.editor-actions.footer {
  justify-content: flex-end;
}

.editor-inline-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #efdfd3;
  background: #fffaf4;
  color: var(--text-strong);
  cursor: pointer;
  font: inherit;
}

.editor-inline-action.danger {
  color: #a6284b;
  border-color: #f1cfda;
  background: #fff6f8;
}

.editor-collapse-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #efdfd3;
  background: #fffdfa;
  color: var(--text-strong);
  cursor: pointer;
  font: inherit;
  font-family: var(--font-bold), sans-serif;
}

.editor-visibility-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #efdfd3;
  background: #fffaf5;
  color: var(--text-strong);
}

.editor-visibility-toggle input {
  margin: 0;
}

.editor-mini-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.editor-section-header,
.editor-structured-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.editor-section-header.compact {
  margin-top: 12px;
}

.editor-structured-card {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid #f0dfd3;
  background: linear-gradient(180deg, #fffdfa 0%, #fff7f1 100%);
}

.editor-structured-card.morpheme {
  background: linear-gradient(180deg, #fff9f4 0%, #fff5ee 100%);
}

.editor-structured-card.family {
  background: linear-gradient(180deg, #fff9fb 0%, #fff4f7 100%);
  border-color: #f2d7df;
}

.editor-segment-card {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 14px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid #efdfd3;
}

.editor-structured-label {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.9rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.editor-structured-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.editor-preview-card {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid #efd8ca;
  background: rgba(255, 255, 255, 0.82);
}

.editor-preview-card.family {
  background: rgba(255, 244, 247, 0.72);
}

.editor-preview-card.anagram {
  background: rgba(252, 247, 241, 0.92);
  border-color: #ecd9cb;
}

.editor-preview-card.morpheme {
  background: rgba(255, 246, 238, 0.9);
  border-color: #f0d7c4;
}

.editor-preview-public {
  display: grid;
  grid-gap: 18px;
  gap: 18px;
}

.editor-preview-public--draft {
  padding-top: 6px;
  border-top: 1px dashed #d7c6b8;
}

.editor-subsection-title {
  margin: 0;
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.08rem;
  font-weight: 400;
  line-height: 1.35;
}

.editor-public-link {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 12px;
  border: 1px solid #efdfd3;
  background: #fffdfa;
  color: var(--accent-strong);
  text-decoration: none;
  font-weight: 400;
}

.editor-public-link:hover {
  text-decoration: underline;
}

.editor-readonly-value {
  margin: 0;
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 12px;
  border: 1px solid #efdfd3;
  background: #fffdfa;
  color: var(--text-strong);
}

.editor-public-link.compact {
  min-height: 44px;
  padding: 0 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.editor-public-link[aria-disabled="true"] {
  pointer-events: none;
  color: var(--text-soft);
  text-decoration: none;
}

.editor-placeholder-card {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px dashed #e3d4c7;
  background: #fffaf5;
}

.editor-placeholder-line {
  margin: 0;
  color: var(--text-soft);
}

.editor-static-pill {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  padding: 0 14px;
  border-radius: 12px;
  background: #fff7ef;
  border: 1px solid #eed8c6;
  color: #9c5a1d;
  font-weight: 400;
}

.editor-preview-title {
  margin: 0;
  color: var(--accent-strong);
  font-family: var(--font-bold), sans-serif;
  font-size: 1.1rem;
}

.editor-version-section {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.editor-version-title {
  font-size: 1.1rem;
}

.editor-version-title.orange {
  color: var(--accent-orange);
}

.editor-version-title.rose {
  color: var(--accent);
}

.editor-preview-line,
.editor-preview-body {
  margin: 0;
  color: var(--text);
  line-height: 1.7;
}

.editor-preview-morpheme-line,
.editor-preview-family-heading {
  margin: 0;
}

.editor-preview-morpheme-line {
  color: var(--text-strong);
  font-family: var(--font-regular), sans-serif;
  line-height: 1.8;
}

.editor-preview-word,
.editor-preview-morpheme-chain strong,
.editor-preview-family-heading {
  font-family: var(--font-bold), sans-serif;
  font-weight: 400;
}

.editor-preview-word {
  color: var(--accent);
  text-transform: uppercase;
}

.editor-preview-morpheme-chain strong {
  color: var(--accent-orange);
}

.editor-preview-family-heading {
  color: var(--accent);
}

.editor-preview-family-item,
.editor-family-item-editor {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.editor-inline-grid.triple {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.editor-alert {
  margin: 0;
  padding: 12px 14px;
  border-radius: 12px;
}

.editor-alert.error {
  background: #fff1f4;
  color: #a6284b;
}

.editor-alert.success {
  background: #eef7ef;
  color: #2e6a3d;
}

.editor-alert.info {
  background: #f6f1e8;
  color: #7a4e19;
}

.editor-inline-alert {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 10px;
  flex-wrap: wrap;
}

.editor-field-note {
  margin: 8px 0 0;
  color: var(--text-soft);
  font-size: 0.95rem;
}

.editor-sticky-actions {
  position: -webkit-sticky;
  position: sticky;
  bottom: 16px;
  z-index: 10;
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.editor-actions.footer.sticky {
  justify-content: flex-end;
}

.editor-list-item,
.editor-update-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  padding: 14px 0;
  border-bottom: 1px solid #efe6dd;
}

.editor-list-item:last-child,
.editor-update-item:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

.editor-update-item {
  flex-direction: column;
  align-items: flex-start;
}

.editor-update-item.version {
  gap: 12px;
}

.editor-version-toolbar {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.editor-version-head,
.editor-version-meta,
.editor-version-notes {
  width: 100%;
  display: grid;
  grid-gap: 10px 16px;
  gap: 10px 16px;
}

.editor-version-head,
.editor-version-meta {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
}

.editor-version-notes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.editor-version-status {
  justify-self: end;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  font-family: var(--font-bold), sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.editor-version-status.published {
  background: #e8f6ec;
  border: 1px solid #b8dfc1;
  color: #187a33;
}

.editor-version-status.draft {
  background: #fff0f1;
  border: 1px solid #f1c1c8;
  color: #a6284b;
}

.editor-version-status.archived {
  background: #f3eee9;
  border: 1px solid #e1d6cb;
  color: #7b6658;
}

.editor-version-note {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid #efe2d7;
  background: #fffaf6;
}

.editor-version-note-label {
  margin: 0;
  color: var(--text-soft);
  font-size: 0.82rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.editor-update-summary {
  margin: 0;
  color: var(--text-strong);
  font-family: var(--font-bold), sans-serif;
}

.editor-update-meta,
.editor-update-fields {
  margin: 0;
}

.editor-version-meta .editor-update-meta:last-child {
  text-align: right;
}

@media (max-width: 720px) {
  .editor-version-head,
  .editor-version-meta,
  .editor-version-notes {
    grid-template-columns: minmax(0, 1fr);
  }

  .editor-version-status,
  .editor-version-meta .editor-update-meta:last-child {
    justify-self: start;
    text-align: left;
  }
}

.editor-user-list {
  display: grid;
  grid-gap: 16px;
  gap: 16px;
}

.task-list-shell {
  display: grid;
  grid-gap: 20px;
  gap: 20px;
}

.editor-user-card {
  padding: 18px;
  border-radius: 18px;
  border: 1px solid #efe2d7;
  background: linear-gradient(180deg, #fffdfa 0%, #fff7f2 100%);
}

.editor-user-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
}

.task-card {
  position: relative;
  overflow: hidden;
}

.task-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 6px;
  border-radius: 18px 0 0 18px;
  background: #d78e42;
}

.task-card-priority-high::before {
  background: #c63d4f;
}

.task-card-priority-medium::before {
  background: #d4a12d;
}

.task-card-priority-low::before {
  background: #3d8b5f;
}

.task-card-root {
  padding-left: 22px;
  border-color: #ead3c8;
  box-shadow: 0 18px 44px rgba(125, 73, 43, 0.08);
  background: linear-gradient(180deg, #fffdfb 0%, #fff6ef 100%);
}

.task-section {
  position: relative;
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  padding: 18px 18px 18px 22px;
  border-radius: 28px;
  border: 1px solid #efd8cb;
  background: linear-gradient(180deg, #fffdfa 0%, #fff6ef 100%);
  box-shadow: 0 18px 38px rgba(119, 72, 39, 0.08);
  overflow: hidden;
}

.task-section::before {
  content: "";
  position: absolute;
  inset: 14px auto 14px 0;
  width: 7px;
  border-radius: 18px;
  background: #d78e42;
}

.task-section-priority-high::before {
  background: #c63d4f;
}

.task-section-priority-medium::before {
  background: #d4a12d;
}

.task-section-priority-low::before {
  background: #3d8b5f;
}

.task-section > .task-card::before {
  display: none;
}

.task-card-child {
  padding-left: 22px;
  border-color: #e6ddd3;
  background: linear-gradient(180deg, #fffdfa 0%, #fff8f3 100%);
  box-shadow: 0 10px 24px rgba(116, 77, 39, 0.08);
}

.task-card-completed {
  padding-left: 22px;
}

.task-card-main {
  width: 100%;
}

.task-title-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.task-title-row-child {
  gap: 12px;
}

.task-title {
  margin-top: 6px;
  color: #733a23;
  font-size: 1.52rem;
  line-height: 1.2;
}

.task-title-block {
  display: grid;
  grid-gap: 6px;
  gap: 6px;
  margin-top: 14px;
}

.task-type-label {
  margin: 0;
  color: #9a4f22;
  font-size: 0.84rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.task-type-label-child {
  color: #8a621f;
}

.task-card-child .task-title {
  font-size: 1.22rem;
  color: #6a4920;
}

.task-badges {
  margin-top: 12px;
  align-items: center;
}

.task-badge {
  margin: 0;
}

.task-badge-details {
  position: relative;
}

.task-badge-details > summary {
  list-style: none;
  cursor: pointer;
}

.task-badge-details > summary::-webkit-details-marker {
  display: none;
}

.task-badge-panel {
  position: absolute;
  z-index: 20;
  top: calc(100% + 10px);
  left: 0;
  min-width: 240px;
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid #ead3c4;
  background: #fffaf6;
  box-shadow: 0 16px 32px rgba(42, 28, 18, 0.14);
}

.task-status-planned {
  background: #fff4d8;
  color: #8a6200;
  border: 1px solid #ead18b;
}

.task-status-in-progress {
  background: #ffe7d2;
  color: #9a4b0b;
  border: 1px solid #eeb78c;
}

.task-status-done {
  background: #e4f5ea;
  color: #1d6a3e;
  border: 1px solid #9dd2af;
}

.task-status-canceled {
  background: #f2e8e8;
  color: #7d3333;
  border: 1px solid #d9b4b4;
}

.task-author-badge-user {
  background: #eef3ff;
  color: #2b4ba7;
  border: 1px solid #c4d1f6;
}

.task-author-badge-ai {
  background: #fff0ea;
  color: #a24f15;
  border: 1px solid #efc29f;
}

.task-priority-high {
  background: #ffe0e4;
  color: #9f243f;
  border: 1px solid #e8a7b4;
}

.task-priority-medium {
  background: #fff4d6;
  color: #8b6700;
  border: 1px solid #e7d18d;
}

.task-priority-low {
  background: #e7f6ea;
  color: #256642;
  border: 1px solid #a7d3b4;
}

.task-version-badge {
  background: #edf0ff;
  color: #3547a8;
  border: 1px solid #c5cdf5;
}

.task-last-edited-user {
  background: #e7f6ea;
  color: #256642;
  border: 1px solid #a7d3b4;
}

.task-last-edited-ai {
  background: #ffe0e4;
  color: #9f243f;
  border: 1px solid #e8a7b4;
}

.task-meta {
  margin-top: 10px;
}

.task-section-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.task-section-actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.task-inline-editor {
  display: flex;
  align-items: stretch;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}

.task-inline-editor-form {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  width: 100%;
}

.task-inline-editor-field {
  width: 100%;
}

.task-inline-editor-input,
.task-inline-editor-textarea {
  width: 100%;
}

.task-inline-editor-input {
  min-height: 48px;
}

.task-inline-editor-textarea {
  min-height: 180px;
}

.task-inline-save-button {
  min-height: 36px;
  white-space: nowrap;
}

.task-inline-save-button-saved {
  background: #e6f7ea;
  color: #156b2f;
  border-color: #9fd2aa;
}

.task-section-heading {
  display: inline-flex;
  align-items: baseline;
  gap: 10px;
  flex-wrap: wrap;
}

.task-note-date {
  font-size: 0.9rem;
}

.task-inline-delete {
  min-height: 36px;
  padding: 0 12px;
  white-space: nowrap;
}

.task-inline-edit-details {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.task-inline-edit-details[open] {
  width: 100%;
}

.task-inline-edit-button {
  min-height: 36px;
  padding: 0 12px;
  list-style: none;
  white-space: nowrap;
}

.task-inline-edit-button::-webkit-details-marker {
  display: none;
}

.task-title-edit-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.task-title-edit-row .task-inline-editor-form {
  order: -1;
}

.task-title-edit-row .task-inline-editor {
  width: 100%;
}

.task-note-list {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

.task-note-card {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  border: 1px solid rgba(164, 124, 97, 0.18);
  background: rgba(255, 251, 246, 0.92);
}

.task-note-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.task-note-meta,
.task-note-empty,
.task-note-content {
  margin: 0;
}

.task-note-history {
  display: grid;
  grid-gap: 10px;
  gap: 10px;
}

.task-note-history-summary {
  min-height: 36px;
  padding: 0 12px;
  list-style: none;
  justify-self: flex-start;
}

.task-note-history-summary::-webkit-details-marker {
  display: none;
}

.task-note-card-older {
  background: rgba(250, 245, 239, 0.82);
}

.task-move-controls {
  margin-left: auto;
}

.task-move-button {
  min-height: 38px;
  padding: 0 12px;
  font-size: 0.9rem;
  font-weight: 400;
}

.task-edit-details {
  min-width: -moz-fit-content;
  min-width: fit-content;
}

.task-edit-details[open] {
  width: 100%;
}

.task-edit-summary {
  min-height: 40px;
  padding: 0 14px;
  list-style: none;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.task-edit-summary::-webkit-details-marker {
  display: none;
}

.task-edit-summary-child {
  min-height: 36px;
}

.task-children-field {
  gap: 12px;
  margin: 0;
  padding-left: 0;
}

.task-list {
  gap: 42px;
}

.task-list-completed {
  gap: 18px;
}

.task-subtasks-details {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.task-subtasks-summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  min-height: 68px;
  padding: 16px 20px;
  border-radius: 22px;
  border: 1px solid #efcdbd;
  background: linear-gradient(135deg, #fff0e4 0%, #fff8f1 100%);
  cursor: pointer;
  list-style: none;
  box-shadow: 0 10px 22px rgba(190, 105, 63, 0.1);
}

.task-subtasks-summary::-webkit-details-marker {
  display: none;
}

.task-subtasks-summary::after {
  content: "▾";
  flex-shrink: 0;
  color: #9a3f2f;
  font-size: 1.2rem;
  font-weight: 400;
  transition: transform 0.2s ease;
}

.task-subtasks-details:not([open]) .task-subtasks-summary::after {
  transform: rotate(-90deg);
}

.task-subtasks-summary-main {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex-wrap: wrap;
}

.task-subtasks-summary-text {
  color: #7a4730;
  font-size: 0.92rem;
  font-weight: 400;
  text-align: right;
}

.task-children-shell {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  padding: 10px 0 0 0;
  border: none;
  background: transparent;
  box-shadow: none;
}

.task-subtasks-banner {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  min-width: 192px;
  padding: 0 24px;
  border-radius: 15px;
  border: 1px solid rgba(128, 18, 43, 0.18);
  background: linear-gradient(135deg, #a81b45 0%, #c72b57 48%, #ef7d3f 100%);
  color: #fffefc;
  font-size: 0.94rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(85, 16, 30, 0.28);
  box-shadow: 0 12px 24px rgba(168, 27, 69, 0.24);
}

.task-subtasks-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  min-height: 42px;
  padding: 0 12px;
  border-radius: 999px;
  background: #fffaf5;
  border: 1px solid #f0cdbf;
  color: #9a3f2f;
  font-size: 0.92rem;
  font-weight: 400;
}

.task-children-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.task-parent-pill {
  margin: 0;
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: #2e3038;
  color: #fff9f3;
  font-size: 0.78rem;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.task-parent-name {
  margin: 0;
  color: var(--text-strong);
  font-weight: 400;
}

.task-parent-inline {
  font-weight: 400;
  color: var(--text-strong);
}

.task-children-list {
  gap: 18px;
  padding-left: 0;
}

@media (max-width: 720px) {
  .task-subtasks-summary {
    align-items: flex-start;
    flex-direction: column;
  }

  .task-subtasks-summary::after {
    align-self: flex-end;
    margin-top: -30px;
  }

  .task-subtasks-summary-text {
    text-align: left;
  }

  .task-subtasks-banner {
    min-width: 100%;
  }
}

.task-proposal-list {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
}

.task-proposal-card {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  padding: 16px;
  border-radius: 18px;
  border: 1px dashed #efc5aa;
  background: linear-gradient(180deg, #fff6ef 0%, #fffdfa 100%);
}

.task-proposal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.task-readonly-value {
  font-family: var(--font-czcz-regular), sans-serif;
  font-size: 1.02rem;
  line-height: 1.55;
  letter-spacing: 0.01em;
}

@media (max-width: 720px) {
  .task-title-row {
    flex-direction: column;
    align-items: stretch;
  }

  .task-edit-details[open] {
    width: 100%;
  }

  .task-move-controls {
    margin-left: 0;
  }

  .task-proposal-header {
    flex-direction: column;
    align-items: stretch;
  }

  .task-section-head {
    align-items: stretch;
    flex-direction: column;
  }

  .task-note-head {
    align-items: stretch;
    flex-direction: column;
  }

  .task-title-edit-row {
    align-items: stretch;
    flex-direction: column;
  }
}

.editor-update-card-head {
  margin-bottom: 10px;
}

.editor-update-card-copy {
  display: grid;
  grid-gap: 12px;
  gap: 12px;
}

@keyframes editor-progress-slide {
  0% {
    transform: translateX(-110%);
  }
  100% {
    transform: translateX(240%);
  }
}

.editor-checkbox-row {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 48px;
}

.editor-checkbox-row input {
  margin: 0;
}

@media (max-width: 960px) {
  .manus-section-heading.home {
    display: grid;
    align-items: start;
  }

  .word-catalog-shell-header {
    display: grid;
    align-items: start;
  }

  .manus-section-intro {
    max-width: none;
    text-align: left;
  }

  .manus-updates-grid {
    grid-template-columns: 1fr;
  }

  .manus-home-hero {
    min-height: auto;
    padding: 64px 20px 36px;
  }

  .manus-home-hero-inner {
    gap: 20px;
  }

  .manus-home-title {
    font-size: clamp(2.2rem, 7vw, 3.25rem);
  }

  .manus-entry-title {
    font-size: clamp(2.25rem, 7vw, 3.4rem);
  }

  .manus-home-subtitle {
    max-width: 44ch;
    font-size: 1.02rem;
  }

  .manus-home-search-stage {
    width: min(100%, 318px);
    margin-top: 8px;
  }

  .manus-home-search-stage .search-input {
    min-height: 64px;
    font-size: 1rem;
  }

  .manus-home-search-stage .search-button {
    min-height: 64px;
  }

  .manus-home-lower-zone {
    margin-top: 36px;
  }

  .manus-home-shell .manus-page-frame {
    justify-items: center;
  }

  .manus-home-shell .manus-home-hero,
  .manus-home-shell .manus-home-lower-zone {
    width: 100%;
  }

  .manus-home-shell .manus-home-hero-inner {
    width: min(100%, 342px);
    margin-inline: auto;
  }

  .manus-home-discovery-grid {
    gap: 18px;
  }

  .manus-home-discovery-card-inner {
    min-height: auto;
    padding: 24px 20px;
  }

  .site-header-inner {
    grid-template-columns: auto minmax(0, 1fr) auto;
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 0;
    overflow: visible;
    padding-inline: 14px;
  }

  .site-brand,
  .site-header-top,
  .site-header-search {
    grid-column: 1;
  }

  .site-brand {
    grid-row: 1;
    height: 56px;
    gap: 8px;
    min-width: 0;
  }

  .site-header-top {
    grid-column: 1 / -1;
    grid-row: 2;
    display: none;
    padding-top: 10px;
    border-top: 1px solid rgba(211, 0, 35, 0.14);
  }

  .site-header-search {
    grid-column: 1 / -1;
    grid-row: 1;
    min-height: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-self: stretch;
    gap: 10px;
  }

  .site-header-search > .search-shell.compact {
    flex: 1 1 auto;
    min-width: 0;
    width: auto;
  }

  .site-brand--mobile {
    display: inline-flex;
    grid-column: 1;
    grid-row: 1;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    justify-content: center;
    align-items: center;
    gap: 0;
    border-radius: 16px;
    overflow: hidden;
  }

  .site-brand--mobile .site-brand-image {
    max-height: 44px;
    height: 44px;
    width: 44px;
  }

  .site-menu-toggle {
    display: inline-flex;
    grid-column: 3;
    grid-row: 1;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
  }

  .site-header.menu-open .site-header-top {
    display: block;
  }

  .site-header-search .search-shell.compact {
    position: relative;
  }

  .site-header-search .search-row.compact {
    display: block;
    position: relative;
    width: 100%;
  }

  .site-header-search .search-input.compact {
    width: 100%;
    min-height: 48px;
    padding-right: 56px;
    border-radius: 999px;
  }

  .site-header-search .search-button.compact {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
    color: var(--brand-primary);
  }

  .site-header-search .search-button.compact:hover {
    transform: translateY(-50%);
    background: rgba(211, 0, 35, 0.06);
    box-shadow: none;
    border: 0;
  }

  .site-header-search .search-button.compact .search-button-label,
  .site-header-search .search-button.compact .search-button-rune-label {
    display: none;
  }

  .site-header-search .search-button.compact .search-button-icon-shell {
    width: 20px;
    height: 20px;
  }

  .site-header-search .search-row.compact {
    width: 100%;
  }

  .site-nav {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    width: 100%;
  }

  .site-nav-link {
    display: block;
    width: 100%;
    padding: 3px 0;
  }

  .site-header.collapsed .site-header-inner {
    grid-template-rows: auto auto;
  }

  .site-header.collapsed .site-brand {
    grid-row: 1;
  }

  .site-header.collapsed .site-header-search {
    grid-row: 1;
  }

  .manus-card-grid.three-up,
  .manus-morph-layout,
  .manus-home-latest-grid {
    grid-template-columns: 1fr;
  }

  .manus-home-lower-zone {
    margin-top: 18vh;
  }

  .editor-grid.two,
  .editor-meta-grid,
  .editor-inline-grid,
  .editor-inline-grid.wide {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .page-shell {
    padding: 18px 16px 56px;
  }

  .manus-home-hero {
    padding: 54px 18px 40px;
    border-radius: 24px;
  }

  .manus-home-hero-inner {
    transform: none;
  }

  .manus-home-hero::before,
  .manus-home-hero::after {
    display: none;
  }

  .manus-home-title {
    font-size: clamp(2.2rem, 10.4vw, 3.1rem);
  }

  .manus-home-search-stage .search-row {
    grid-template-columns: 1fr;
  }

  .manus-home-search-stage .search-input,
  .manus-home-search-stage .search-button {
    min-height: 60px;
  }

  .manus-home-stream-card {
    padding: 22px 18px;
  }

  .word-update-list-head {
    flex-direction: column;
  }

  .word-catalog-head {
    flex-direction: column;
  }

  .word-catalog-card,
  .word-catalog-empty {
    border-radius: 16px;
  }

  .word-catalog-meta {
    justify-items: start;
  }

  .word-catalog-meta-row {
    justify-items: start;
  }
  .site-header-top,
  .site-nav {
    gap: 12px;
  }

  .site-header-inner {
    padding-inline: 12px;
  }

  .site-nav-link {
    font-size: 0.76rem;
  }

  .site-brand-image {
    max-height: 40px;
  }

  .site-brand-title {
    display: none;
  }

  .search-row {
    grid-template-columns: 1fr;
  }

  .search-input.compact,
  .search-button.compact {
    min-height: 54px;
  }

  .manus-home-title {
    font-size: clamp(2.2rem, 10.4vw, 3.1rem);
  }

  .manus-entry-title {
    font-size: clamp(1.8rem, 8.8vw, 2.65rem);
  }

  .manus-home-subtitle {
    font-size: 0.98rem;
    line-height: 1.5;
  }

  .manus-home-lower-zone {
    margin-top: 28px;
  }

  .manus-card-footer,
  .manus-comment-head,
  .entry-panel-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .manus-update-card-top {
    display: grid;
  }

  .manus-morph-card,
  .manus-wide-panel,
  .entry-panel-body,
  .entry-panel-header {
    padding-left: 16px;
    padding-right: 16px;
  }

  .entry-sections {
    gap: 24px;
  }

  .editor-page-header,
  .editor-list-item,
  .editor-section-header,
  .editor-structured-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .account-panel-layout,
  .account-panel-card-grid,
  .menu-manager-grid,
  .morpheme-admin-grid {
    grid-template-columns: 1fr;
  }

  .account-panel-sidebar {
    position: static;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"../public/fonts/CZCZ_regularny.otf","variable":"--font-czcz-regular","display":"swap"}],"variableName":"czczRegular"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'czczRegular';
src: url(/_next/static/media/b5a44c65ec5f83ce-s.p.otf) format('opentype');
font-display: swap;
}@font-face {font-family: 'czczRegular Fallback';src: local("Arial");ascent-override: 64.76%;descent-override: 26.97%;line-gap-override: 22.01%;size-adjust: 109.03%
}.__className_59a802 {font-family: 'czczRegular', 'czczRegular Fallback'
}.__variable_59a802 {--font-czcz-regular: 'czczRegular', 'czczRegular Fallback'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"../public/fonts/CZCZ_Bold.ttf","variable":"--font-czcz-bold","display":"swap"}],"variableName":"czczBold"} ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'czczBold';
src: url(/_next/static/media/b6faf11c598d2c33-s.p.ttf) format('truetype');
font-display: swap;
}@font-face {font-family: 'czczBold Fallback';src: local("Arial");ascent-override: 70.72%;descent-override: 23.57%;line-gap-override: 0.00%;size-adjust: 106.06%
}.__className_dd8677 {font-family: 'czczBold', 'czczBold Fallback'
}.__variable_dd8677 {--font-czcz-bold: 'czczBold', 'czczBold Fallback'
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[3].use[1]!../../node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[3].use[2]!../../node_modules/next/font/local/target.css?{"path":"app/layout.tsx","import":"","arguments":[{"src":"../../../docs/CZCZ/Lechii-runy.ttf","variable":"--font-lechii-runes","display":"swap"}],"variableName":"lechiiRunes"} ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
font-family: 'lechiiRunes';
src: url(/_next/static/media/8ad852c7c0b90434-s.p.ttf) format('truetype');
font-display: swap;
}@font-face {font-family: 'lechiiRunes Fallback';src: local("Arial");ascent-override: 100.00%;descent-override: 5.86%;line-gap-override: 8.98%;size-adjust: 100.00%
}.__className_416f7f {font-family: 'lechiiRunes', 'lechiiRunes Fallback'
}.__variable_416f7f {--font-lechii-runes: 'lechiiRunes', 'lechiiRunes Fallback'
}