/*
Theme Name: delta-a98a3f
Theme URI:
Author: Delta Lumen
Description: Block theme for Roobet information site.
Version: 1.0.2.9899681
Requires at least: 6.6
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: delta-a98a3f
*/

/* --- база (дев-стандарт NL, блок «КОРОТКО ПРО СТИЛІ») --- */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  word-wrap: anywhere;
  font-size: 1.18rem;
  font-family: "Inter", -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Правки дева 17.08: блок ссылок/кнопок/бейджей из base.css здесь больше НЕ
   печатается. Цвета ссылок теперь живут только в theme.json (elements.link),
   регистр кнопки — в elements.button. Почему так, а не «просто убрать
   !important»: `:where(...)` даёт нулевую специфичность, поэтому перебить эти
   правила можно было ТОЛЬКО другим !important, а Global Styles (то, что пишет
   Site Editor и «styles css») печатает свои декларации без него — сайт молча
   игнорировал смену цвета ссылок из админки, и оставался только FTP.
   `.img-filter` и `.is-style-hover` в генерируемой разметке не используются
   вовсе — это был мёртвый CSS и одновременно сетевая сигнатура. */

/* Внимание: в исходном base.css это правило стояло под `no-preference`,
   то есть анимации глушились у тех, кто их НЕ просил отключать. Исправлено. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* --- функциональный минимум для [toc_h2] и [faq] ---
   Только то, без чего компонент не работает: раскрытие, курсор, поворот стрелки.
   Цвета, рамки, отступы и типографика этих блоков сознательно НЕ печатаются:
   дев-команда держит их оформление в Site Editor → Additional CSS (28 селекторов
   на каждом из 10 сателлитов), а style.css темы подключается ПОЗЖЕ Global Styles
   и перебил бы их — ровно та ловушка, из-за которой правились цвета ссылок. */
.play-roobet-toc-header {
  cursor: pointer;
  user-select: none;
}

.play-roobet-toc-arrow {
  display: inline-block;
  transition: transform 0.25s ease-in-out;
}

.play-roobet-toc-arrow.is-open {
  transform: rotate(90deg);
}

.play-roobet-toc-list.no-style {
  list-style: none;
}

.play-roobet-faq-question {
  cursor: pointer;
}

/* Родная стрелка <summary> убирается, потому что дев рисует свою через ::after. */
.play-roobet-faq-question::-webkit-details-marker {
  display: none;
}

.play-roobet-faq-question {
  list-style: none;
}

/* --- вариант A: флекс, space-between --- */
.site-header {
  padding-top: 1.3em;
  padding-bottom: 1.3em;
}

.site-footer {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}

.site-header .wp-block-site-logo img,
.site-header .wp-block-site-title {
  max-width: 140px;
}

.site-footer .wp-block-site-logo img {
  max-width: 130px;
}

.site-header .wp-block-navigation {
  gap: 14px;
}

.site-footer .wp-block-navigation {
  gap: 22px;
}

.rg-badge {
  width: 60px;
  height: auto;
}

.copyright-bar {
  border-radius: 0;
}

/* --- hero: затемнение градиентом, а не ровным полотном ---
   `wp:cover` печатает `dimRatio` как сплошную заливку поверх всей картинки.
   На тёмной иллюстрации это незаметно, а на светлой (клиенты со своим
   визуальным профилем — Fixbet, плоская графика на кремовом) картинка уходила
   в мутную оливку: 60 % тёмного поверх светлого фона. Убрать затемнение
   нельзя — текст hero светлый и на кремовом станет нечитаем, поэтому тень
   остаётся там, где лежит текст (левая половина), и сходит на нет над самой
   иллюстрацией. Специфичность двух классов перебивает правило ядра без
   !important. */
.wp-block-cover > .wp-block-cover__background.has-background-dim {
  opacity: 1;
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    rgba(23, 24, 38, 0.92) 0%,
    rgba(23, 24, 38, 0.92) 30%,
    rgba(23, 24, 38, 0.55) 55%,
    rgba(23, 24, 38, 0) 80%
  );
}

/* Текст hero держим в затемнённой половине. Без этого абзацы уезжали на
   светлую часть картинки и белым по кремовому не читались — сам градиент
   проблему не закрывает, потому что contrained-контейнер cover занимает всю
   ширину. */
@media (min-width: 801px) {
  .wp-block-cover > .wp-block-cover__inner-container {
    max-width: min(58%, 760px);
    margin-inline: 0 auto;
  }
}

/* На узком экране колонки cover складываются, текст едет поверх самой
   иллюстрации — горизонтальный градиент там перестаёт защищать читаемость,
   поэтому возвращаем ровную подложку. */
@media (max-width: 800px) {
  .wp-block-cover > .wp-block-cover__background.has-background-dim {
    background-image: linear-gradient(
      180deg,
      rgba(23, 24, 38, 0.55) 0%,
      rgba(23, 24, 38, 0.92) 100%
    );
  }
}

@media (max-width: 991px) {
  .ftr-row-secondary {
    flex-direction: column-reverse;
  }
}

@media (max-width: 800px) {
  .hdr-row-reverse {
    flex-direction: row-reverse;
  }
  .img-float > .alignleft,
  .img-float > .alignright {
    float: none !important;
    margin: 0 auto;
  }
  .img-float figure {
    margin: 0 auto !important;
  }
  .wp-block-image.alignleft {
    margin-right: auto !important;
  }
}

@media (max-width: 390px) {
  .bttn-mobile-padding a {
    padding: 10px 20px;
    font-size: 12px;
  }
}

/* --- правки дев-команды 05.08 (правки.docx, разбор на трёх сателлитах Wettzo DE) --- */
body {
  overflow-x: hidden;
}

main.wp-block-group {
  padding: 1em;
}

main.wp-block-group .wp-block-image {
  display: flex;
  justify-content: center;
}

.site-footer .wp-block-navigation__container {
  justify-content: center;
}

.site-header .wp-block-site-logo img,
.site-header .wp-block-site-title {
  width: auto;
  height: auto;
}

.wp-block-navigation__responsive-container-open {
  background-color: transparent !important;
}

@media (max-width: 800px) {
  .site-header .wp-block-site-logo img,
  .site-header .wp-block-site-title {
    max-width: min(140px, 38vw);
  }
  .wp-block-navigation__responsive-container-open {
    padding: 4px !important;
  }
}

/* --- вариант B: grid-хедер и Columns-футер (docx «Основні вимоги до дизайну 2») --- */
.hdr-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  align-items: center;
  gap: 14px;
}

.hdr-cell {
  margin: 0;
}

/* На бургер-брейкпойнте порядок меняется: меню вправо, лого в центр, кнопка влево. */
@media (max-width: 800px) {
  .hdr-grid {
    grid-template-columns: auto 1fr auto;
  }
  .hdr-cell-cta { order: 1; justify-content: flex-start; }
  .hdr-cell-logo { order: 2; justify-content: center; }
  .hdr-cell-nav { order: 3; justify-content: flex-end; }
}

.ftr-columns {
  gap: 22px;
  align-items: flex-start;
}

.ftr-col-brand {
  text-align: center;
}

.ftr-col-brand .wp-block-site-logo {
  display: flex;
  justify-content: center;
}

.ftr-disclaimer {
  opacity: 0.75;
  margin-top: 12px;
}

.ftr-menu-divider {
  border-left: 1px solid #eaac0033;
  padding-left: 22px;
}

.ftr-copyright {
  margin-top: 26px;
  border-radius: 0;
}

@media (max-width: 781px) {
  .ftr-menu-divider {
    border-left: 0;
    padding-left: 0;
  }
}

/* --- motion: brand-v2 (satctl/motion.py) --- */
html { scroll-behavior: smooth; }
::selection { background: var(--wp--preset--color--accent); color: var(--wp--preset--color--base, #111); }

/* шапка: липкая, стекло, тень после прокрутки */
.site-header {
  position: sticky; top: 0; z-index: 50;
  backdrop-filter: saturate(160%) blur(14px); -webkit-backdrop-filter: saturate(160%) blur(14px);
  transition: box-shadow .35s ease, background-color .35s ease, padding .35s ease;
}
body.nl-scrolled .site-header { box-shadow: 0 10px 30px -12px rgba(0,0,0,.55); }
.site-header .wp-block-button__link { white-space: nowrap; }
.site-header .wp-block-navigation a { position: relative; transition: color .25s ease; }
.site-header .wp-block-navigation a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px; border-radius: 2px;
  background: var(--wp--preset--color--accent); transform: scaleX(0); transform-origin: left;
  transition: transform .35s cubic-bezier(.2,.8,.2,1);
}
.site-header .wp-block-navigation a:hover::after,
.site-header .wp-block-navigation .current-menu-item a::after { transform: scaleX(1); }

/* hero: дыхание фона, свечение, появление текста */
.wp-block-cover { overflow: hidden; isolation: isolate; }
.wp-block-cover .wp-block-cover__image-background { animation: nl-kenburns 24s ease-in-out infinite alternate; will-change: transform; }
.wp-block-cover::after {
  content: ""; position: absolute; inset: -20%; z-index: 0; pointer-events: none;
  background: radial-gradient(40% 50% at 75% 40%, color-mix(in srgb, var(--wp--preset--color--accent) 28%, transparent), transparent 70%);
  animation: nl-glow 9s ease-in-out infinite alternate; mix-blend-mode: screen;
}
.wp-block-cover .wp-block-cover__inner-container { position: relative; z-index: 2; }
.wp-block-cover .wp-block-cover__inner-container > * { animation: nl-rise .9s cubic-bezier(.2,.8,.2,1) both; }
.wp-block-cover .wp-block-cover__inner-container > *:nth-child(2) { animation-delay: .12s; }
.wp-block-cover .wp-block-cover__inner-container > *:nth-child(3) { animation-delay: .24s; }
.wp-block-cover .wp-block-cover__inner-container > *:nth-child(n+4) { animation-delay: .36s; }
@keyframes nl-kenburns { from { transform: scale(1.02) translate3d(0,0,0); } to { transform: scale(1.12) translate3d(-2%,-1.5%,0); } }
@keyframes nl-glow { from { transform: translate3d(-4%,2%,0) scale(1); opacity: .7; } to { transform: translate3d(4%,-3%,0) scale(1.15); opacity: 1; } }
@keyframes nl-rise { from { opacity: 0; transform: translate3d(0,24px,0); } to { opacity: 1; transform: none; } }

/* кнопки: подъём, свечение, блик */
.wp-block-button__link {
  position: relative; overflow: hidden; isolation: isolate;
  transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, filter .25s ease;
  box-shadow: 0 8px 24px -10px color-mix(in srgb, var(--wp--preset--color--accent) 70%, transparent);
}
.wp-block-button__link::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: -60%; width: 40%; z-index: -1;
  background: linear-gradient(100deg, transparent, rgba(255,255,255,.45), transparent);
  transform: skewX(-20deg); transition: left .6s ease;
}
.wp-block-button__link:hover { transform: translateY(-2px) scale(1.02); filter: brightness(1.06);
  box-shadow: 0 14px 34px -10px color-mix(in srgb, var(--wp--preset--color--accent) 85%, transparent); }
.wp-block-button__link:hover::before { left: 130%; }
.wp-block-button__link:active { transform: translateY(0) scale(.98); }
.entry-content .wp-block-button:first-of-type .wp-block-button__link,
.wp-block-cover .wp-block-button__link { animation: nl-pulse 2.8s ease-in-out 1.5s infinite; }
@keyframes nl-pulse {
  0%, 100% { box-shadow: 0 8px 24px -10px color-mix(in srgb, var(--wp--preset--color--accent) 70%, transparent); }
  50% { box-shadow: 0 0 0 8px color-mix(in srgb, var(--wp--preset--color--accent) 18%, transparent),
                    0 12px 32px -8px color-mix(in srgb, var(--wp--preset--color--accent) 80%, transparent); }
}

/* картинки: рамка, тень акцента, зум */
.entry-content figure.wp-block-image { border-radius: 18px; overflow: hidden; position: relative;
  box-shadow: 0 24px 60px -28px color-mix(in srgb, var(--wp--preset--color--accent) 55%, rgba(0,0,0,.8)); }
.entry-content figure.wp-block-image img { display: block; width: 100%; height: auto;
  transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .8s ease; }
.entry-content figure.wp-block-image:hover img { transform: scale(1.045); filter: saturate(1.1); }
.entry-content figure.wp-block-image::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none;
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--wp--preset--color--accent) 30%, transparent); }

/* типографика контента */
.entry-content h2 { position: relative; padding-left: .9rem; }
.entry-content h2::before { content: ""; position: absolute; left: 0; top: .2em; bottom: .2em; width: 4px; border-radius: 4px;
  background: linear-gradient(var(--wp--preset--color--accent), color-mix(in srgb, var(--wp--preset--color--accent) 20%, transparent)); }
.entry-content p a, .entry-content li a { text-decoration: none;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 2px no-repeat; transition: background-size .35s ease; }
.entry-content p a:hover, .entry-content li a:hover { background-size: 100% 2px; }
.entry-content ul:not([class]) li::marker { color: var(--wp--preset--color--accent); }
.entry-content table { border-collapse: separate; border-spacing: 0; width: 100%; border-radius: 14px; overflow: hidden; }
.entry-content table tr { transition: background-color .2s ease; }
.entry-content table tbody tr:hover { background: color-mix(in srgb, var(--wp--preset--color--accent) 8%, transparent); }
.entry-content details { transition: background-color .3s ease; border-radius: 12px; }
.entry-content details[open] { background: color-mix(in srgb, var(--wp--preset--color--accent) 6%, transparent); }
.entry-content details > :not(summary) { animation: nl-rise .45s ease both; }

/* появление при прокрутке: класс ставит JS только на блоки ниже первого экрана */
.nl-reveal { opacity: 0; transform: translate3d(0, 28px, 0);
  transition: opacity .8s cubic-bezier(.2,.8,.2,1), transform .8s cubic-bezier(.2,.8,.2,1); transition-delay: var(--nl-delay, 0s); }
.nl-reveal.is-in { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
  .nl-reveal { opacity: 1; transform: none; }
  .wp-block-cover .wp-block-cover__image-background, .wp-block-cover::after { animation: none; }
}

/* --- skin editorial --- */
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/sora-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/sora-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/sora-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/sora-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* --- skins: общий каркас (satctl/skins.py) --- */
.nl-topbar{margin:0;padding:8px 16px;text-align:center;font-size:13px;line-height:1.4;
  background:color-mix(in srgb,var(--wp--preset--color--base) 70%,#000);color:var(--wp--preset--color--contrast)}
.nl-topbar b{display:inline-block;margin-right:8px;padding:0 7px;border:1.5px solid var(--wp--preset--color--accent);
  border-radius:999px;font-size:11px;line-height:18px;color:var(--wp--preset--color--accent)}
.nl-eyebrow{display:inline-block;margin:0 0 14px!important;padding:5px 12px;font-size:12px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--wp--preset--color--accent);
  background:color-mix(in srgb,var(--wp--preset--color--accent) 12%,transparent);border-radius:999px}
.nl-toc{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0!important;margin:8px 0 28px!important}
.nl-toc li{margin:0}
.nl-toc a{display:inline-block;padding:6px 12px;font-size:13px;border-radius:999px;text-decoration:none;
  border:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 18%,transparent);transition:all .25s ease}
.nl-toc a:hover{border-color:var(--wp--preset--color--accent);color:var(--wp--preset--color--accent)}
.entry-content{counter-reset:nlsec}
.nl-sec{counter-increment:nlsec;scroll-margin-top:96px}
.nl-sec > h2{scroll-margin-top:96px}
/* таблица фактов → сетка плашек */
.nl-facts table{border:0}
.nl-facts thead{display:none}
.nl-facts tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.nl-facts tr{display:flex;flex-direction:column-reverse;gap:2px;padding:12px 14px;border-radius:12px;
  background:color-mix(in srgb,var(--wp--preset--color--contrast) 5%,transparent);
  border:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 12%,transparent)}
.nl-facts td{border:0!important;padding:0!important}
.nl-facts td:first-child{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.nl-facts td:last-child{font-weight:700;color:var(--wp--preset--color--accent)}
/* hero: текст слева, картинка в рамке справа (десктоп) */
@media (min-width:900px){
  .wp-block-cover.alignfull{min-height:0!important;padding-top:64px;padding-bottom:64px;background:var(--wp--preset--color--base)}
  .wp-block-cover .wp-block-cover__background{opacity:0!important}
  .wp-block-cover .wp-block-cover__image-background{left:auto!important;right:max(24px,calc((100vw - 1240px)/2));
    top:50%!important;width:38%!important;height:min(78%,440px)!important;transform:translateY(-50%);animation:none!important;
    object-fit:cover}
  .wp-block-cover .wp-block-cover__inner-container{width:min(40%,600px)!important;max-width:600px!important;
    margin-left:max(24px,calc((100vw - 1240px)/2))!important;margin-right:auto!important}
  .wp-block-cover .wp-block-cover__inner-container > *{max-width:100%!important;margin-left:0!important;margin-right:0!important}
}

/* skin: editorial */
body{font-size:17px;line-height:1.65}
h1,h2,h3{font-family:'Sora',var(--wp--preset--font-family--body,inherit);letter-spacing:-.02em}
h1{font-size:clamp(34px,4.8vw,56px)!important;line-height:1.05!important}
.wp-block-cover .wp-block-cover__image-background{border-radius:20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.55)}
.wp-block-cover .wp-block-cover__inner-container > p:not(.nl-eyebrow){border-left:4px solid var(--wp--preset--color--accent);padding-left:14px}
.wp-block-button__link{border-radius:10px!important;font-weight:800}
.nl-sec{padding:6px 0}
.nl-sec > h2::before{content:counter(nlsec,decimal-leading-zero);display:inline-grid;place-items:center;width:36px;height:36px;
  margin-right:12px;border-radius:10px;font-size:14px;vertical-align:middle;color:var(--wp--preset--color--base);
  background:var(--wp--preset--color--accent)}
.entry-content figure.wp-block-table:not(.nl-facts) table{border-radius:14px;overflow:hidden}
.entry-content figure.wp-block-table:not(.nl-facts) th{text-transform:uppercase;font-size:13px;letter-spacing:.06em}

/* --- интерактив макетов (skins.js) --- */
.nl-aside{position:fixed;top:110px;right:max(16px,calc((100vw - 1240px)/2 - 290px));width:250px;max-height:calc(100vh - 140px);overflow:auto;
  z-index:20;padding:16px;border-radius:14px;background:color-mix(in srgb,var(--wp--preset--color--base) 92%,#000);
  border:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 12%,transparent)}
.nl-aside.left{right:auto;left:max(16px,calc((100vw - 1240px)/2 - 290px))}
.nl-aside p{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.nl-aside .nl-toc{display:block;margin:0!important}
.nl-aside .nl-toc a{display:block;border:0;border-radius:8px;padding:6px 8px;font-size:13px}
.nl-aside .nl-toc a.active{background:color-mix(in srgb,var(--wp--preset--color--accent) 16%,transparent);color:var(--wp--preset--color--accent)}
.nl-aside .wp-block-button__link{display:block;margin-top:10px;text-align:center}
.nl-mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:10px 14px;transform:translateY(110%);transition:transform .35s ease;
  background:color-mix(in srgb,var(--wp--preset--color--base) 94%,#000);box-shadow:0 -8px 24px rgba(0,0,0,.4)}
.nl-mbar.show{transform:none}.nl-mbar .wp-block-button__link{display:block;text-align:center}
.nl-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px;border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--contrast) 14%,transparent)}
.nl-tabs button{font:600 13px 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;padding:10px 14px;
  background:none;border:0;border-bottom:2px solid transparent;color:inherit;opacity:.7;cursor:pointer;transition:all .25s}
.nl-tabs button[aria-selected=true]{opacity:1;color:var(--wp--preset--color--accent);border-bottom-color:var(--wp--preset--color--accent);
  text-shadow:0 0 12px color-mix(in srgb,var(--wp--preset--color--accent) 60%,transparent)}
.nl-sw{display:inline-flex;gap:0;margin:0 0 14px;border:1px solid var(--wp--preset--color--accent)}
.nl-sw button{font:600 13px 'JetBrains Mono',ui-monospace,monospace;text-transform:uppercase;padding:8px 16px;background:none;border:0;
  color:inherit;cursor:pointer}
.nl-sw button[aria-pressed=true]{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base)}
.nl-tocbar{position:sticky;top:var(--nl-hdr,72px);z-index:30;display:flex;align-items:center;gap:12px;margin:0 0 24px;padding:10px 0;
  background:var(--wp--preset--color--base);border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--accent) 25%,transparent)}
.nl-tocbar .nl-toc{flex:1;flex-wrap:nowrap;overflow-x:auto;margin:0!important;scrollbar-width:none}
.nl-tocbar .nl-toc a{white-space:nowrap}
.nl-tocbar .nl-toc a.active{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base);border-color:var(--wp--preset--color--accent)}
.nl-tocbar .wp-block-button__link{white-space:nowrap;padding:10px 18px!important}
.nl-acc{display:grid;gap:12px;margin-top:8px}
.nl-acc-item{border:3px solid color-mix(in srgb,var(--wp--preset--color--contrast) 18%,transparent);border-radius:22px;overflow:hidden}
.nl-acc-item button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:none;border:0;
  color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer}
.nl-acc-item button i{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;font-style:normal;
  background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base);transition:transform .35s cubic-bezier(.34,1.8,.64,1)}
.nl-acc-item button[aria-expanded=true] i{transform:rotate(135deg)}
.nl-acc-p{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s ease}
.nl-acc-p.c{grid-template-rows:0fr}.nl-acc-p > div{overflow:hidden;padding:0 20px}.nl-acc-p:not(.c) > div{padding-bottom:16px}
.nl-where{margin:22px 0 0;padding:20px;border-radius:24px;border:3px dashed #e39949}
.nl-where-h{margin:0 0 10px;font-family:'Lilita One',sans-serif;font-size:22px}
.nl-where select{width:100%;padding:12px 14px;border-radius:14px;font:inherit;background:var(--wp--preset--color--base);color:inherit;
  border:2px solid color-mix(in srgb,var(--wp--preset--color--contrast) 22%,transparent)}
.nl-res{margin-top:12px;padding:14px 16px;border-radius:16px;animation:nl-pop .35s cubic-bezier(.34,1.8,.64,1)}
.nl-res.ok{background:color-mix(in srgb,#4ade80 16%,transparent);border:2px solid #4ade80}
.nl-res.no{background:color-mix(in srgb,#f87171 16%,transparent);border:2px solid #f87171}
.nl-where-r .wp-block-button__link{display:inline-block;margin-top:12px}
@keyframes nl-pop{from{transform:scale(.9);opacity:0}}
.nl-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;transform-origin:0 50%;transform:scaleX(0);
  background:var(--wp--preset--color--accent)}
.nl-totop{position:fixed;right:18px;bottom:18px;z-index:40;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;font-size:18px;
  background:var(--wp--preset--color--accent);color:var(--wp--preset--color--base);opacity:0;transform:translateY(12px);transition:all .3s;pointer-events:none}
.nl-totop.show{opacity:1;transform:none;pointer-events:auto}
@media (prefers-reduced-motion:reduce){.nl-acc-p,.nl-res,.nl-totop,.nl-mbar{transition:none;animation:none}}