/* blog-chrome.css — блог, перенесённый с geo.annakotsur.com (23.10.2026).
   Подключается ПОСЛЕ CSS статьи. Возвращает шапке, футеру и cookie-плашке annakotsur их вид:
   у статьи свои :root-токены, шрифт body и классы (.btn-primary, img/svg), которые иначе задевают шапку и футер. */
.site-header,.site-footer,.ak-cc,.skip{--bg:#0a0a18;--bg-2:#0d0d20;--bg-card:#11112a;--bg-card-2:#16163a;--border:rgba(255,255,255,.08);--border-h:rgba(255,255,255,.16);--green:#22c55e;--indigo:#6366f1;--indigo-glow:rgba(99,102,241,.22);--nav-bg:rgba(10,10,24,.62);--nav-border:rgba(255,255,255,.07);--orange:#f59e0b;--purple:#5b5bf6;--purple-2:#4f46e5;--purple-light:#818cf8;--red:#ef4444;--shadow:0 24px 60px -24px rgba(0,0,0,.7);--text:#f4f4fb;--text-2:rgba(244,244,251,.70);--text-3:rgba(244,244,251,.54);font-family:var(--font-text);color:var(--text)}
.site-header svg,.site-footer svg,.ak-cc svg{max-width:none}
/* правила статьи, задевшие шапку/футер: сброс */
:is(.site-header,.site-footer,.ak-cc) :is(.btn-primary){position:revert;display:revert;align-items:revert;text-decoration-line:revert;text-decoration-thickness:revert;text-decoration-style:revert;text-decoration-color:revert;cursor:revert;font-family:revert;border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-image-source:revert;border-image-slice:revert;border-image-width:revert;border-image-outset:revert;border-image-repeat:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;z-index:revert;transition-behavior:revert;transition-duration:revert;transition-timing-function:revert;transition-delay:revert;transition-property:revert}
:is(.site-header,.site-footer,.ak-cc) :is(.btn-primary:hover){transform:revert}
:is(.site-header,.site-footer,.ak-cc) :is(.wrap){max-width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert}
/* те же элементы: правила site.css заново, с приоритетом выше правил статьи */
:is(.site-header,.site-footer,.ak-cc) :is(.btn){position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 50px; padding: 13px 24px; border-radius: 14px; font: 600 15.5px/1.25 var(--font-text); text-decoration: none; cursor: pointer; border: 1px solid transparent; transition: transform .35s var(--ease),background .25s,border-color .25s,color .25s,box-shadow .35s var(--ease); text-align: center;}
:is(.site-header,.site-footer,.ak-cc) :is(.btn:active){transform: scale(0.97);}
:is(.site-header,.site-footer,.ak-cc) :is(.btn-primary){background: var(--btn-bg); color: rgb(255, 255, 255); border-color: rgba(165, 180, 252, 0.45); box-shadow: rgba(255, 255, 255, 0.25) 0px 1px 0px inset, rgba(99, 102, 241, 0.7) 0px 10px 30px -10px;}
:is(.site-header,.site-footer,.ak-cc) :is(.btn-primary:hover){color: rgb(255, 255, 255); border-color: rgba(199, 210, 254, 0.85);}
@media (hover: hover){:is(.site-header,.site-footer,.ak-cc) :is(.btn-primary:hover){transform: translateY(-2px);}}
:is(.site-header,.site-footer,.ak-cc) :is(.btn-sm){min-height: 40px; padding: 8px 16px; font-size: 14px; border-radius: 11px;}
:is(.site-header,.site-footer,.ak-cc) :is(.nav-links a){position: relative; display: block; padding: 8px 14px; font-size: 14.5px; font-weight: 500; color: var(--text-2); text-decoration: none; transition: color 0.2s;}
:is(.site-header,.site-footer,.ak-cc) :is(.nav-links a:hover){color: var(--text);}
@media (min-width: 1281px){:is(.site-header,.site-footer,.ak-cc) :is(.nav-links a){padding-left: clamp(14px, 1vw, 20px); padding-right: clamp(14px, 1vw, 20px);}}
@media (max-width: 1040px){:is(.site-header,.site-footer,.ak-cc) :is(.nav-cta){display: none;}}
@media (max-width: 900px){:is(.site-header,.site-footer,.ak-cc) :is(.nav-links a){padding: 18px 4px; font: 600 30px/1.1 var(--font-head); letter-spacing: -0.03em; color: var(--text); border-radius: 0px; border-bottom: 1px solid var(--border);}}
@media (max-width: 900px){:is(.site-header,.site-footer,.ak-cc) :is(.nav-links .menu-cta a){display: flex; font: 600 16px var(--font-text); letter-spacing: 0px; padding: 15px 24px; border-radius: 14px; color: rgb(255, 255, 255); border-bottom: 0px;}}
:is(.site-header,.site-footer,.ak-cc) :is(.wrap){max-width: var(--wrap); margin: 0px auto; padding: 0 var(--gutter);}
:is(.site-header,.site-footer,.ak-cc) :is(.nav){display: flex; align-items: center; justify-content: space-between; gap: 16px; height: var(--nav-h);}
@media (min-width: 1281px){:is(.site-header,.site-footer,.ak-cc) :is(.site-header > .wrap){max-width: 1680px; padding-left: clamp(24px, 4vw, 80px); padding-right: clamp(24px, 4vw, 80px);}}
@media (min-width: 1281px){:is(.site-header,.site-footer,.ak-cc) :is(.site-footer > .wrap){max-width: 1680px; padding-left: clamp(24px, 4vw, 80px); padding-right: clamp(24px, 4vw, 80px);}}

/* YouTube по клику: до клика никаких запросов к Google */
.yt-facade{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px;cursor:pointer;color:#e0e7ff;
  background:radial-gradient(circle at 50% 40%,rgba(99,102,241,.35),rgba(10,10,24,.95) 70%);box-shadow:inset 0 0 0 1px rgba(129,140,248,.35);font:500 15px/1.4 Jost,system-ui,sans-serif;text-align:center}
.yt-facade b{font-size:18px}
.yt-facade small{max-width:420px;font-size:13px;color:#a5b4fc}
.yt-play{width:68px;height:48px;border-radius:14px;background:#ef4444;position:relative}
.yt-play::after{content:"";position:absolute;left:28px;top:14px;border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent}
.yt-facade:hover .yt-play{background:#dc2626}