/* ==============================================
   Privacy Policy Styles
   Updated for better maintainability and performance
   ============================================== */

/* CSS Custom Properties for consistency */
:root {
    --border-width: 0.0625em; /* 1px */
    --spacing-base: 1em; /* 16px */
    --spacing-half: 0.5em; /* 8px */
    --spacing-quarter: 0.25em; /* 4px */
    --font-size-base: 0.875em; /* 14px */
    --font-size-large: 1.625em; /* 26px */
    --font-size-medium: 0.9375em; /* 15px */
    --font-size-small: 0.875em; /* 14px */
}

/* Custom data attribute styles */
[data-custom-class='privacy'] {
   --inline-padding: max(calc(50svw - 570px), 0px);
    padding: var(--medium-space) var(--inline-padding);
}
[data-custom-class='privacy'] * {
    background: transparent;
    max-width: 100%;
}
[data-custom-class='privacy'] code {
    background-color: var(--code-bg-color);
}
[data-custom-class='privacy'] > section {
    min-height: fit-content;
    padding-block: var(--medium-space);
}
[data-custom-class='privacy'] + footer {
    background-color: var(--alt-background-color);
    color: var(--alt-text-color);
}
[data-custom-class='title'], [data-custom-class='title'] * {
    font-family: "Roboto", sans-serif;
    font-size: 1.625em;
    color: #000000;
}
[data-custom-class='subtitle'], [data-custom-class='subtitle'] * {
    font-family: "Roboto", sans-serif;
    color: #595959;
    font-size: 0.875em;
}
[data-custom-class='heading_1'], [data-custom-class='heading_1'] * {
    font-family: "Roboto", sans-serif;
    font-size: 1.1875em;
    color: #000000;
}
[data-custom-class='heading_2'], [data-custom-class='heading_2'] * {
    font-family: "Roboto", sans-serif;
    font-size: 1.0625em;
    color: #000000;
}
[data-custom-class='body_text'], [data-custom-class='body_text'] * {
    color: #595959;
    font-size: 0.875em;
    font-family: "Roboto", sans-serif;
}
[data-custom-class='link'], [data-custom-class='link'] * {
    color: #3030F1;
    font-size: 0.875em;
    font-family: "Roboto", sans-serif;
    word-break: break-word;
}

/* Typography */
.privacy-font-15 {
    font-size: 0.9375em;
}
.privacy-font-26 {
    font-size: 3.625em;
}
.privacy-font-family-arial {
    font-family: "Roboto", sans-serif;
}
.privacy-font-size-14 {
    font-size: 0.875em;
}

/* Colors */
.privacy-color-blue {
    color: rgb(0, 58, 250);
}
.privacy-color-gray-89 {
    color: rgb(89, 89, 89);
}
.privacy-color-gray-127 {
    color: rgb(127, 127, 127);
}
.privacy-color-black {
    color: rgb(0, 0, 0);
}

/* Layout & Spacing */
.privacy-line-height-1-4 {
    line-height: 1.4;
}
.privacy-line-height-1-5 {
    line-height: 1.5;
}
.privacy-margin-left-20 {
    margin-left: 1.25em;
}
.privacy-padding-16 {
    padding: 1em;
}
.privacy-padding-8 {
    padding: 0.5em;
}
.privacy-padding-top-16 {
    padding-top: 1em;
}
.privacy-padding-bottom-16 {
    padding-bottom: 1em;
}
.privacy-text-center {
    text-align: center;
}
.privacy-text-left {
    text-align: left;
}

/* Widths */
.privacy-width-14 {
    width: 14.9084%;
}
.privacy-width-33 {
    width: 33.8274%;
}
.privacy-width-51 {
    width: 51.4385%;
}
.privacy-width-100 {
    width: 100%;
}

/* Borders */
.privacy-border-black {
    border: 1px solid black;
}
.privacy-border-bottom-black {
    border-bottom: 1px solid black;
}
.privacy-border-left-black {
    border-left: 1px solid black;
}
.privacy-border-right-black {
    border-right: 1px solid black;
}
.privacy-border-top-black {
    border-top: 1px solid black;
}

/* Border components */
.privacy-border-color-black {
    border-color: black;
}
.privacy-border-style-solid {
    border-style: solid;
}
.privacy-border-width-1 {
    border-width: 1px;
}

/* Vertical alignment */
.privacy-vertical-middle {
    vertical-align: middle;
}

/* Utility classes */
.privacy-empty {
    text-align: center;
}

/* List styles */
ul {
    list-style-type: square;
}
ul > li > ul {
    list-style-type: circle;
}
ul > li > ul > li > ul {
    list-style-type: square;
}
ol li {
    font-family: "Roboto", sans-serif;
}

/* General div styling */
div {
    line-height: 1.5;
}

.toc-nav {
    --inline-padding: max(calc(50svw - 570px), 0px);
    padding: var(--medium-space) var(--inline-padding);
}