html {
box-sizing: border-box;
}

*, *::before, *::after {
box-sizing: inherit;
}

body {
margin: 0;
padding: 0;
background: #fff;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.55;
}

a {
color: #000;
text-decoration: none;
}

a:hover,
a:focus {
text-decoration: underline;
}

.legal-header {
max-width: 1180px;
margin: 0 auto;
padding: 32px 20px 24px;
border-bottom: 5px solid #ffffff;
display: flex;
gap: 28px;
align-items: baseline;
}

.legal-header__logo {
flex: 0 0 auto;
font-size: 18px;
font-weight: 700;
line-height: 1.2;
}

.legal-header__text {
min-width: 0;
}

.legal-header h1 {
margin: 0;
font-size: 34px;
line-height: 1.15;
font-weight: 300;
}

.legal-header p {
max-width: 720px;
margin: 10px 0 0;
font-size: 16px;
}

.legal-layout {
max-width: 1180px;
margin: 0 auto;
padding: 24px 20px 48px;
display: grid;
grid-template-columns: 280px minmax(0, 1fr);
gap: 36px;
align-items: start;
}

.legal-sidebar {
position: sticky;
top: 20px;
}

.legal-nav {
display: grid;
gap: 0;
border: 0px solid #000;
}

.legal-nav a {
display: block;
padding: 9px 13px;
border-bottom: 1px solid #cfcfcf;
font-size: 15px;
line-height: 1.25;
}

.legal-nav a:last-child {
border-bottom: 0;
}

.legal-nav a.is-active {
background: #8a9ead;
color: #fff;
text-decoration: none;
border-radius: 8px;
}

.legal-content-wrap {
min-width: 0;
}

.legal-content-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0 0 18px;
padding: 0 0 14px;
border-bottom: 1px dotted #000;
}

.legal-document-label {
margin: 0;
font-size: 14px;
font-weight: 700;
}

.legal-print-button {
appearance: none;
border: 1px solid #000;
background: #fff;
color: #000;
padding: 8px 12px;
font: inherit;
font-size: 14px;
line-height: 1;
cursor: pointer;
}

.legal-print-button:hover, .legal-print-button:focus {
background: #000;
color: #fff;
}

.legal-content {
max-width: 820px;
}

.legal-content h1, .legal-content h2, .legal-content h3, .legal-content h4 {
margin: 20px 0 25px 0;
line-height: 1.2;
font-weight: 300;
}

.legal-content h1:first-child, .legal-content h2:first-child, .legal-content h3:first-child {
margin-top: 0;
}

.legal-content h1 {
font-size: 30px;
}

.legal-content h2 {
font-size: 24px;
padding-top: 31px;
border-top: 1px dotted #000;
font-weight: 300;
}

.legal-content h3 {
font-size: 19px;
}

.legal-content h4 {
font-size: 17px;
}

.legal-content p {
margin: 0 0 3px;
}

.legal-content ul,
.legal-content ol {
margin: 0 0 16px 24px;
padding: 0;
}

.legal-content li {
margin: 0 0 0px;
padding-left: 2px;
}

.legal-content strong {
font-weight: 700;
}

.legal-content blockquote {
margin: 18px 0;
padding: 12px 16px;
border-left: 4px solid #000;
}

.legal-content hr {
margin: 0;
border: 0;
}

.legal-content code {
font-family: Consolas, Monaco, monospace;
font-size: 0.95em;
}

.legal-content pre {
overflow: auto;
padding: 14px;
border: 1px solid #000;
}

.legal-loading,
.legal-error {
margin: 0;
padding: 16px;
border: 1px solid #000;
}

@media (max-width: 820px) {
.legal-header {
display: block;
padding: 24px 16px 20px;
}

.legal-header__logo {
display: inline-block;
margin-bottom: 18px;
}

.legal-header h1 {
font-size: 28px;
}

.legal-layout {
grid-template-columns: 1fr;
gap: 24px;
padding: 20px 16px 40px;
}

.legal-sidebar {
position: static;
}

.legal-content {
max-width: none;
}
}

@media (max-width: 520px) {
body {
font-size: 15px;
}

.legal-header h1 {
font-size: 24px;
}

.legal-content h1 {
font-size: 24px;
}

.legal-content h2 {
font-size: 20px;
}

.legal-content-head {
align-items: stretch;
flex-direction: column;
}

.legal-print-button {
width: 100%;
}
}

@media print {
.legal-header,
.legal-sidebar,
.legal-content-head,
#footer-placeholder {
display: none !important;
}

.legal-layout {
display: block;
max-width: none;
padding: 0;
}

.legal-content {
max-width: none;
}
}