:root {
  --hybrid-text-ink: #211f1c;
  --hybrid-text-paper: #f5f2ea;
  --hybrid-text-surface: #fffefa;
  --hybrid-text-line: #d6cfc4;
  --hybrid-text-muted: #706a62;
  --hybrid-text-faint: #9b9489;
  --hybrid-text-rust: #c64f2d;
  --hybrid-text-rust-dark: #9f3d24;
  --hybrid-text-green: #4f9278;
}

body[data-warm-index="site"].wi-rail-page .hybrid-text-main {
  min-height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0 0 96px !important;
}

body[data-warm-index="site"].wi-rail-page .hybrid-text-main .breadcrumbs {
  width: 100%;
  margin: 22px 0 0 !important;
}

body[data-warm-index="site"].wi-rail-page .hybrid-text-main > .tool-suite-nav {
  display: none !important;
}

body[data-warm-index="site"].wi-rail-page .hybrid-text-main .text-hero {
  min-height: 0 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 28px !important;
  padding: 22px 0 24px !important;
  border-bottom: 1px solid var(--hybrid-text-line);
}

.hybrid-text-main .text-hero > div:first-child {
  max-width: 710px;
}

body[data-warm-index="site"].wi-rail-page .hybrid-text-main .text-hero h1 {
  max-width: 740px;
  margin: 9px 0 14px !important;
  color: var(--hybrid-text-ink);
  letter-spacing: -.055em;
}

.hybrid-text-main .text-hero h1 span,
.hybrid-text-main .text-hero h1 em {
  display: block;
}

.hybrid-text-main .text-hero h1 span {
  font-size: clamp(42px, 4vw, 50px) !important;
  line-height: .98;
}

.hybrid-text-main .text-hero h1 em {
  margin-top: 3px;
  color: var(--hybrid-text-rust) !important;
  font-family: Georgia, "Songti SC", serif;
  font-size: clamp(30px, 2.7vw, 35px) !important;
  font-style: italic;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -.025em;
}

.hybrid-text-main .text-hero p {
  max-width: 680px;
  margin: 0;
  color: var(--hybrid-text-muted);
  font-size: 14px;
  line-height: 1.65;
}

.hybrid-text-local-note {
  min-width: 182px;
  margin-top: 16px;
  color: var(--hybrid-text-muted);
  font: 700 10px/1.45 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.hybrid-text-local-note i {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 8px;
  border-radius: 50%;
  background: var(--hybrid-text-green);
  box-shadow: 0 0 0 5px rgba(79, 146, 120, .13);
}

.hybrid-text-main :is(.text-focus-art, .text-privacy-card) {
  display: none !important;
}

body[data-warm-index="site"].wi-rail-page .hybrid-text-main .text-workbench {
  overflow: hidden;
  margin: 0 0 28px !important;
  padding: 0 !important;
  border: 1px solid var(--hybrid-text-line) !important;
  border-top: 0 !important;
  border-radius: 0 !important;
  background: var(--hybrid-text-surface) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.hybrid-text-main .text-workbench-title {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.hybrid-text-main [hidden] {
  display: none !important;
}

.hybrid-text-main :where(button, input, textarea, select, article, a, section, pre) {
  box-shadow: none !important;
}

.hybrid-text-main :where(button, input, textarea, select, article, .focused-editor-card, .focused-result-card, .focused-action-card, .compare-editor, .diff-output) {
  border-radius: 0 !important;
}

.hybrid-text-main input[type="checkbox"],
.hybrid-text-main input[type="radio"] {
  accent-color: var(--hybrid-text-rust) !important;
}

.hybrid-text-main .focused-text-layout,
.hybrid-text-main .hybrid-compare-grid {
  display: grid !important;
  gap: 0 !important;
  padding: 0 !important;
  align-items: stretch !important;
}

.hybrid-text-main :is(.focused-editor-card, .focused-result-card, .word-preview-panel, .focused-action-card, .compare-input-stage, .compare-preview-stage, .compare-controls-stage) {
  min-width: 0;
  padding: 16px !important;
  border: 0 !important;
  border-right: 1px solid var(--hybrid-text-line) !important;
  background: var(--hybrid-text-surface) !important;
  color: var(--hybrid-text-ink) !important;
}

.hybrid-text-main :is(.focused-action-card, .compare-controls-stage) {
  position: static !important;
  top: auto !important;
  border-right: 0 !important;
}

.hybrid-text-main .focused-editor-toolbar,
.hybrid-text-main .hybrid-text-panel-heading,
.hybrid-text-main .focused-action-heading {
  min-height: 38px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 9px;
  margin: 0 0 12px;
  padding: 0 0 10px !important;
  border-bottom: 1px solid var(--hybrid-text-line) !important;
  background: transparent !important;
}

.hybrid-text-main .focused-editor-toolbar > div:first-of-type,
.hybrid-text-main .focused-action-heading > div {
  display: grid;
  gap: 2px;
}

.hybrid-text-step,
.hybrid-text-panel-heading > span,
.hybrid-text-main .focused-action-heading > span {
  width: auto !important;
  height: auto !important;
  display: block !important;
  flex: 0 0 auto;
  margin-top: 1px;
  padding: 0 !important;
  color: var(--hybrid-text-rust) !important;
  background: transparent !important;
  font: 830 10px/1.35 ui-monospace, SFMono-Regular, Menlo, monospace !important;
  font-style: normal !important;
  letter-spacing: .06em !important;
}

.hybrid-text-panel-heading h3,
.hybrid-text-main :is(.focused-editor-toolbar, .focused-action-heading) strong {
  margin: 0;
  color: var(--hybrid-text-ink) !important;
  font-size: 13px !important;
  font-weight: 850;
  letter-spacing: -.02em;
}

.hybrid-text-main :is(.focused-editor-toolbar, .focused-action-heading) small {
  color: var(--hybrid-text-muted) !important;
  font-size: 9.5px !important;
  line-height: 1.4;
}

.hybrid-text-main .focused-editor-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-left: auto;
}

.hybrid-text-main .focused-editor-actions button {
  min-height: 30px;
  padding: 0 8px;
  border: 1px solid var(--hybrid-text-line) !important;
  background: #fff !important;
  color: var(--hybrid-text-ink) !important;
  font-size: 9px !important;
}

.hybrid-text-main .focused-textarea {
  width: 100%;
  min-height: 390px !important;
  display: block;
  resize: vertical;
  border: 1px solid #e1dbd1 !important;
  outline: 0;
  padding: 16px !important;
  color: var(--hybrid-text-ink) !important;
  background: #fff !important;
  font: 11.5px/1.7 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

.hybrid-text-main .focused-textarea[readonly] {
  background: #f0ede6 !important;
}

.hybrid-text-main .focused-editor-footer {
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px !important;
  border: 1px solid var(--hybrid-text-line) !important;
  border-top: 0 !important;
  color: var(--hybrid-text-muted) !important;
  background: #f5f2ec !important;
  font-size: 9.5px !important;
}

.hybrid-text-main .focused-editor-footer > span:first-child {
  color: var(--hybrid-text-rust) !important;
}

.hybrid-text-main .focused-option-list,
.hybrid-text-main .case-actions,
.hybrid-text-main .word-counter-actions {
  border-color: var(--hybrid-text-line) !important;
}

.hybrid-text-main .focused-option-list label,
.hybrid-text-main .word-counter-note {
  color: var(--hybrid-text-muted) !important;
  font-size: 10px !important;
  line-height: 1.55;
}

.hybrid-text-main .focused-option-list select {
  min-height: 38px;
  border: 1px solid var(--hybrid-text-line) !important;
  background: #fff !important;
  color: var(--hybrid-text-ink) !important;
  font-size: 10px !important;
}

.hybrid-text-main .focused-primary-action,
.hybrid-text-main .compare-primary {
  min-height: 44px !important;
  border: 0 !important;
  background: var(--hybrid-text-rust) !important;
  color: #fff !important;
}

.hybrid-text-main .focused-primary-action:hover,
.hybrid-text-main .compare-primary:hover {
  background: var(--hybrid-text-rust-dark) !important;
  color: #fff !important;
}

.hybrid-text-main .focused-output-actions button,
.hybrid-text-main .case-actions button {
  min-height: 36px;
  border: 1px solid var(--hybrid-text-line) !important;
  background: #fff !important;
  color: var(--hybrid-text-ink) !important;
  font-size: 9.5px !important;
}

.hybrid-text-main .case-actions button:hover {
  border-color: var(--hybrid-text-rust) !important;
  color: var(--hybrid-text-rust-dark) !important;
  background: #fff9f5 !important;
}

.word-preview-panel {
  display: flex;
  flex-direction: column;
}

.word-preview-panel .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 0 !important;
  margin: 0 !important;
  border: 1px solid var(--hybrid-text-line) !important;
}

.word-preview-panel .stats-grid article {
  min-height: 93px !important;
  display: grid;
  place-content: center;
  gap: 4px;
  padding: 12px !important;
  border: 0 !important;
  border-right: 1px solid var(--hybrid-text-line) !important;
  border-bottom: 1px solid var(--hybrid-text-line) !important;
  background: #f0ede6 !important;
  text-align: center;
}

.word-preview-panel .stats-grid article:nth-child(2n) {
  border-right: 0 !important;
}

.word-preview-panel .stats-grid .reading-stat {
  grid-column: 1 / -1;
  border-right: 0 !important;
  border-bottom: 0 !important;
}

.word-preview-panel .stats-grid strong {
  color: var(--hybrid-text-ink) !important;
  font: 700 24px/1 Georgia, "Songti SC", serif !important;
}

.word-preview-panel .stats-grid span {
  color: var(--hybrid-text-muted) !important;
  font-size: 9.5px !important;
}

.hybrid-text-main .text-workbench > .stats-grid {
  display: grid !important;
  grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
  gap: 0 !important;
  margin: 0 !important;
  border-top: 1px solid var(--hybrid-text-line) !important;
}

.hybrid-text-main .text-workbench > .stats-grid article {
  min-height: 76px !important;
  padding: 13px 8px !important;
  border: 0 !important;
  border-right: 1px solid var(--hybrid-text-line) !important;
  background: #f5f2ec !important;
}

.hybrid-text-main .text-workbench > .stats-grid article:last-child {
  border-right: 0 !important;
}

.hybrid-text-main .text-workbench > .stats-grid strong {
  font-size: 17px !important;
}

.hybrid-text-main .text-workbench > .stats-grid span {
  font-size: 9px !important;
}

.hybrid-text-panel-heading {
  display: flex;
  align-items: flex-start;
}

.hybrid-text-main .compare-input-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

.hybrid-text-main .compare-editor {
  border: 1px solid var(--hybrid-text-line) !important;
  background: #fff !important;
}

.hybrid-text-main .compare-editor > div {
  min-height: 42px;
  padding: 9px 10px;
  border-bottom: 1px solid var(--hybrid-text-line);
}

.hybrid-text-main .compare-editor :is(strong, small) {
  color: var(--hybrid-text-ink);
  font-size: 9.5px;
}

.hybrid-text-main .compare-editor small {
  color: var(--hybrid-text-muted);
}

.hybrid-text-main .compare-editor textarea {
  min-height: 188px !important;
  padding: 13px !important;
  font-size: 10.5px !important;
}

.compare-preview-stage {
  display: flex;
  flex-direction: column;
}

.hybrid-compare-empty {
  min-height: 470px;
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 28px;
  border: 1px solid #e1dbd1;
  background: #f0ede6;
  text-align: center;
}

.hybrid-compare-empty strong {
  color: var(--hybrid-text-ink);
  font: 700 18px/1.3 Georgia, "Songti SC", serif;
}

.hybrid-compare-empty p {
  max-width: 290px;
  margin: 0;
  color: var(--hybrid-text-muted);
  font-size: 11px;
  line-height: 1.6;
}

.compare-preview-stage:has(.compare-results:not([hidden])) .hybrid-compare-empty {
  display: none;
}

.hybrid-text-main .compare-results {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.hybrid-text-main .compare-result-heading {
  align-items: flex-start;
}

.hybrid-text-main .compare-result-heading span {
  color: var(--hybrid-text-rust) !important;
}

.hybrid-text-main .compare-result-heading button,
.hybrid-text-main .compare-action-row button,
.hybrid-text-main .compare-mode-tabs button,
.hybrid-text-main .view-buttons button,
.hybrid-text-main .list-result-tabs button {
  border-radius: 0 !important;
}

.hybrid-text-main .compare-summary {
  gap: 0 !important;
  border: 1px solid var(--hybrid-text-line);
}

.hybrid-text-main .compare-summary article {
  border-right: 1px solid var(--hybrid-text-line) !important;
  background: #f5f2ec !important;
}

.hybrid-text-main .compare-summary article:last-child {
  border-right: 0 !important;
}

.hybrid-text-main .diff-output {
  min-height: 310px;
  border: 1px solid var(--hybrid-text-line) !important;
  background: #f8f6f1 !important;
  font-size: 10.5px !important;
}

.hybrid-text-main .compare-mode-tabs {
  gap: 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 1px solid var(--hybrid-text-line);
  background: #fff !important;
}

.hybrid-text-main .compare-mode-tabs button {
  min-height: 40px;
  border-right: 1px solid var(--hybrid-text-line) !important;
  background: #fff !important;
  color: var(--hybrid-text-muted) !important;
}

.hybrid-text-main .compare-mode-tabs button:last-child {
  border-right: 0 !important;
}

.hybrid-text-main .compare-mode-tabs button.active {
  background: var(--hybrid-text-ink) !important;
  color: #fff !important;
}

.hybrid-text-main .compare-options,
.hybrid-text-main .compare-option-mode {
  display: grid !important;
  grid-template-columns: 1fr !important;
  align-items: stretch !important;
  gap: 11px !important;
  margin: 0 !important;
}

.hybrid-text-main .compare-options {
  padding-bottom: 14px;
  border-bottom: 1px solid var(--hybrid-text-line);
}

.hybrid-text-main .compare-options label,
.hybrid-text-main .compare-select span {
  color: var(--hybrid-text-muted) !important;
  font-size: 10px !important;
}

.hybrid-text-main .compare-select {
  display: grid !important;
  gap: 6px;
}

.hybrid-text-main .compare-select select {
  width: 100%;
  min-height: 38px;
  border: 1px solid var(--hybrid-text-line) !important;
  background: #fff !important;
  color: var(--hybrid-text-ink) !important;
}

.hybrid-text-main .view-buttons {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 1px solid var(--hybrid-text-line);
  background: #fff !important;
}

.hybrid-text-main .view-buttons button {
  min-height: 36px;
  border-right: 1px solid var(--hybrid-text-line) !important;
  background: #fff !important;
}

.hybrid-text-main .view-buttons button:last-child {
  border-right: 0 !important;
}

.hybrid-text-main .view-buttons button.active {
  background: var(--hybrid-text-ink) !important;
  color: #fff !important;
}

.hybrid-text-main .compare-action-row {
  display: grid !important;
  gap: 7px !important;
  margin-top: 14px;
}

.hybrid-text-main .compare-action-row > div {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 6px;
}

.hybrid-text-main .compare-action-row button {
  min-width: 0 !important;
  min-height: 38px;
  padding: 0 8px;
  border: 1px solid var(--hybrid-text-line) !important;
  background: #fff;
  color: var(--hybrid-text-ink);
}

.hybrid-text-main .compare-action-row .compare-primary {
  grid-column: 1 / -1;
}

.hybrid-text-main .compare-status {
  color: var(--hybrid-text-rust-dark) !important;
  font-size: 9.5px !important;
}

body[data-warm-index="site"].wi-rail-page .hybrid-text-main .text-benefits {
  overflow: hidden;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 0 !important;
  margin: 0 0 62px !important;
  border: 1px solid var(--hybrid-text-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.hybrid-text-main .text-benefits article {
  min-height: 126px !important;
  padding: 20px !important;
  border-right: 1px solid var(--hybrid-text-line) !important;
  background: var(--hybrid-text-surface) !important;
}

.hybrid-text-main .text-benefits article:last-child {
  border-right: 0 !important;
}

@media (min-width: 1420px) {
  .hybrid-text-main .focused-text-layout,
  .hybrid-text-main .hybrid-compare-grid {
    grid-template-columns: 240px minmax(0, 1fr) 250px !important;
  }
}

@media (min-width: 761px) and (max-width: 1419px) {
  .hybrid-text-main .focused-text-layout,
  .hybrid-text-main .hybrid-compare-grid {
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
  }

  .hybrid-text-main :is(.focused-result-card, .word-preview-panel, .compare-preview-stage) {
    border-right: 0 !important;
  }

  .hybrid-text-main :is(.focused-action-card, .compare-controls-stage) {
    grid-column: 1 / -1;
    border-top: 1px solid var(--hybrid-text-line) !important;
  }
}

@media (max-width: 760px) {
  body[data-warm-index="site"].wi-rail-page .hybrid-text-main {
    width: 100% !important;
    padding-bottom: 72px !important;
  }

  body[data-warm-index="site"].wi-rail-page .hybrid-text-main .breadcrumbs {
    margin-top: 16px !important;
  }

  body[data-warm-index="site"].wi-rail-page .hybrid-text-main .text-hero {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    padding: 18px 0 22px !important;
  }

  .hybrid-text-main .text-hero h1 span {
    font-size: clamp(38px, 12vw, 48px) !important;
  }

  .hybrid-text-main .text-hero h1 em {
    font-size: clamp(27px, 8.5vw, 34px) !important;
    line-height: 1.05;
  }

  .hybrid-text-local-note {
    margin: 0 0 2px;
  }

  .hybrid-text-main .focused-text-layout,
  .hybrid-text-main .hybrid-compare-grid {
    grid-template-columns: 1fr !important;
  }

  .hybrid-text-main :is(.focused-editor-card, .focused-result-card, .word-preview-panel, .focused-action-card, .compare-input-stage, .compare-preview-stage, .compare-controls-stage) {
    padding: 16px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--hybrid-text-line) !important;
  }

  .hybrid-text-main :is(.focused-action-card, .compare-controls-stage) {
    border-bottom: 0 !important;
  }

  .hybrid-text-main .focused-editor-toolbar {
    align-items: flex-start;
    flex-direction: row;
  }

  .hybrid-text-main .focused-editor-actions {
    width: 100%;
    margin-left: 0;
  }

  .hybrid-text-main .focused-editor-toolbar {
    flex-wrap: wrap;
  }

  .hybrid-text-main .focused-editor-actions button {
    flex: 1;
  }

  .hybrid-text-main .focused-textarea {
    min-height: 320px !important;
  }

  .hybrid-text-main .text-workbench > .stats-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .hybrid-text-main .text-workbench > .stats-grid article {
    border-bottom: 1px solid var(--hybrid-text-line) !important;
  }

  .hybrid-text-main .text-workbench > .stats-grid article:nth-child(2n) {
    border-right: 0 !important;
  }

  .hybrid-text-main .text-workbench > .stats-grid article:last-child {
    grid-column: 1 / -1;
    border-bottom: 0 !important;
  }

  .hybrid-text-main .compare-input-stage {
    order: 1;
  }

  .hybrid-text-main .compare-controls-stage {
    order: 2;
    border-bottom: 1px solid var(--hybrid-text-line) !important;
  }

  .hybrid-text-main .compare-preview-stage {
    order: 3;
    border-bottom: 0 !important;
  }

  .hybrid-compare-empty {
    min-height: 300px;
  }

  .hybrid-text-main .split-diff,
  .hybrid-text-main .compare-summary {
    grid-template-columns: 1fr !important;
  }

  body[data-warm-index="site"].wi-rail-page .hybrid-text-main .text-benefits {
    grid-template-columns: 1fr !important;
  }

  .hybrid-text-main .text-benefits article {
    border-right: 0 !important;
    border-bottom: 1px solid var(--hybrid-text-line) !important;
  }

  .hybrid-text-main .text-benefits article:last-child {
    border-bottom: 0 !important;
  }
}

/* Keep runtime-controlled panels hidden after the layout display overrides above. */
.hybrid-text-main [hidden] {
  display: none !important;
}