* { box-sizing: border-box; }
html { background: #080b12; }
body.site-info { margin: 0; color: #d6d4da; }
.site-info [hidden] { display: none !important; }
.site-info .info-document { direction: ltr; text-align: start; }
.site-info .lang-dropdown {
    position: absolute; display: flex; flex-direction: column; padding: 8px;
    border: 1px solid rgba(200,198,218,.15); border-radius: 12px;
    opacity: 0; visibility: hidden; transform: translateY(-8px);
    max-height: 70vh; overflow-y: auto;
}
.site-info .lang-selector.open .lang-dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.site-info .lang-dropdown button { width: 100%; padding: 10px 12px; border: 0; border-radius: 6px; background: none; color: #aaa8b4; text-align: start; font: inherit; font-size: 14px; white-space: nowrap; cursor: pointer; }
.site-info .lang-dropdown button:hover,.site-info .lang-dropdown button.active { background: rgba(212,165,165,.1); color: #f5f1f0; }
.site-info #site-main { max-width: 960px; margin: auto; padding: 176px 48px 80px; outline: none; }
.site-info .info-intro { padding-bottom: 42px; border-bottom: 1px solid rgba(200,198,218,.15); }
.site-info .info-eyebrow { margin: 0 0 20px; color: #d4a5a5; font: 500 11px/1.6 'Inter',sans-serif; letter-spacing: .15em; text-transform: uppercase; }
.site-info h1 { margin: 0; color: #f5f1f0; font: 500 clamp(36px,4.3vw,62px)/1.15 'Lexend',sans-serif; letter-spacing: -.04em; }
.site-info .info-lead { max-width: 42em; margin: 24px 0 20px; color: #aaa8b4; font-size: 18px; }
.site-info .info-date { margin: 0; font-size: 12px; color: #8d8a98; }
.site-info .info-body section { padding-top: 36px; }
.site-info h2 { margin: 0 0 14px; color: #efeaed; font: 500 22px/1.4 'Lexend',sans-serif; }
.site-info p,.site-info li { font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
.site-info .info-body p { margin: 12px 0; }
.site-info a { color: #d4b6d4; text-underline-offset: 4px; }
.site-info a:hover { color: #fff; }
.site-info .info-footer { display: flex; flex-wrap: wrap; gap: 18px 30px; margin-top: 56px; padding-top: 28px; border-top: 1px solid rgba(200,198,218,.15); }
.site-info .info-footer a { font-size: 13px; text-decoration: none; }
.site-info .info-language-note { margin: 0 0 30px; padding: 16px 20px; border-left: 2px solid #d4a5a5; background: rgba(212,165,165,.06); font-size: 14px; }
.site-info .info-language-note button { background: none; padding: 4px; border: 0; font: inherit; color: #d4b6d4; text-decoration: underline; cursor: pointer; }
@media(max-width:600px) {
    .site-info #site-main { padding: 120px 24px 48px; }
    .site-info .info-intro { padding-bottom: 28px; }
    .site-info .info-lead { font-size: 16px; }
    .site-info h2 { font-size: 20px; }
    .site-info p,.site-info li { font-size: 15px; }
}