@import url("./site-tokens.css?v=visual-system-20261015");

/* Shared roles. Component styles own exceptions such as FAQ UI headings. */
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/fonts/space-grotesk-latin.woff2') format('woff2')}
@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/fonts/inter-cyrillic.woff2') format('woff2');unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
:root{--pd-display-size:48px}
body{font-family:var(--pd-ui-font);color:var(--pd-ui-secondary);background:var(--pd-ui-bg)}
h1,.pd-page-h1{font-family:var(--pd-ui-display);font-size:var(--pd-display-size);font-weight:600;line-height:1.12;letter-spacing:-.035em;color:var(--pd-ui-text);text-wrap:pretty}
h2,.pd-page-h2{font-family:var(--pd-ui-display);font-size:32px;font-weight:600;line-height:1.25;letter-spacing:-.025em;color:var(--pd-ui-text)}
h3,.pd-card-heading{font-family:var(--pd-ui-font);font-size:20px;font-weight:600;line-height:1.4;letter-spacing:normal;color:var(--pd-ui-text)}
button,input,textarea,select{font-family:var(--pd-ui-font)}
code,pre,.mono{font-family:var(--pd-ui-mono)}
.pd-container{
 box-sizing:border-box;width:calc(100% - var(--pd-ui-gutter) * 2);max-width:var(--pd-ui-container);
 margin-inline:auto;padding-inline:0;min-width:0;
}
.pd-article-column{width:100%;max-width:740px;margin-inline:auto;font-size:17px;line-height:1.7;color:var(--pd-ui-secondary)}
.pd-section--surface{background:var(--pd-ui-surface)}
.pd-page-h1,.pd-page-h2,.pd-card-heading{height:auto;max-height:none;opacity:1}
@media(max-width:767px){:root{--pd-display-size:32px}}