/* Rekara — custom styles shared by every language version. */

html { scroll-behavior: smooth; }

:focus-visible { outline: 2px solid #5980a6; outline-offset: 2px; }
::selection { background: rgba(89, 128, 166, 0.25); }

/* Blueprint frame: hairline corner ticks on a bordered box. */
.bp { position: relative; }
.bp > .corner {
  position: absolute; width: 9px; height: 9px; opacity: 0.55; pointer-events: none;
  background:
    linear-gradient(currentColor, currentColor) center/100% 1px no-repeat,
    linear-gradient(currentColor, currentColor) center/1px 100% no-repeat;
}
.bp > .tl { top: -5px; left: -5px; }
.bp > .tr { top: -5px; right: -5px; }
.bp > .bl { bottom: -5px; left: -5px; }
.bp > .br { bottom: -5px; right: -5px; }