/* Основа AURA: шрифт, фон, фокус, контейнер страницы. Подключается после tokens.css. */
html,body{min-height:100%}
body{font:var(--fs-body)/var(--lh-body) var(--font-ui);background:var(--color-bg-canvas);color:var(--color-text-primary);margin:0;-webkit-font-smoothing:antialiased}
h1{font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700;margin:0}
h2,h3{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:700;margin:0}
code,kbd,.mono{font-family:var(--font-mono)}
a{color:var(--color-action-primary)}
a:hover{color:var(--color-action-primary-hover)}
[hidden]{display:none!important}
/* страница — контейнер: раскладка страниц зависит от её ширины, а не окна (рядом боковая панель).
   Внутри страниц пороги пишутся как @container page (max-width: …), а не @media. */
.page{padding-inline:var(--space-6);padding-block:var(--space-6) var(--space-8);max-width:1440px;margin-inline:auto;container:page/inline-size}
.page--wide{max-width:none}
@media (max-width:639px){.page{padding-inline:var(--space-4);padding-block-start:var(--space-4)}}
:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
/* текст только для экранного чтения */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}