/* Migration patches; the original REDMA style sheets provide the visual design. */
:root {
  --redma-accent: #4319e6;
  --redma-ink: #333333;
  --redma-surface: #ffffff;
  --redma-soft: #eef7ff;
  --redma-focus: #ffcc00;
  --redma-radius: 12px;
}
html { scroll-behavior: smooth; }
body { margin: 0; }
form { margin: 0; }
img { max-width: 100%; }
:focus-visible { outline: 3px solid var(--redma-focus); outline-offset: 4px; }
.modal.active > .modal-back { display: block; pointer-events: auto; }
.modal.active > .modal-dialog { z-index: 1; }
.modal .modal-dialog { box-sizing: border-box; }
.modal [cr-modal-close] { cursor: pointer; }
.redma-form-note { font: 14px/1.5 "Blogger Sans", sans-serif; margin: 14px 10px; color: inherit; opacity: .85; }
.redma-form-result { padding: 18px; margin: 14px 10px; border-radius: var(--redma-radius); background: var(--redma-soft); color: var(--redma-ink); font: 16px/1.5 "Blogger Sans", sans-serif; }
.redma-form-result p { margin: 0 0 12px; }
a.redma-telegram-link { display: inline-block; padding: 12px 20px; background: var(--redma-accent); color: var(--redma-surface); border-radius: 6px; text-decoration: none; }
#redma-notice { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%); z-index: 2000; width: min(540px, calc(100vw - 32px)); box-sizing: border-box; padding: 20px; background: var(--redma-ink); color: var(--redma-surface); box-shadow: 0 4px 24px #0003; border-radius: var(--redma-radius); font: 16px/1.5 sans-serif; }
#redma-notice[hidden] { display: none; }
.redma-lightbox .modal-dialog { width: min(1200px, 95vw); margin: 5vh auto; position: relative; }
.redma-lightbox img { max-height: 85vh; object-fit: contain; }
.redma-lightbox button { position: absolute; right: 0; top: 0; font-size: 32px; background: var(--redma-surface); border: 0; cursor: pointer; width: 48px; height: 48px; }
.redma-animation { max-width: 100%; }
.screen-xs .area-wrapper { min-width: 0; }
.screen-xs .container { width: 100%; max-width: 100%; }
.screen-xs .modal .modal-dialog { width: min(95vw, 500px); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; animation-iteration-count: 1 !important; }
}
.metahtml.is-hidden { display: none !important; }
/* Builder absolute layers require an explicit mobile composition without its JS. */
.screen-xs[data-redma-page="index"] .section.css1 .node.css2 { padding-bottom: 5px !important; }
.screen-xs[data-redma-page="index"] .section.css1 .gridwrap { row-gap: 6px; }
.screen-xs[data-redma-page="index"] .node.css37 > .zero-grid { height: 300px; }
.screen-xs[data-redma-page="index"] .zero-layer.css39 > .zero-layer-axis { height: 300px; }
.screen-xs[data-redma-page="index"] .zero-layer.css39 > .zero-layer-axis > .zero-layer-frame { left: 0; top: 10px; width: 100%; }
.screen-xs[data-redma-page="index"] .zero-layer.css40 { display: none; }
/* Decorative layers must not intercept form and navigation clicks. */
.zero-layer { pointer-events: none; }
.zero-layer a, .zero-layer button, .zero-layer input, .zero-layer select, .zero-layer textarea { pointer-events: auto; }
.screen-xs .textable { overflow-wrap: anywhere; }
.screen-xs .text-badge { max-width: 100%; box-sizing: border-box; }
.screen-xs[data-redma-page="index"] .textable.css118 { font-size: clamp(18px, 5.5vw, 24px) !important; letter-spacing: .03em !important; }