/* Additional layers belong to the homepage canvas, below navigation and modals. */
.home .rt-main { position:relative; }
.rtn-extra-stage { position:absolute; top:0; left:0; width:100%; height:100%; z-index:4; pointer-events:none; }
.rtn-extra-item { position:absolute; left:50%; top:var(--extra-desktop-y,120px); width:min(var(--extra-desktop-width,360px),100%); transform:translateX(calc(-50% + var(--extra-desktop-x,0px))); display:var(--extra-display,block); pointer-events:auto; color:var(--extra-color,#f1fff3); background:var(--extra-background,transparent); text-align:var(--extra-align,center); font:700 var(--extra-desktop-fontSize,32px)/1.25 Bahnschrift,system-ui,sans-serif; overflow-wrap:anywhere; }
.rtn-extra-item img { display:block; width:100%; height:auto; }
.rtn-extra-item .rtn-extra-text-content { margin:0; padding:.35em .5em; font:inherit; color:inherit; white-space:pre-wrap; }
.rtn-extra-type-button { background:transparent; }
.rtn-extra-button { display:flex; align-items:center; justify-content:space-between; gap:.75em; padding:.65em .9em; min-height:44px; color:inherit; background:var(--extra-background,#13f43f); font:inherit; text-decoration:none; border:1px solid #95ffb1; clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px); }
.rtn-extra-button:hover { filter:brightness(1.12); }
.rtn-extra-button:focus-visible { outline:3px solid white; outline-offset:-5px; }
.rtn-extra-space { pointer-events:none; }
@media(max-width:720px) { .rtn-extra-item { top:var(--extra-mobile-y,120px); width:min(var(--extra-mobile-width,280px),100%); transform:translateX(calc(-50% + var(--extra-mobile-x,0px))); font-size:var(--extra-mobile-fontSize,24px); } }