/* kreatuv.com.ua — акцент сайту, текстовий блок, FAQ-акордеон, футер.
   Палітра в тон Buddy Bet: графіт + лайм, але акцент зсунуто в зеленіший лайм (#cdf03a), щоб не збігатися з іншими доменами бренду. */
:root:root{--control-primary:#cdf03a;--control-primary-hover:#bbe02a;--kr-ink:#1f1e1b;--kr-ink-2:#2c2b27;--kr-lime:#cdf03a;--kr-lime-soft:#cdf03a33}

.kr-article{padding:28px 16px 12px;background:var(--background-secondary,#f5f4f1)}
.kr-article__in{max-width:980px;margin:0 auto;background:var(--background-main,#fff);border-radius:24px;overflow:hidden;
  box-shadow:0 10px 30px -18px #0000004d;color:var(--text-subtitle,#575249);
  font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.65;padding:0 36px 34px;counter-reset:krh2}
/* шапка статті: графітова смуга з діагональним лайм-патерном */
.kr-head{margin:0 -36px 24px;padding:26px 36px 22px;background:var(--kr-ink);color:#f5f4f1;position:relative;overflow:hidden}
.kr-head::after{content:"";position:absolute;right:-40px;top:0;bottom:0;width:240px;opacity:.9;
  background:repeating-linear-gradient(-55deg,var(--kr-lime) 0 10px,transparent 10px 26px);
  -webkit-mask:linear-gradient(90deg,transparent,#000 70%);mask:linear-gradient(90deg,transparent,#000 70%)}
.kr-head>*{position:relative;z-index:1;max-width:calc(100% - 150px)}
.kr-article--short .kr-article__in{padding-bottom:0}
.kr-article--short .kr-head{margin-bottom:0}
.kr-article h1,.kr-article h2,.kr-article h3{text-transform:none;letter-spacing:0;font-weight:800}
.kr-h1{font-size:31px;line-height:1.18;margin:0 0 12px;color:#fff !important}
.kr-article h2,.kr-article h3{color:var(--text-title,#292621)}
.kr-article h2{font-size:22px;line-height:1.3;margin:34px 0 12px;display:flex;gap:12px;align-items:flex-start}
.kr-article h2::before{counter-increment:krh2;content:counter(krh2,decimal-leading-zero);flex:none;font-size:13px;line-height:1;
  padding:7px 8px;margin-top:2px;border-radius:8px;background:var(--kr-ink);color:var(--kr-lime);font-weight:800}
.kr-article h3{font-size:18px;margin:20px 0 8px}
.kr-article p{margin:0 0 14px}
.kr-article ul,.kr-article ol{margin:0 0 18px;padding-left:0;list-style:none}
.kr-article ul>li,.kr-article ol>li{position:relative;padding-left:30px;margin:0 0 8px}
.kr-article ul>li::before{content:"";position:absolute;left:4px;top:.45em;width:12px;height:12px;border-radius:3px;
  background:var(--kr-lime);transform:rotate(45deg);box-shadow:0 0 0 3px var(--kr-lime-soft)}
.kr-article ol{counter-reset:krol}
.kr-article ol>li::before{counter-increment:krol;content:counter(krol);position:absolute;left:0;top:.1em;width:22px;height:22px;
  border-radius:50%;background:var(--kr-ink);color:var(--kr-lime);font-size:12px;font-weight:800;text-align:center;line-height:22px}
.kr-article a{color:var(--text-title,#292621);font-weight:600;text-decoration:none;
  background:linear-gradient(transparent 62%,var(--kr-lime-soft) 62%);border-bottom:2px solid var(--kr-lime)}
.kr-article a:hover{background:var(--kr-lime)}
.kr-article strong{color:var(--text-title,#292621)}
.kr-article img{display:block;width:100%;height:auto;border-radius:16px;margin:8px 0 20px;background:var(--background-secondary,#f5f4f1);
  outline:1px solid var(--divider-main,#2929291a);outline-offset:4px}
.kr-byline{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;color:#cfcac0;margin:0 !important}
.kr-byline::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--kr-lime);box-shadow:0 0 0 4px #cdf03a40}
.kr-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0;font-size:13px;color:#b9b4aa}
.kr-crumbs li{padding:0 !important;margin:0 !important}
.kr-crumbs li::before{display:none}
.kr-crumbs li+li::before{display:inline;content:"/";position:static;background:none;box-shadow:none;transform:none;width:auto;height:auto;margin-right:6px;color:var(--kr-lime)}
.kr-crumbs a{color:#e9e5dc !important;background:none !important;border:0 !important;font-weight:400 !important}
.kr-table-wrap{overflow-x:auto;margin:0 0 20px;border-radius:16px;border:1px solid var(--divider-main,#2929291a)}
.kr-table{width:100%;border-collapse:collapse;font-size:15px}
.kr-table th{background:var(--kr-ink);color:var(--kr-lime);text-align:left;font-weight:700;text-transform:uppercase;font-size:13px;letter-spacing:.4px}
.kr-table th,.kr-table td{padding:11px 16px;border-bottom:1px solid var(--divider-main,#2929291a);vertical-align:top}
.kr-table tr:last-child td{border-bottom:0}
.kr-table td:first-child{font-weight:600;color:var(--text-title,#292621);width:38%}
.kr-table tr:nth-child(even) td{background:var(--background-secondary,#f5f4f1)}
.kr-faq-list{display:grid;gap:10px;margin:8px 0 6px}
.kr-faq{border-radius:16px;background:var(--background-secondary,#f5f4f1);overflow:hidden;border:1px solid transparent;transition:border-color .2s}
.kr-faq[open]{border-color:var(--kr-lime);background:var(--background-main,#fff)}
.kr-faq summary{list-style:none;cursor:pointer;padding:15px 52px 15px 18px;position:relative}
.kr-faq summary::-webkit-details-marker{display:none}
.kr-faq summary h3{margin:0;font-size:16px}
.kr-faq summary::after{content:"";position:absolute;right:20px;top:50%;width:10px;height:10px;margin-top:-7px;
  border-right:3px solid var(--text-title,#292621);border-bottom:3px solid var(--text-title,#292621);transform:rotate(45deg);transition:transform .25s,margin .25s}
.kr-faq[open] summary::after{transform:rotate(-135deg);margin-top:-2px;border-color:#7a9a00}
.kr-faq__a{padding:0 18px 6px;animation:krFade .3s ease}
@keyframes krFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.kr-footer{border-top:4px solid var(--kr-lime)}
.kr-footer .kr-seals{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.kr-seal-txt{font-size:13px;font-weight:600;text-decoration:none;opacity:.85;color:inherit;border:1px solid currentColor;border-radius:6px;padding:2px 7px}
.kr-age{display:inline-block;font-weight:800;background:var(--kr-lime);color:var(--kr-ink);border-radius:6px;padding:2px 6px;font-size:12px;margin-right:6px}
.kr-h1-legal{text-transform:none !important}
@media (max-width:767px){
  .kr-article{padding:16px 8px 6px}
  .kr-article__in{padding:0 16px 24px;border-radius:18px}
  .kr-head{margin:0 -16px 18px;padding:20px 16px 18px}
  .kr-head::after{width:90px;opacity:.55}
  .kr-head>*{max-width:100%}
  .kr-h1{font-size:24px}
  .kr-article h2{font-size:19px}
  .kr-table{font-size:14px}
  .kr-table td:first-child{width:auto}
}
/* шапка на вузьких екранах: «Реєстрація» не вилазить за край */
@media (max-width:420px){
  .modulor_header2__right__1_28_2{padding-right:8px}
  .modulor_header2__right__1_28_2 .modulor_button__button__1_28_2{padding-left:10px;padding-right:10px}
  .modulor_header2__right__1_28_2 [data-id="header-search"]{display:none}
}