/* Yasnoo interaction grammar — shared, no layout shifts */
:root{--yi-accent:var(--ya,var(--blue,#1769aa));--yi-border:var(--bdr,var(--line,#dbe2ee));--yi-surface:var(--surf,var(--card,#fff));--yi-text:var(--tx,var(--ink,#172033));--yi-muted:var(--muted,var(--muted2,#65708a))}

/* Semantic / informational callouts: typography stays primary, motion stays quiet. */
:where(.semantic-callout,.knowledge-note,.account-note,.account-control-rule,.callout-warn,.a-intro,.ops-note,.terms-callout,.docs-callout,.docs-context,.pbu-callout,.qa-note,.plan-section-note,.state-note,.source-note,.src-note,.ae-note,.ae-source-note,.ae-check-note,.ds-thesis,.agent-thesis,.lna-intro){transition:border-color .22s ease,box-shadow .22s ease,background .22s ease,transform .22s ease}
:where(.a-intro){position:relative;padding-top:2.15rem!important}
:where(.a-intro)::before{content:"КОНТЕКСТ";position:absolute;left:1.05rem;top:.62rem;font:800 .68rem/1 var(--font-d);letter-spacing:.1em;color:var(--yi-accent);opacity:.9}
:where(.agent-thesis){position:relative;padding-top:2.15rem!important}
:where(.agent-thesis)::before{content:"ГИПОТЕЗА";position:absolute;left:1rem;top:.62rem;font:800 .68rem/1 var(--font-d);letter-spacing:.1em;color:var(--arr,var(--yi-accent));opacity:.9}
:where(.lna-intro){position:relative;padding-top:2.05rem!important}
:where(.lna-intro)::before{content:"КОНТЕКСТ";position:absolute;left:1rem;top:.58rem;font:800 .66rem/1 var(--font-d);letter-spacing:.1em;color:var(--yi-accent);opacity:.88}
@media (hover:hover) and (pointer:fine){:where(.semantic-callout,.knowledge-note,.account-note,.account-control-rule,.callout-warn,.a-intro,.ops-note,.terms-callout,.docs-callout,.docs-context,.pbu-callout,.qa-note,.plan-section-note,.state-note,.source-note,.src-note,.ae-note,.ae-source-note,.ae-check-note,.ds-thesis,.agent-thesis,.lna-intro):hover{box-shadow:0 8px 24px color-mix(in srgb,var(--yi-accent) 9%,transparent);transform:translateY(-1px)}}

/* Quiet prose links: underline draws in, no jump and no icon noise. */
:where(main p a,.prose-p a,.faq-a a,.a-intro a,.knowledge-note a,.account-note a):not(.btn-primary):not(.btn-sec):not(.ya-cta){text-decoration:none;background-image:linear-gradient(90deg,var(--yi-accent),color-mix(in srgb,var(--yi-accent) 45%,#7a5ce6));background-repeat:no-repeat;background-position:0 100%;background-size:0 1.5px;transition:color .18s ease,background-size .28s ease}
:where(main p a,.prose-p a,.faq-a a,.a-intro a,.knowledge-note a,.account-note a):not(.btn-primary):not(.btn-sec):not(.ya-cta):hover,:where(main p a,.prose-p a,.faq-a a,.a-intro a,.knowledge-note a,.account-note a):not(.btn-primary):not(.btn-sec):not(.ya-cta):focus-visible{background-size:100% 1.5px}

/* Internal jump navigation: fixed geometry, animated lower edge. */
.jump-nav a{position:relative;overflow:hidden;isolation:isolate;transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease}
.jump-nav a::after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:99px;background:linear-gradient(90deg,#18cce4,var(--yi-accent),#7665e8);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .34s cubic-bezier(.22,.75,.25,1),opacity .16s ease;box-shadow:0 -1px 8px color-mix(in srgb,var(--yi-accent) 22%,transparent)}
.jump-nav a:hover::after,.jump-nav a:focus-visible::after{transform:scaleX(1);opacity:1}

/* CTA links: a directional light sweep; container geometry never changes. */
:where(.btn-primary,.btn-sec,.ya-cta,.ll-more,.account-use-links a){position:relative;overflow:hidden;isolation:isolate}
:where(.btn-primary,.btn-sec,.ya-cta,.ll-more,.account-use-links a)::before{content:"";position:absolute;z-index:-1;inset:-35% -45%;transform:translateX(-145%);background:linear-gradient(105deg,transparent 36%,color-mix(in srgb,var(--yi-accent) 10%,transparent) 47%,color-mix(in srgb,#fff 24%,transparent) 52%,transparent 64%);pointer-events:none}
@keyframes yasnoo-cta-sweep{0%{transform:translateX(-145%)}100%{transform:translateX(145%)}}
@media (hover:hover) and (pointer:fine){:where(.btn-primary,.btn-sec,.ya-cta,.ll-more,.account-use-links a):hover::before{animation:yasnoo-cta-sweep .72s cubic-bezier(.22,.61,.36,1) 1}}

/* Home and catalog cards: responsive lower edge instead of lifting the whole card. */
:where(.sc-link,.lna-card,.docs-route,.doc-card){position:relative;overflow:hidden;isolation:isolate;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease!important}
:where(.sc-link,.lna-card,.docs-route,.doc-card)::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,#18cce4,var(--yi-accent),#7665e8);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform .3s cubic-bezier(.22,.75,.25,1),opacity .16s ease}
@media (hover:hover) and (pointer:fine){:where(.sc-link,.lna-card,.docs-route,.doc-card):hover{transform:none!important;box-shadow:0 8px 22px color-mix(in srgb,var(--yi-accent) 8%,transparent)}:where(.sc-link,.lna-card,.docs-route,.doc-card):hover::after{transform:scaleX(1);opacity:.9}}

/* Home link lists and support links: drawn underline only. */
:where(.ll-a,.support-col a,.fsbu-item a,.f-a){background-image:linear-gradient(90deg,var(--yi-accent),color-mix(in srgb,var(--yi-accent) 45%,#7665e8));background-repeat:no-repeat;background-position:0 100%;background-size:0 1px;transition:color .18s ease,background-size .28s ease}
:where(.ll-a,.support-col a,.fsbu-item a,.f-a):hover,:where(.ll-a,.support-col a,.fsbu-item a,.f-a):focus-visible{background-size:100% 1px}
.ps-wrap a{transition:border-color .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease!important}
@media (hover:hover) and (pointer:fine){.ps-wrap a:hover{opacity:1!important;border-color:color-mix(in srgb,var(--yi-accent) 48%,var(--yi-border));background:color-mix(in srgb,var(--yi-accent) 7%,var(--yi-surface));box-shadow:0 4px 12px color-mix(in srgb,var(--yi-accent) 7%,transparent)}}

/* FAQ reveal: smooth height/opacity where the browser supports details-content. */
:root{interpolate-size:allow-keywords}
:where(#faq details,details.faq)::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .34s cubic-bezier(.2,.7,.2,1),opacity .22s ease,content-visibility .34s;transition-behavior:allow-discrete}
:where(#faq details[open],details.faq[open])::details-content{block-size:auto;opacity:1}
:where(#faq details:not(.faq) summary){position:relative;padding-right:48px!important}
:where(#faq details:not(.faq) summary)::after{content:"⌄";position:absolute;right:16px;top:50%;width:24px;height:24px;margin-top:-12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--yi-accent) 24%,var(--yi-border));border-radius:99px;color:var(--yi-accent);background:var(--yi-surface);font-size:15px;line-height:1;transition:transform .28s cubic-bezier(.2,.7,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}
:where(#faq details[open]:not(.faq) summary)::after{transform:rotate(180deg);border-color:color-mix(in srgb,var(--yi-accent) 52%,var(--yi-border));box-shadow:0 0 0 4px color-mix(in srgb,var(--yi-accent) 7%,transparent)}

/* Linked subaccount tooltip: overlay only, never reflows the grid. */
.subaccount-item--link{position:relative;overflow:visible!important;z-index:0}
.subaccount-item--link>a[data-preview]{position:relative;display:block;padding-right:44px}
.subaccount-item--link>a[data-preview]::after{content:attr(data-preview);position:absolute;z-index:40;left:10px;bottom:-8px;width:min(280px,calc(100vw - 48px));padding:8px 10px;border:1px solid color-mix(in srgb,var(--yi-accent) 30%,var(--yi-border));border-radius:9px;background:var(--yi-surface);box-shadow:0 10px 28px rgba(25,64,96,.16);color:var(--yi-muted);font:500 11px/1.38 var(--font-d);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% - 3px));transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
@media (hover:hover) and (pointer:fine){.subaccount-item--link:hover{z-index:30}.subaccount-item--link>a[data-preview]:hover::after,.subaccount-item--link:focus-within>a[data-preview]::after{opacity:1;visibility:visible;transform:translateY(100%)}}
@media(max-width:620px){.subaccount-item--link>a[data-preview]::after{display:none}}

/* Accessibility: keep every affordance, remove non-essential motion. */
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.jump-nav a::after,:where(.sc-link,.lna-card,.docs-route,.doc-card)::after{transform:none!important;opacity:.55!important}}

/* Home scenario cards use the approved CSS-only perimeter beam on hover. */
@property --yi-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes yasnoo-perimeter{to{--yi-angle:360deg}}
.sc-six .sc-link{--beam-base:var(--yi-border);--beam-f1:#d7f7fc;--beam-f2:#a8edf7;--beam-mid:#46cfe5;--beam-hot:#0797c4;--beam-glow:rgba(7,151,196,.12);border:2px solid transparent!important;background:linear-gradient(var(--yi-surface),var(--yi-surface)) padding-box,linear-gradient(var(--beam-base),var(--beam-base)) border-box!important;animation:yasnoo-perimeter 3.2s linear infinite;animation-play-state:paused}
.sc-six .sc-link:nth-child(1){--beam-f1:#f1e8ff;--beam-f2:#d9c1fa;--beam-mid:#a678ea;--beam-hot:#7340c8;--beam-glow:rgba(115,64,200,.12)}
.sc-six .sc-link:nth-child(3){--beam-f1:#e5f8ee;--beam-f2:#bfead1;--beam-mid:#57c98b;--beam-hot:#16835b;--beam-glow:rgba(22,131,91,.12)}
.sc-six .sc-link:nth-child(5){--beam-f1:#fff4d6;--beam-f2:#f8dfa1;--beam-mid:#efb84d;--beam-hot:#d97706;--beam-glow:rgba(217,119,6,.12)}
.sc-six .sc-link:nth-child(6){--beam-f1:#ffe8ea;--beam-f2:#f7bec4;--beam-mid:#e76e7b;--beam-hot:#b83245;--beam-glow:rgba(184,50,69,.11)}
.sc-six .sc-link::after{display:none!important}
@media (hover:hover) and (pointer:fine){.sc-six .sc-link:hover,.sc-six .sc-link:focus-visible{background:linear-gradient(var(--yi-surface),var(--yi-surface)) padding-box,conic-gradient(from var(--yi-angle),var(--beam-base) 0 46%,var(--beam-f1) 54%,var(--beam-f2) 62%,var(--beam-mid) 70%,var(--beam-hot) 78%,var(--beam-mid) 86%,var(--beam-f2) 92%,var(--beam-f1) 96%,var(--beam-base) 100%) border-box!important;animation-play-state:running;box-shadow:0 0 18px var(--beam-glow),0 8px 22px color-mix(in srgb,var(--beam-hot) 7%,transparent)}}

/* Business-summary anatomy: nine semantic mini-cards instead of one dense code-like block. */
.summary-anatomy{margin:1.5rem 0;padding:1rem;border:1px solid color-mix(in srgb,var(--yi-accent) 42%,var(--yi-border));border-radius:12px;background:color-mix(in srgb,var(--yi-accent) 3%,var(--yi-surface))}
.summary-anatomy-head{display:flex;align-items:center;gap:.55rem;padding:.15rem .2rem .8rem;margin-bottom:.85rem;border-bottom:1px solid var(--yi-border);color:var(--yi-accent);font:700 .72rem/1.3 var(--font-d);letter-spacing:.09em;text-transform:uppercase}
.summary-head-icon{display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--yi-accent) 32%,var(--yi-border));border-radius:6px;background:color-mix(in srgb,var(--yi-accent) 6%,var(--yi-surface));font-size:.72rem}
.summary-block-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;align-items:start}
.summary-block-card{--sb:var(--yi-accent);position:relative;overflow:hidden;min-width:0;min-height:136px;padding:.9rem .95rem .95rem;border:1px solid color-mix(in srgb,var(--sb) 24%,var(--yi-border));border-radius:10px;background:var(--yi-surface);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.summary-block-card::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;border-radius:99px;background:linear-gradient(90deg,color-mix(in srgb,var(--sb) 42%,#fff),var(--sb));transform:scaleX(.18);transform-origin:left center;opacity:.48;transition:transform .28s ease,opacity .18s ease}
.summary-block-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.55rem}.summary-block-op{display:grid;place-items:center;width:25px;height:25px;flex:0 0 25px;border:1px solid color-mix(in srgb,var(--sb) 38%,var(--yi-border));border-radius:7px;background:color-mix(in srgb,var(--sb) 7%,var(--yi-surface));color:var(--sb);font:750 .78rem/1 var(--font-d)}
.summary-block-no{color:var(--sb);font:650 .64rem/1.2 var(--font-d);letter-spacing:.08em;text-transform:uppercase}.summary-block-card h3{margin:0 0 .4rem!important;color:var(--yi-text);font:700 .92rem/1.28 var(--font-h)!important}.summary-block-card p{margin:0!important;color:var(--yi-muted);font:400 .76rem/1.55 var(--font-s)!important}
.summary-risk-layers{display:grid;gap:.28rem;margin-top:.65rem;padding-top:.55rem;border-top:1px dashed color-mix(in srgb,var(--sb) 28%,var(--yi-border))}.summary-risk-layers span{display:flex;gap:.42rem;color:var(--yi-muted);font:500 .67rem/1.4 var(--font-s)}.summary-risk-layers b{color:var(--sb);font-family:var(--font-d);min-width:1.05rem}
.summary-block-card.tone-action{--sb:#16835b}.summary-block-card.tone-risk{--sb:#d97706}.summary-block-card.tone-check{--sb:#2a6fb8}.summary-block-card.tone-info{--sb:#0e91b4}.summary-block-card.tone-forbid{--sb:#b83245}.summary-block-card.tone-question{--sb:#7350b5}
@media (hover:hover) and (pointer:fine){.summary-block-card:hover{border-color:color-mix(in srgb,var(--sb) 56%,var(--yi-border));background:color-mix(in srgb,var(--sb) 3%,var(--yi-surface));box-shadow:0 8px 22px color-mix(in srgb,var(--sb) 8%,transparent)}.summary-block-card:hover::after{transform:scaleX(1);opacity:.9}}
@media(max-width:820px){.summary-block-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.summary-anatomy{padding:.8rem}.summary-block-grid{grid-template-columns:1fr}.summary-block-card{min-height:0}}

/* Unified FAQ interaction — same motion grammar on CLN, account and knowledge pages. */
:where(#faq details,details.faq){
  overflow:clip;
  transition:border-color .22s ease,background .22s ease,box-shadow .22s ease;
}
:where(#faq details,details.faq)>summary{
  position:relative;cursor:pointer;list-style:none;
  transition:color .2s ease,background .2s ease,border-color .24s ease;
}
:where(#faq details,details.faq)>summary::-webkit-details-marker{display:none}
:where(#faq details,details.faq)[open]>summary{
  background:linear-gradient(90deg,color-mix(in srgb,var(--yi-accent) 4%,transparent),transparent 52%);
  border-bottom-color:color-mix(in srgb,var(--yi-accent) 32%,var(--yi-border));
}

:where(#faq details.faq)>summary .fq-arr{
  margin-left:auto!important;width:24px;height:24px;flex:0 0 24px;
  display:grid!important;place-items:center!important;margin-top:0!important;
  border:1px solid color-mix(in srgb,var(--yi-accent) 24%,var(--yi-border));
  border-radius:999px;background:var(--yi-surface);color:var(--yi-accent)!important;
  font-size:15px!important;line-height:1!important;
  transition:transform .28s cubic-bezier(.2,.7,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
:where(#faq details.faq)[open]>summary .fq-arr{
  transform:rotate(180deg)!important;
  background:color-mix(in srgb,var(--yi-accent) 6%,var(--yi-surface));
  border-color:color-mix(in srgb,var(--yi-accent) 52%,var(--yi-border));
  box-shadow:0 0 0 4px color-mix(in srgb,var(--yi-accent) 7%,transparent);
}

@media(hover:hover) and (pointer:fine){
  :where(#faq details,details.faq):not([open])>summary:hover{
    background:color-mix(in srgb,var(--yi-accent) 2.5%,transparent);
    color:color-mix(in srgb,var(--yi-accent) 62%,var(--yi-text));
  }
  :where(#faq details.faq):not([open])>summary:hover .fq-arr{
    border-color:color-mix(in srgb,var(--yi-accent) 42%,var(--yi-border));
    background:color-mix(in srgb,var(--yi-accent) 4%,var(--yi-surface));
  }
}

/* Same chevron glyph on legacy .fq-arr and generic FAQ summaries. */
:where(#faq details.faq)>summary .fq-arr{font-size:0!important}
:where(#faq details.faq)>summary .fq-arr::before{
  content:"⌄";font-size:15px;line-height:1;display:block;
}