.brand-logo{width:48px;height:48px;border-radius:12px;object-fit:contain;background:#fff;border:1px solid #e8eaee;padding:5px;box-shadow:0 2px 8px rgba(12,17,24,.06)}
:root{--main:#8b5cf6;--accent:#f1eaff}

*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:#1a1d24;line-height:1.66;font-size:16px}.story-page{max-width:920px;margin:0 auto;padding:24px 22px 46px}.topline{display:flex;align-items:center;gap:12px;margin-bottom:18px}.brand-mark{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.04em}.crumbs{font-size:13px;color:#6b6f78}.crumbs a{color:#6b6f78}h1{font-size:32px;line-height:1.18;color:#0c1118;margin:0 0 18px;font-weight:760}h2{font-size:26px;line-height:1.25;color:#0c1118;margin:40px 0 14px;font-weight:740}h3{font-size:20px;line-height:1.32;color:#0c1118;margin:26px 0 10px;font-weight:650}.lede{font-size:17px;color:#303642;margin:0 0 18px}.note{background:#f5f6fa;border:1px solid #e8eaee;border-radius:8px;padding:14px 16px;margin:18px 0}.highlight{background:var(--accent,#fff5b0);padding:1px 5px;border-radius:4px;font-weight:650;color:#0c1118}p{margin:12px 0}ul,ol{margin:14px 0;padding-left:28px}li{margin:7px 0;line-height:1.58}a{color:var(--main,#df0043);text-decoration:none}a:hover{text-decoration:underline}strong{color:#0c1118;font-weight:700}table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}th,td{padding:10px 12px;border-bottom:1px solid #e8eaee;text-align:left;vertical-align:top}th{background:#f5f6fa;font-weight:650;color:#0c1118}.pros-cons{display:flex;gap:16px;margin:20px 0;flex-wrap:wrap}.pc-col{flex:1;min-width:245px;background:#f5f6fa;border:1px solid #e8eaee;border-radius:8px;padding:4px 18px 12px}.pc-col h3{font-size:17px;margin:14px 0 8px}.pc-pros h3{color:#1a7f37}.pc-cons h3{color:#b3261e}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:18px 0}.mini-card{border:1px solid #e8eaee;background:#f9fafc;border-radius:10px;padding:14px}.mini-card b{display:block;margin-bottom:6px}.cta-row{text-align:center;margin:32px 0 18px}.cta-btn{display:inline-block;padding:14px 30px;background:var(--main,#df0043);color:#fff;font-weight:750;font-size:16px;text-decoration:none;border-radius:8px;transition:transform .15s,opacity .15s}.cta-btn:hover{transform:translateY(-1px);opacity:.92;text-decoration:none}.faq{margin:30px 0 0}.faq-item{background:#f5f6fa;border:1px solid #e8eaee;border-radius:6px;margin:8px 0;overflow:hidden}.faq-item summary{cursor:pointer;padding:14px 44px 14px 18px;font-weight:650;font-size:15px;color:#0c1118;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:'+';position:absolute;right:18px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--main,#df0043);font-weight:300}.faq-item details[open] summary::after{content:'−'}.faq-answer{padding:0 18px 16px}.meta-date{font-size:13px;color:#6b6f78;margin:30px 0 16px}.sitenet-link{max-width:920px;margin:30px auto 20px;padding:18px;background:#f5f6fa;border-radius:8px;text-align:center}.footer{max-width:920px;margin:0 auto 36px;padding:0 22px;color:#6b6f78;font-size:13px}@media(max-width:680px){.story-page{padding:18px 16px 32px}h1{font-size:24px}h2{font-size:21px;margin:32px 0 12px}h3{font-size:18px;margin:22px 0 8px}body{font-size:15px}.faq-item summary{font-size:14px;padding:12px 38px 12px 14px}table{font-size:14px}.brand-mark{width:42px;height:42px}}


.anchor-nav{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 26px;padding:12px;background:#f5f6fa;border:1px solid #e8eaee;border-radius:8px}
.anchor-nav a{display:inline-block;padding:8px 12px;border-radius:6px;background:#fff;border:1px solid #e8eaee;font-weight:600;font-size:14px;color:#df0043;text-decoration:none}
.anchor-nav a:hover{background:#fff5f8;text-decoration:none}
.inline-checklist{margin:14px 0 18px;padding-left:24px}
.inline-checklist li{margin:6px 0}

/* Быстрая навигация по разделам */
.anchor-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  margin: 18px 0 28px;
  padding: 10px 12px;
  background: rgba(245,246,250,.96);
  border: 1px solid #e8eaee;
  border-radius: 10px;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 8px 22px rgba(12,17,24,.06);
}
.anchor-nav::-webkit-scrollbar { height: 6px; }
.anchor-nav::-webkit-scrollbar-thumb { background: #d5d9e2; border-radius: 999px; }
.anchor-nav a {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  padding: 8px 12px;
  border-radius: 999px;
  background: #fff;
  border: 1px solid #e8eaee;
  font-weight: 650;
  font-size: 14px;
  color: var(--main,#df0043);
  text-decoration: none;
}
.anchor-nav a:hover { background: var(--accent,#fff5f8); text-decoration: none; }
html { scroll-behavior: smooth; }
h2[id] { scroll-margin-top: 86px; }
@media(max-width:680px){
  .anchor-nav { margin: 16px -4px 24px; border-radius: 8px; padding: 9px; }
  .anchor-nav a { font-size: 13px; padding: 7px 10px; }
}



/* Narrative/key anchor menus */
.query-nav{margin-top:12px;margin-bottom:10px}
.compact-nav{margin-top:8px;margin-bottom:24px}
.query-nav a{font-size:13px}
.rtp-slot-img{width:42px;height:42px;border-radius:8px;vertical-align:middle;margin-right:8px;border:1px solid #e8eaee;background:#fff;object-fit:cover}
.slot-name-cell{display:flex;align-items:center;gap:8px}
.slot-name-cell span{font-weight:650;color:#0c1118}
@media(max-width:680px){.rtp-slot-img{width:34px;height:34px}.slot-name-cell{align-items:flex-start}}


.brand-hero-logo { display:flex; align-items:center; gap:14px; margin:0 0 16px; }
.brand-hero-logo img { width:64px; height:64px; border-radius:16px; object-fit:contain; background:#f5f6fa; border:1px solid #e8eaee; padding:8px; }
.anchor-nav, .query-nav { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0 20px; }
.anchor-nav a, .query-nav a { display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px; background:#f5f6fa; border:1px solid #e8eaee; font-size:14px; color:#0c1118; text-decoration:none; }
.query-nav a { color: var(--brand, #df0043); }
.anchor-nav a:hover, .query-nav a:hover { background:#eef0f5; text-decoration:none; }
.slot-img { width:34px; height:34px; border-radius:8px; object-fit:contain; vertical-align:middle; margin-right:8px; background:#fff; border:1px solid #eceff4; padding:4px; }
.section-note { border-left:4px solid var(--brand, #df0043); background:#f8f9fc; padding:12px 14px; border-radius:8px; margin:16px 0; }
.sources-list a { margin-right:12px; }
html { scroll-behavior:smooth; }
@media (max-width:680px){ .anchor-nav, .query-nav{flex-wrap:nowrap; overflow-x:auto; padding-bottom:6px;} .anchor-nav a,.query-nav a{white-space:nowrap;} }

:root{--brand:#7b42ff;--brand2:#ff55cc;}

/* Trust links and legal footer */
.trust-links{margin:18px 0;padding:16px 18px;border:1px solid #e8eaee;border-radius:10px;background:#f8f9fc}
.trust-links ul{margin:10px 0 0;padding-left:20px}
.trust-links li{margin:6px 0}
.footer-legal{font-size:13px;color:#6b6f78;line-height:1.55;margin-top:10px}
.section-note{background:#fff8dc;border-left:4px solid #dfb300;padding:10px 14px;border-radius:6px}

/* Tag cloud */
.tag-cloud{max-width:920px;margin:32px auto 0;padding:0 22px 40px}
.tag-cloud__title{font-size:17px;color:#6b6f78;font-weight:600;margin:0 0 14px}
.tag-cloud__tags{display:flex;flex-wrap:wrap;gap:8px}
.tag-cloud__tags a{display:inline-block;padding:7px 14px;background:#f5f6fa;border:1px solid #e8eaee;border-radius:999px;font-size:14px;color:#1a1d24;text-decoration:none;transition:background .15s}
.tag-cloud__tags a:hover{background:#e8eaee;text-decoration:none}
@media(max-width:680px){.tag-cloud{padding:0 16px 32px}.tag-cloud__tags a{font-size:13px;padding:6px 11px}}

/* Hard CSS fallback for RU10 paths */
html,body{margin:0;padding:0;background:#fff!important;color:#1a1d24;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.66;font-size:16px}
.story-page{max-width:920px;margin:0 auto;padding:24px 22px 46px}
h1{font-size:32px;line-height:1.18;color:#0c1118;margin:0 0 18px;font-weight:760}
h2{font-size:26px;line-height:1.25;color:#0c1118;margin:40px 0 14px;font-weight:740}
h3{font-size:20px;line-height:1.32;color:#0c1118;margin:26px 0 10px;font-weight:650}
.anchor-nav,.query-nav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px;padding:10px 12px;background:#f5f6fa;border:1px solid #e8eaee;border-radius:10px;overflow-x:auto}
.anchor-nav a,.query-nav a{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #e8eaee;font-weight:650;font-size:14px;color:var(--main,var(--brand,#df0043));text-decoration:none}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15px}th,td{padding:10px 12px;border-bottom:1px solid #e8eaee;text-align:left;vertical-align:top}th{background:#f5f6fa;font-weight:650;color:#0c1118}
.faq-item{background:#f5f6fa;border:1px solid #e8eaee;border-radius:6px;margin:8px 0;overflow:hidden}.faq-item summary{cursor:pointer;padding:14px 44px 14px 18px;font-weight:650;list-style:none;position:relative}.faq-answer{padding:0 18px 16px}
.footer{max-width:920px;margin:0 auto 36px;padding:0 22px;color:#6b6f78;font-size:13px}
@media(max-width:680px){.story-page{padding:18px 16px 32px}h1{font-size:24px}h2{font-size:21px}h3{font-size:18px}body{font-size:15px}}


/* Strict separate tag cloud section */
.tag-cloud{display:block;clear:both;max-width:920px;margin:34px auto 0;padding:0 22px 38px;background:transparent}
.tag-cloud__title{font-size:17px;color:#6b6f78;font-weight:600;margin:0 0 14px;line-height:1.45}
.tag-cloud__tags{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}
.tag-cloud__tags a{display:inline-flex;align-items:center;padding:7px 14px;background:#f5f6fa;border:1px solid #e8eaee;border-radius:999px;font-size:14px;line-height:1.35;color:#1a1d24;text-decoration:none;white-space:normal;transition:background .15s,border-color .15s}
.tag-cloud__tags a:hover{background:#e8eaee;border-color:#d9dde6;text-decoration:none}
.site-footer{max-width:920px;margin:0 auto 34px;padding:0 22px;color:#6b6f78;font-size:13px;line-height:1.55}
.site-footer p{margin:8px 0}
@media(max-width:680px){.tag-cloud{padding:0 16px 32px;margin-top:28px}.tag-cloud__tags{gap:7px}.tag-cloud__tags a{font-size:13px;padding:6px 11px}.site-footer{padding:0 16px 30px}}