:root {
  --sl-orange: #F26A00;
  --sl-orange-d: #C04D00;
  --sl-orange-dd: #A84300;
  --sl-link: #A84300;
  --sl-sun: #FFD23F;
  --sl-sun-l: #FFF1A8;
  --sl-sun-d: #F9A21B;
  --sl-cream: #FFFBF4;
  --sl-peach: #FFF3E0;
  --sl-peach-2: #FFE9C2;
  --sl-line: #F3DFC2;
  --sl-line-2: #FBE6C4;
  --sl-ink: #3A2410;
  --sl-body: #4B321A;
  --sl-soft: #5A3D1F;
  --sl-muted: #7A5A3A;
  --sl-brown: #2B1A0C;
  --sl-r: 22px;
  --sl-r-lg: 32px;
  --sl-head: 'Comfortaa', 'Trebuchet MS', system-ui, sans-serif;
  --sl-text: 'Raleway', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  --accent: var(--sl-orange-d);
  --accent-ink: var(--sl-orange-dd);
  --accent-tint: var(--sl-peach);
  --cta: var(--sl-orange-d);
  --cta-ink: var(--sl-orange-dd);
  --ink: var(--sl-ink);
  --body: var(--sl-body);
  --reading: var(--sl-body);
  --muted: var(--sl-muted);
  --muted-2: #8C6B48;
  --surface: #FFF8EC;
  --surface-2: #FFFAF2;
  --border: var(--sl-line);
  --border-soft: #F8EBD6;
  --dark: var(--sl-brown);
  --dark-2: #22140A;
  --page-bg: var(--sl-cream);
  --cream: #FFF3D9;
  --cream-2: #FFE7B8;
  --cream-bd: #FFD39A;
  --cream-bd-2: #FBE1AE;
  --star: var(--sl-sun);
  --font-body: var(--sl-text);
}

body.sfb-body { background: var(--sl-cream); color: var(--sl-body); font-family: var(--sl-text); font-size: 17px; line-height: 1.7; font-variant-numeric: lining-nums; }
.sfb-main { display: block; }
.sl-land, .sl-page { display: block; }
.sl-wrap { max-width: 1180px; margin: 0 auto; padding: 0 22px; }

/* buttons */
.sl-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; font-family: var(--sl-text); font-weight: 700; font-size: 15px; line-height: 1.2; padding: 12px 22px; min-height: 46px; border-radius: 999px; text-decoration: none; border: 2px solid transparent; transition: transform .15s ease, background-color .15s ease, border-color .15s ease; }
.sl-btn:hover { text-decoration: none; transform: translateY(-1px); }
.sl-btn--sun { background-color: var(--sl-orange-d); background-image: linear-gradient(180deg, #C65000, #B44800); color: #fff; box-shadow: 0 8px 20px rgba(192, 77, 0, .26); }
.sl-btn--sun:hover { background-color: var(--sl-orange-dd); background-image: none; color: #fff; }
.sl-btn--soft { background: #fff; color: var(--sl-ink); border-color: var(--sl-line); }
.sl-btn--soft:hover { border-color: var(--sl-orange); color: var(--sl-ink); }
.sl-btn--lg { font-size: 16px; padding: 15px 28px; }

/* logo */
.sl-logo { display: inline-flex; align-items: center; gap: 10px; }
.sl-logo__mark { width: 40px; height: 40px; flex: none; }
.sl-logo__word { font-family: var(--sl-head); font-weight: 700; font-size: 24px; letter-spacing: .05em; color: var(--sl-ink); }
.sl-logo--light .sl-logo__word { color: #FFF3E0; }

/* header capsule */
.sl-top { position: sticky; top: 0; z-index: 50; padding: 12px 0 6px; }
.sl-cap { position: relative; display: flex; align-items: center; gap: 18px; background: #fff; border: 1px solid var(--sl-line); border-radius: 999px; padding: 8px 8px 8px 20px; box-shadow: 0 10px 30px rgba(58, 36, 16, .08); }
.sl-cap__home { flex: none; text-decoration: none; }
.sl-cap__home:hover { text-decoration: none; }
.sl-nav { display: flex; flex: 1; justify-content: center; gap: 4px; min-width: 0; }
.sl-nav__a { color: var(--sl-ink); font-weight: 600; font-size: 14.5px; padding: 9px 14px; border-radius: 999px; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 240px; }
.sl-nav__a:hover { background: var(--sl-peach); color: var(--sl-ink); text-decoration: none; }
.sl-nav__a[aria-current="page"] { background: var(--sl-sun); color: var(--sl-ink); }
.sl-cap__cta { flex: none; }
.sl-burger, .sl-burger__l { display: none; }

/* hero: dawn card */
.sl-dawn { position: relative; overflow: hidden; margin-top: 8px; border-radius: 36px; background-color: #FFE3B5; background-image: radial-gradient(520px 360px at 80% 40%, rgba(255, 210, 63, .55), transparent 70%), linear-gradient(180deg, #FFF5E1 0%, #FFE9C4 40%, #FFD39A 74%, #FFB867 100%); padding: 56px 56px 120px; }
.sl-dawn__grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 40px; align-items: center; }
.sl-dawn__copy { min-width: 0; }
.sl-tag { display: inline-block; font-size: 12.5px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--sl-orange-dd); background: #fff; border: 1px solid #FFD39A; padding: 6px 14px; border-radius: 999px; }
.sl-dawn__h1 { font-family: var(--sl-head); font-weight: 700; font-size: clamp(30px, 4vw, 48px); line-height: 1.18; color: var(--sl-ink); margin: 18px 0 14px; }
.sl-dawn__lead { font-size: 18px; color: var(--sl-soft); max-width: 620px; margin: 0; }
.sl-dawn__btns { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.sl-dawn__art { display: grid; place-items: center; }
.sl-sun { width: 100%; max-width: 340px; height: auto; filter: drop-shadow(0 18px 40px rgba(242, 106, 0, .22)); }
.sl-sun__rays { transform-box: fill-box; transform-origin: center; animation: sl-spin 90s linear infinite; }
@keyframes sl-spin { to { transform: rotate(360deg); } }
.sl-dawn__hills { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 90px; display: block; }

/* section heading */
.sl-h2 { display: flex; align-items: center; gap: 14px; font-family: var(--sl-head); font-weight: 700; font-size: 28px; line-height: 1.25; color: var(--sl-ink); margin: 0 0 22px; }
.sl-h2::before { content: ""; flex: none; width: 14px; height: 14px; border-radius: 50%; background: var(--sl-sun); box-shadow: 0 0 0 5px rgba(255, 210, 63, .32); }

/* bonuses: pills */
.sl-bon { padding: 40px 0 8px; }
.sl-bon__in { max-width: 880px; }
.sl-pills { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.sl-pill { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; background: #fff; border: 1.5px solid var(--sl-line); border-radius: 999px; padding: 10px 10px 10px 12px; box-shadow: 0 8px 22px rgba(58, 36, 16, .06); }
.sl-pill:first-child { border-color: #FFC46B; background-color: #FFF7E2; background-image: linear-gradient(90deg, #FFF1CC, #FFFFFF 70%); }
.sl-pill__n { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background-color: var(--sl-sun); background-image: radial-gradient(circle at 35% 35%, var(--sl-sun-l), var(--sl-sun) 58%, var(--sl-sun-d)); color: var(--sl-ink); font-family: var(--sl-head); font-weight: 700; font-size: 17px; box-shadow: 0 0 0 4px rgba(255, 210, 63, .28); }
.sl-pill__tx { font-weight: 700; font-size: 17.5px; line-height: 1.35; color: var(--sl-ink); min-width: 0; }
.sl-pill__go { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 22px; border-radius: 999px; background-color: var(--sl-orange-d); color: #fff; font-weight: 700; font-size: 14.5px; text-decoration: none; }
.sl-pill__go:hover { background-color: var(--sl-orange-dd); color: #fff; text-decoration: none; }

/* facts: round badges */
.sl-facts { padding: 44px 0 18px; }
.sl-dots { list-style: none; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 24px 14px; text-align: center; }
.sl-dot { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.sl-dot__c { position: relative; width: 96px; height: 96px; border-radius: 50%; display: grid; place-items: center; background: #fff; border: 3px solid var(--sl-sun); box-shadow: 0 0 0 8px #FFF1D2, 0 14px 28px rgba(242, 106, 0, .14); font-family: var(--sl-head); font-weight: 700; font-size: 24px; color: var(--sl-orange-dd); }
.sl-dot__c--ic::after { content: ""; width: 40px; height: 40px; background: var(--sl-orange-d); -webkit-mask: var(--sl-i) center / contain no-repeat; mask: var(--sl-i) center / contain no-repeat; }
.sl-ic--lic { --sl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.5l8.5 3.2v6.2c0 5.3-3.6 9.9-8.5 11.6C7.1 20.8 3.5 16.2 3.5 10.9V4.7zm4.3 7.1l-1.6-1.5-4 4.1-1.9-1.9-1.6 1.5 3.5 3.5z'/%3E%3C/svg%3E"); }
.sl-ic--chat { --sl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3c5.5 0 10 3.6 10 8s-4.5 8-10 8c-1 0-2-.1-2.9-.3L4 21l1.3-4.2C3.2 15.4 2 13.3 2 11c0-4.4 4.5-8 10-8zM7.5 9.6a1.4 1.4 0 100 2.8 1.4 1.4 0 000-2.8zm4.5 0a1.4 1.4 0 100 2.8 1.4 1.4 0 000-2.8zm4.5 0a1.4 1.4 0 100 2.8 1.4 1.4 0 000-2.8z'/%3E%3C/svg%3E"); }
.sl-ic--org { --sl-i: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 3h6a2 2 0 012 2v2h3a2 2 0 012 2v10a2 2 0 01-2 2H4a2 2 0 01-2-2V9a2 2 0 012-2h3V5a2 2 0 012-2zm0 4h6V5H9zm-5 5v2h16v-2z'/%3E%3C/svg%3E"); }
.sl-dot__t { font-size: 14.5px; font-weight: 600; line-height: 1.35; color: var(--sl-soft); max-width: 180px; }

/* article card */
.sl-read { padding: 34px 0 30px; }
.sl-card { background: #fff; border: 1px solid var(--sl-line); border-radius: var(--sl-r-lg); box-shadow: 0 16px 40px rgba(58, 36, 16, .06); }
.sl-card--read { max-width: 940px; margin: 0 auto; padding: 40px 56px 44px; }
.sl-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 0 0 24px; margin: 0 0 30px; border-bottom: 2px dashed var(--sl-line); }
.sl-chips__h { font-family: var(--sl-head); font-weight: 700; font-size: 15px; color: var(--sl-ink); margin-right: 6px; }
.sl-chips__a { display: inline-block; font-size: 14px; font-weight: 600; line-height: 1.35; color: var(--sl-ink); background: var(--sl-peach); border: 1px solid var(--sl-line-2); padding: 6px 14px; border-radius: 999px; text-decoration: none; }
.sl-chips__a:hover { background: var(--sl-sun); color: var(--sl-ink); text-decoration: none; }

/* prose */
.sl-prose { min-width: 0; color: var(--sl-body); }
.sl-prose > :first-child { margin-top: 0; }
.sl-prose h2 { font-family: var(--sl-head); font-weight: 700; font-size: 26px; line-height: 1.3; color: var(--sl-ink); margin: 44px 0 16px; scroll-margin-top: 100px; }
.sl-prose h2::before { content: ""; display: inline-block; width: 12px; height: 12px; margin: 0 12px 4px 2px; border-radius: 50%; background: var(--sl-sun); box-shadow: 0 0 0 4px rgba(242, 106, 0, .18); vertical-align: middle; }
.sl-prose h3 { font-family: var(--sl-text); font-weight: 700; font-size: 20px; line-height: 1.35; color: var(--sl-ink); margin: 28px 0 10px; }
.sl-prose p { margin: 0 0 16px; }
.sl-prose a { color: var(--sl-link); font-weight: 600; text-decoration: underline; text-decoration-color: rgba(168, 67, 0, .35); text-underline-offset: 3px; }
.sl-prose a:hover { text-decoration-color: var(--sl-link); }
.sl-prose strong { color: var(--sl-ink); }
.sl-prose ul, .sl-prose ol { padding-left: 0; margin: 0 0 18px; list-style: none; }
.sl-prose ul > li { position: relative; padding-left: 30px; margin: 9px 0; }
.sl-prose ul > li::before { content: ""; position: absolute; left: 4px; top: .58em; width: 11px; height: 11px; border-radius: 50%; background: var(--sl-sun); box-shadow: 0 0 0 3px rgba(242, 106, 0, .22); }
.sl-prose ol { counter-reset: sl-ol; }
.sl-prose ol > li { counter-increment: sl-ol; position: relative; padding-left: 42px; margin: 11px 0; }
.sl-prose ol > li::before { content: counter(sl-ol); position: absolute; left: 0; top: 0; width: 28px; height: 28px; border-radius: 50%; background: #FFE9B0; border: 2px solid var(--sl-sun); color: var(--sl-ink); font-family: var(--sl-head); font-weight: 700; font-size: 13px; display: grid; place-items: center; }
.sl-prose table { width: 100%; border-collapse: collapse; margin: 22px 0; font-size: 15px; }
.sl-prose th { background: #FFF0D4; color: var(--sl-ink); text-align: left; padding: 12px 14px; font-weight: 700; }
.sl-prose td { padding: 11px 14px; border-bottom: 1px solid #F6E7D0; }
.sl-prose blockquote { margin: 22px 0; padding: 18px 22px; border-radius: 20px; background: #FFF7E3; border: 1px solid #FBE1AE; color: var(--sl-ink); }
.sl-prose img { border-radius: 18px; }

/* content blocks */
.sl-prose .sfb-bc, .sl-prose .sfb-toc, .sl-prose .sfb-rg, .sl-prose .sfb-author { display: none; }
.sl-prose .sfb-table { border: 1px solid var(--sl-line); border-radius: 20px; background: #fff; margin: 28px 0; }
.sl-prose .sfb-table table { margin: 0; }
.sl-prose .sfb-table thead th { background: #FFF0D4; color: var(--sl-ink); font-weight: 700; border-bottom: 2px solid var(--sl-sun); }
.sl-prose .sfb-table tbody tr:nth-child(even) { background: #FFFAF0; }
.sl-prose .sfb-table td { border-bottom-color: #F6E7D0; }
.sl-prose .sfb-table td:first-child, .sl-prose .sfb-table td.key { color: var(--sl-muted); font-weight: 600; }
.sl-prose .sfb-table td strong { color: var(--sl-ink); }
.sl-prose .sfb-bonus { border: 1.5px solid #FFD39A; border-radius: 24px; background: #fff; box-shadow: 0 14px 32px rgba(242, 106, 0, .10); }
.sl-prose .sfb-bonus__head { background-color: #FFF0CF; background-image: linear-gradient(120deg, #FFF6DF, #FFE3A6); border-bottom: 2px dashed #FFC46B; }
.sl-prose .sfb-bonus__kicker { color: var(--sl-orange-dd); }
.sl-prose .sfb-bonus__value { font-family: var(--sl-head); font-weight: 700; color: var(--sl-ink); }
.sl-prose .sfb-bonus__value span { color: var(--sl-orange-dd); }
.sl-prose .sfb-bonus__logo { border-radius: 50%; background-color: var(--sl-sun); background-image: radial-gradient(circle at 35% 35%, var(--sl-sun-l), var(--sl-sun) 58%, var(--sl-sun-d)); color: var(--sl-ink); font-family: var(--sl-head); }
.sl-prose .sfb-bonus__body { background: #fff; }
.sl-prose .sfb-bonus__grid span { color: var(--sl-muted); }
.sl-prose .sfb-bonus__grid strong { color: var(--sl-ink); }
.sl-prose .sfb-bonus__fine { color: var(--sl-muted); }
.sl-prose .sfb-voucher { background: #fff; border: 2px dashed var(--sl-orange); text-decoration: none; }
.sl-prose .sfb-voucher__tag { background: #FFF0D4; color: var(--sl-orange-dd); }
.sl-prose .sfb-voucher__mask { color: var(--sl-muted); background: repeating-linear-gradient(45deg, #FFF8EC, #FFF8EC 6px, #FFF0DA 6px, #FFF0DA 12px); }
.sl-prose .sfb-voucher__btn { background: var(--sl-orange-d); color: #fff; }
.sl-prose .sfb-code, .sl-prose .sfb-bonus code { background: #FFF6E0; border-color: #FFC46B; color: var(--sl-ink); }
.sl-prose .sfb-cta, .sl-prose .sfb-cta--dark { background-color: #FFF3D9; background-image: linear-gradient(120deg, #FFF7E6, #FFE7B8); border: 1px solid #FFD39A; border-radius: 24px; padding: 22px; }
.sl-prose .sfb-cta__title, .sl-prose .sfb-cta--dark .sfb-cta__title { color: var(--sl-ink); }
.sl-prose .sfb-cta__sub, .sl-prose .sfb-cta--dark .sfb-cta__sub, .sl-prose .sfb-cta__note { color: var(--sl-soft); }
.sl-prose .button.button1, .sl-prose .sfb-cta__btn, .sl-prose .sfb-cta--dark .sfb-cta__btn, .sl-prose .sfb-bonus__btn, .sl-prose .sfb-game__btn, .sl-prose .sfb-slot__btn { background-color: var(--sl-orange-d); background-image: none; color: #fff; border: 0; border-radius: 999px; font-weight: 700; text-decoration: none; box-shadow: 0 8px 20px rgba(192, 77, 0, .26); }
.sl-prose .button.button1:hover, .sl-prose .sfb-cta__btn:hover, .sl-prose .sfb-bonus__btn:hover, .sl-prose .sfb-game__btn:hover, .sl-prose .sfb-slot__btn:hover { background-color: var(--sl-orange-dd); color: #fff; filter: none; }
.sl-prose .button.button2, .sl-prose .sfb-cta--dark .sfb-cta__btn--alt { background: var(--sl-ink); color: #fff; border: 0; border-radius: 999px; text-decoration: none; box-shadow: none; }
.sl-prose .button.button2:hover { background: #22140A; color: #fff; }
.sl-prose .sfb-license { background: #FFF8EA; border: 1px solid #FBE1AE; border-radius: 20px; }
.sl-prose .sfb-license__badge { border: 0; border-radius: 50%; background-color: var(--sl-sun); background-image: radial-gradient(circle at 35% 35%, var(--sl-sun-l), var(--sl-sun) 58%, var(--sl-sun-d)); color: var(--sl-ink); }
.sl-prose .sfb-license__name { color: var(--sl-ink); }
.sl-prose .sfb-license__num, .sl-prose .sfb-license__foot span { color: var(--sl-muted); }
.sl-prose .sfb-license__foot strong { color: var(--sl-ink); }
.sl-prose .sfb-license__foot a { color: var(--sl-link); }
.sl-prose .sfb-contact__card { background: #fff; border: 1px solid var(--sl-line); border-radius: 20px; text-decoration: none; }
.sl-prose .sfb-contact__card:hover { border-color: #FFC46B; }
.sl-prose .sfb-contact__icon, .sl-prose .sfb-contact__icon--chat, .sl-prose .sfb-contact__icon--mail, .sl-prose .sfb-contact__icon--tel, .sl-prose .sfb-contact__icon--tg { border-radius: 50%; background: #FFF0CF; color: var(--sl-ink); }
.sl-prose .sfb-contact__title { color: var(--sl-ink); }
.sl-prose .sfb-contact__sub { color: var(--sl-muted); }
.sl-prose .sfb-faq { max-width: none; gap: 10px; }
.sl-prose .sfb-faq details { background: #fff; border: 1px solid var(--sl-line); border-radius: 20px; padding: 0 20px; }
.sl-prose .sfb-faq details[open] { background: #FFFBF2; border-color: #FFD39A; }
.sl-prose .sfb-faq summary { color: var(--sl-ink); font-weight: 700; font-size: 16px; }
.sl-prose .sfb-faq summary::after { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--sl-sun); color: var(--sl-ink); font-size: 17px; }
.sl-prose .sfb-faq p { color: var(--sl-body); }
.sl-prose .sfb-card, .sl-prose .sfb-feat, .sl-prose .sfb-steps, .sl-prose .sfb-safety, .sl-prose .sfb-compare, .sl-prose .sfb-game, .sl-prose .sfb-slot { background: #fff; border-color: var(--sl-line); border-radius: 20px; }
.sl-prose .sfb-logos__chip { background: #fff; border-color: var(--sl-line); border-radius: 999px; color: var(--sl-ink); }
.sl-prose .sfb-card__icon, .sl-prose .sfb-steps__n { background: var(--sl-sun); color: var(--sl-ink); border-radius: 50%; }
.sl-prose .sfb-card__title, .sl-prose .sfb-feat__title, .sl-prose .sfb-game__title, .sl-prose .sfb-slot__name { color: var(--sl-ink); }
.sl-prose .sfb-feat__title::before { color: var(--sl-orange-d); }
.sl-prose .sfb-compare thead th.is-pick { background: #FFF0D4; border-bottom-color: var(--sl-orange); color: var(--sl-ink); }
.sl-prose .sfb-compare td.is-pick { background: #FFFAF0; }
.sl-prose .sfb-safety__gauge-inner { background: #fff; }

/* inner page: band */
.sl-band { position: relative; overflow: hidden; margin-top: 8px; border-radius: var(--sl-r-lg); background-color: #FFF0D6; background-image: radial-gradient(560px 240px at 95% 0%, rgba(255, 210, 63, .5), transparent 70%), linear-gradient(180deg, #FFF6E6, #FFE8C4); padding: 30px 44px 36px; }
.sl-band::after { content: ""; position: absolute; right: -70px; bottom: -110px; width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle, var(--sl-sun) 0 36%, rgba(255, 210, 63, .32) 37% 54%, rgba(255, 210, 63, 0) 55%); pointer-events: none; }
.sl-crumbs { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 16px; }
.sl-crumbs__a { font-size: 13px; font-weight: 600; line-height: 1.4; color: var(--sl-orange-dd); background: #fff; border: 1px solid var(--sl-line-2); padding: 4px 12px; border-radius: 999px; text-decoration: none; }
.sl-crumbs__a:hover { background: var(--sl-sun); color: var(--sl-ink); text-decoration: none; }
.sl-crumbs__cur { font-size: 13px; line-height: 1.4; color: var(--sl-soft); padding: 4px 6px; }
.sl-band__h1 { position: relative; z-index: 1; font-family: var(--sl-head); font-weight: 700; font-size: clamp(26px, 3.4vw, 40px); line-height: 1.22; color: var(--sl-ink); margin: 0; max-width: 860px; }
.sl-band__lead { position: relative; z-index: 1; margin: 14px 0 0; color: var(--sl-soft); font-size: 18px; max-width: 760px; }

/* inner page: grid */
.sl-page__grid { display: grid; grid-template-columns: 290px minmax(0, 1fr); grid-template-areas: "rail plate" "rail text"; grid-template-rows: auto 1fr; gap: 20px 30px; align-items: start; padding-top: 28px; padding-bottom: 46px; }
.sl-plate { grid-area: plate; display: flex; align-items: center; gap: 18px; background-color: #FFF3D6; background-image: linear-gradient(100deg, #FFF8E8, #FFE6B0); border: 1.5px solid #FFD39A; border-radius: 999px; padding: 12px 12px 12px 14px; }
.sl-plate__sun { flex: none; width: 52px; height: 52px; border-radius: 50%; background-color: var(--sl-sun); background-image: radial-gradient(circle at 38% 36%, var(--sl-sun-l), var(--sl-sun) 58%, var(--sl-sun-d)); box-shadow: 0 0 0 6px rgba(255, 210, 63, .3); }
.sl-plate__tx { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.sl-plate__k { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--sl-orange-dd); }
.sl-plate__v { font-family: var(--sl-head); font-weight: 700; font-size: 19px; color: var(--sl-ink); }
.sl-rail { grid-area: rail; position: sticky; top: 96px; display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; min-width: 0; }
.sl-ptoc { min-width: 0; background: #fff; border: 1px solid var(--sl-line); border-radius: 26px; padding: 18px 14px 14px; }
.sl-ptoc__h { font-family: var(--sl-head); font-weight: 700; font-size: 16px; color: var(--sl-ink); margin: 0 6px 12px; }
.sl-ptoc__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; counter-reset: sl-t; }
.sl-ptoc__list li { counter-increment: sl-t; }
.sl-ptoc__a { display: grid; grid-template-columns: 24px 1fr; gap: 9px; align-items: start; padding: 8px 12px 8px 8px; border-radius: 18px; background: #FFF8EC; border: 1px solid var(--sl-line-2); color: var(--sl-ink); font-size: 14px; font-weight: 600; line-height: 1.35; text-decoration: none; transition: background-color .15s ease, border-color .15s ease; }
.sl-ptoc__a::before { content: counter(sl-t); width: 24px; height: 24px; border-radius: 50%; background: var(--sl-sun); display: grid; place-items: center; font-family: var(--sl-head); font-size: 11.5px; font-weight: 700; color: var(--sl-ink); }
.sl-ptoc__a:hover { background: #FFE9B0; border-color: #FFC46B; color: var(--sl-ink); text-decoration: none; }
.sl-rail__facts { list-style: none; margin: 0; padding: 6px 18px; background: #fff; border: 1px solid var(--sl-line); border-radius: 26px; }
.sl-rail__facts li { display: flex; justify-content: space-between; gap: 10px; padding: 10px 0; border-top: 1px dashed var(--sl-line); font-size: 14px; }
.sl-rail__facts li:first-child { border-top: 0; }
.sl-rail__facts span { color: var(--sl-muted); }
.sl-rail__facts b { color: var(--sl-ink); text-align: right; }
.sl-page__grid > .sl-prose { grid-area: text; padding: 36px 44px 40px; }
.sl-pblock { margin: 26px 0; }
.sl-pblock__tx { margin-bottom: 12px; }
.sl-pblock__cta { text-align: center; }

/* site sections */
.sl-ways { padding: 22px 0 56px; }
.sl-ways__h { font-family: var(--sl-head); font-weight: 700; font-size: 22px; color: var(--sl-ink); margin-bottom: 14px; }
.sl-ways__row { display: flex; flex-wrap: wrap; gap: 10px; }
.sl-way { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; background: #fff; border: 1.5px solid var(--sl-line); border-radius: 999px; padding: 8px 8px 8px 20px; color: var(--sl-ink); font-weight: 700; font-size: 15px; text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.sl-way:hover { border-color: var(--sl-orange); color: var(--sl-ink); text-decoration: none; transform: translateY(-1px); }
.sl-way__t { min-width: 0; }
.sl-way__arr { flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--sl-sun); color: var(--sl-ink); display: grid; place-items: center; font-weight: 800; }

/* footer */
.sl-foot { background-color: var(--sl-brown); background-image: radial-gradient(900px 260px at 85% 0%, rgba(242, 106, 0, .18), transparent 70%); color: #E9D5BD; border-radius: 36px 36px 0 0; padding: 50px 0 26px; font-size: 15px; }
.sl-foot__head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 24px; padding-bottom: 26px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.sl-foot__brand { max-width: 600px; }
.sl-foot__about { margin: 14px 0 0; color: #D9C3A6; }
.sl-foot__nav { display: flex; flex-wrap: wrap; gap: 8px; padding: 22px 0; }
.sl-foot__a { color: #FFF3E0; border: 1px solid rgba(255, 210, 63, .28); padding: 7px 14px; border-radius: 999px; font-size: 14px; text-decoration: none; }
.sl-foot__a:hover { border-color: var(--sl-sun); color: var(--sl-sun); text-decoration: none; }
.sl-foot__facts { list-style: none; margin: 0; padding: 0 0 22px; display: flex; flex-wrap: wrap; gap: 8px 28px; font-size: 14px; color: #FFF3E0; }
.sl-foot__facts span { color: #CDB497; margin-right: 4px; }
.sl-foot__fine { margin: 0; border-top: 1px solid rgba(255, 255, 255, .1); padding-top: 18px; font-size: 12.5px; color: #C9AF8E; }

@media (prefers-reduced-motion: reduce) {
  .sl-sun__rays { animation: none; }
  .sl-btn, .sl-way { transition: none; }
}

@media (max-width: 1020px) {
  .sl-nav__a { max-width: 170px; padding: 9px 10px; }
}

@media (max-width: 900px) {
  .sl-dawn { padding: 30px 22px 96px; border-radius: 28px; }
  .sl-dawn__grid { grid-template-columns: 1fr; gap: 6px; }
  .sl-dawn__art { order: -1; justify-items: end; margin: -10px -8px -18px 0; }
  .sl-sun { max-width: 140px; }
  .sl-page__grid { grid-template-columns: minmax(0, 1fr); grid-template-areas: "plate" "rail" "text"; grid-template-rows: auto; gap: 16px; }
  .sl-rail { position: static; }
  .sl-rail__facts { display: none; }
  .sl-ptoc { padding: 14px 0 12px 14px; border-radius: 22px; }
  .sl-ptoc__list { display: flex; overflow-x: auto; gap: 8px; padding: 0 14px 4px 0; scroll-snap-type: x proximity; }
  .sl-ptoc__list li { flex: 0 0 auto; max-width: 250px; scroll-snap-align: start; }
  .sl-ptoc__a { height: 100%; }
}

@media (max-width: 820px) {
  .sl-wrap { padding-left: 16px; padding-right: 16px; }
  .sl-top { padding: 10px 0 4px; }
  .sl-cap { gap: 10px; padding: 6px 6px 6px 14px; }
  .sl-logo__mark { width: 34px; height: 34px; }
  .sl-logo__word { font-size: 21px; }
  .sl-cap__cta { order: 2; margin-left: auto; min-height: 42px; padding: 9px 14px; font-size: 13.5px; }
  .sl-burger__l { order: 3; display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--sl-sun); cursor: pointer; }
  .sl-burger__l span, .sl-burger__l span::before, .sl-burger__l span::after { content: ""; display: block; width: 18px; height: 2px; border-radius: 2px; background: var(--sl-ink); position: relative; }
  .sl-burger__l span::before { position: absolute; top: -6px; }
  .sl-burger__l span::after { position: absolute; top: 6px; }
  .sl-nav { display: none; position: absolute; top: calc(100% + 8px); left: 0; right: 0; flex-direction: column; gap: 4px; padding: 10px; background: #fff; border: 1px solid var(--sl-line); border-radius: 24px; box-shadow: 0 18px 40px rgba(58, 36, 16, .14); }
  .sl-nav__a { max-width: none; white-space: normal; padding: 11px 14px; border-radius: 16px; }
  .sl-burger:checked ~ .sl-nav { display: flex; }
  .sl-dawn__btns .sl-btn { width: 100%; }
  .sl-h2 { font-size: 23px; }
  .sl-pill { grid-template-columns: auto minmax(0, 1fr); border-radius: 26px; padding: 12px; gap: 12px; }
  .sl-pill__go { grid-column: 1 / -1; width: 100%; }
  .sl-pill__tx { font-size: 16.5px; }
  .sl-dots { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 8px; }
  .sl-dot__c { width: 76px; height: 76px; font-size: 20px; box-shadow: 0 0 0 6px #FFF1D2, 0 10px 20px rgba(242, 106, 0, .12); }
  .sl-dot__c--ic::after { width: 32px; height: 32px; }
  .sl-dot__t { font-size: 13px; }
  .sl-card { border-radius: 24px; }
  .sl-card--read { padding: 24px 18px 28px; }
  .sl-page__grid > .sl-prose { padding: 24px 18px 28px; }
  .sl-prose h2 { font-size: 22px; }
  .sl-prose table { font-size: 14px; }
  .sl-prose th, .sl-prose td { padding: 9px 10px; overflow-wrap: anywhere; }
  .sl-prose > table { display: block; max-width: 100%; overflow-x: auto; }
  .sl-band { padding: 22px 18px 26px; border-radius: 24px; }
  .sl-plate { flex-wrap: wrap; border-radius: 26px; padding: 14px; }
  .sl-plate .sl-btn { width: 100%; }
  .sl-foot { border-radius: 28px 28px 0 0; padding: 38px 0 22px; }
  .sl-foot__head .sl-btn { width: 100%; }
}

@media (max-width: 360px) {
  .sl-cap__cta { display: none; }
  .sl-burger__l { margin-left: auto; }
  .sl-dots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}