.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:#ff6b35;--accent:#fff0d7}

*{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; }
}