.orthant-block-align, .orthant-block-source { display: none !important; }
.orthant-aligned-block :is(pre, [data-type="code-block"], .hextra-code-block) { text-align: left; }
.orthant-alignment-panel {
  position: fixed; z-index: 90; box-sizing: border-box; width: 300px; max-width: calc(100vw - 16px);
  padding: 15px; border: 1px solid #d5d8dd; border-radius: 10px; background: #fff; color: #30343b;
  box-shadow: 0 8px 28px #16203326; font-size: 13px; line-height: 1.5; user-select: none;
}
.orthant-alignment-fullscreen { z-index: 10002; }
.orthant-alignment-panel > strong { display: block; margin-bottom: 10px; }
.orthant-alignment-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.orthant-alignment-panel button {
  min-height: 42px; padding: 8px 5px; border: 1px solid #d5d8dd; border-radius: 6px;
  background: #f5f6f7; color: inherit; font: inherit; cursor: pointer;
}
.orthant-alignment-panel button:hover { background: #e9edf2; }
.orthant-alignment-panel button:focus-visible { outline: 2px solid #6487b8; outline-offset: 2px; }
.orthant-alignment-panel > p { margin: 10px 0 0; color: #656e7b; font-size: 12px; }
.dark .orthant-alignment-panel { border-color: #454950; background: #24262b; color: #dce0e5; }
.dark .orthant-alignment-panel button { border-color: #454950; background: #30343b; }
.dark .orthant-alignment-panel button:hover { background: #3a414b; }
.dark .orthant-alignment-panel > p { color: #aab2be; }