:root {
    --font-ui: "Alexandria", "Segoe UI", Tahoma, sans-serif;
    --ink: #292735;
    --muted: #71687f;
    --subtle: #7a7085;
    --purple: #6554c0;
    --purple-dark: #5140a8;
    --action: #6554c0;
    --action-hover: #5140a8;
    --on-action: #fff;
    --bg: #f8f9fc;
    --surface: #fff;
    --surface-soft: #fcfbff;
    --surface-hover: #f1edff;
    --panel: #f3f2f9;
    --badge-bg: #f7f6fa;
    --border: #e8e6ee;
    --border-strong: #d5cce8;
    --tint: #f0edf9;
    --tint-strong: #eae6f4;
    --green: #24836a;
    --download-action: #24836a;
    --download-hover: #1b6b56;
    --success-ink: #34775f;
    --success-bg: #eef8f2;
    --success-border: #dbeee2;
    --red: #b43146;
    --error-bg: #fff2f4;
    --error-border: #f1dce1;
    --disabled-bg: #edebf4;
    --disabled-ink: #a5a0b4;
    --focus: #ac9ee9;
    --code-key: #875695;
    --code-value: #347764;
    font-family: var(--font-ui);
    color: var(--ink);
    background: var(--bg);
    font-synthesis: none;
    color-scheme: light;
}

:root[data-theme="dark"] {
    --ink: #eeeaf5;
    --muted: #b4adc2;
    --subtle: #aaa0ba;
    --purple: #baa8fa;
    --purple-dark: #d0c2ff;
    --action: #7960cb;
    --action-hover: #7158c0;
    --bg: #181923;
    --surface: #22232f;
    --surface-soft: #252532;
    --surface-hover: #302b47;
    --panel: #272633;
    --badge-bg: #2c2a3b;
    --border: #3b374a;
    --border-strong: #57506d;
    --tint: #302b43;
    --tint-strong: #363047;
    --green: #79ceb0;
    --download-action: #287e68;
    --download-hover: #216d59;
    --success-ink: #93d8b5;
    --success-bg: #21382e;
    --success-border: #355443;
    --red: #ffadbe;
    --error-bg: #392833;
    --error-border: #624052;
    --disabled-bg: #343141;
    --disabled-ink: #9c92ad;
    --focus: #b5a0f5;
    --code-key: #d1a3dc;
    --code-value: #8bd1b6;
    color-scheme: dark;
}

* {
    box-sizing:border-box;
}

body {
    margin:0;
}

button,input {
    font:inherit;
}

button,a,label {
    -webkit-tap-highlight-color:transparent;
}

button,a {
    touch-action:manipulation;
}

button {
    cursor:pointer;
}

a {
    color:inherit;
    text-decoration:none;
}

button:disabled {
    cursor:not-allowed;
}

button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible {
    outline:3px solid var(--focus);
    outline-offset:4px;
}

[hidden] {
    display:none!important;
}

.icon {
    width:20px;
    height:20px;
    flex-shrink:0;
    vertical-align:middle;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.page-width {
    width:min(1080px,calc(100% - 80px));
    margin-inline:auto;
}

.site-header {
    --ink:#292735;
    --muted:#71687f;
    --purple:#6554c0;
    --action:#6554c0;
    --surface:#fff;
    --surface-hover:#f1edff;
    --border:#e8e6ee;
    --border-strong:#d5cce8;
    color:var(--ink);
    background:var(--surface);
    border-bottom:1px solid var(--border);
    color-scheme:light;
}

.site-header-inner {
    height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    direction:inherit;
}

.brand {
    display:inline-flex;
    align-items:center;
    gap:11px;
    font-size:25px;
    letter-spacing:-1.1px;
    font-weight:700;
    line-height:1;
}

.brand-period {
    color:var(--purple);
}

.brand-mark {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:1px;
    background:var(--action);
    color:var(--on-action);
    width:39px;
    height:39px;
    border-radius:12px;
    font:500 29px var(--font-ui);
    letter-spacing:0;
}

.brand-mark span {
    font-size:21px;
}

.brand-mark .icon {
    width:24px;
    height:24px;
    stroke-width:1.8;
}

.header-actions {
    display:flex;
    align-items:center;
    gap:22px;
    direction:inherit;
    font-size:13px;
}

.preferences {
    display:flex;
    align-items:center;
    gap:8px;
    padding-inline-start:20px;
    border-inline-start:1px solid var(--border);
}

.header-button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    min-height:37px;
    padding:8px 11px;
    border:1px solid var(--border);
    border-radius:8px;
    color:var(--muted);
    background:var(--surface);
    font-size:11px;
    font-weight:500;
}

.header-button:hover {
    background:var(--surface-hover);
    border-color:var(--border-strong);
    color:var(--purple);
}

.header-button .icon {
    width:16px;
    height:16px;
}

.language-button {
    min-width:93px;
}

.theme-button {
    min-width:79px;
}

html[lang="ar"] h1 {
    letter-spacing:0;
}

.tool-label {
    color:var(--muted);
}

.sample-link {
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-weight:600;
}

.sample-link .icon {
    width:17px;
    height:17px;
    color:var(--purple);
}

.sample-link:hover {
    color:var(--purple);
}

.intro {
    padding:44px 0 33px;
    text-align:center;
}

.format-path {
    display:inline-flex;
    align-items:center;
    gap:16px;
    color:var(--purple);
    margin-bottom:13px;
}

.format-path span {
    font:600 15px var(--font-ui);
    border:1px solid var(--border-strong);
    background:var(--tint);
    padding:5px 10px;
    border-radius:7px;
    color:var(--purple);
}

.format-path span:last-child {
    background:var(--tint);
    color:var(--purple-dark);
}

.format-path .icon {
    width:19px;
}

h1 {
    font-size:45px;
    line-height:1.45;
    letter-spacing:-1.9px;
    margin:0 0 7px;
    font-weight:700;
}

.intro>p {
    font-size:16px;
    line-height:1.9;
    color:var(--muted);
    margin:0;
    text-wrap:balance;
}

.mobile-break {
    display:none;
}

.workspace {
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 8px 32px #35304f04;
}

.converter {
    padding:31px 33px 18px;
}

.section-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:24px;
}

h2 {
    font-size:22px;
    margin:0 0 5px;
    font-weight:600;
}

.section-heading p {
    font-size:13px;
    color:var(--muted);
    margin:0;
    line-height:1.7;
}

.format-badge {
    color:var(--muted);
    font:12px var(--font-ui);
    background:var(--badge-bg);
    border:1px solid var(--border);
    padding:7px 9px;
    border-radius:6px;
    white-space:nowrap;
}

.dropzone {
    display:flex;
    align-items:center;
    flex-direction:column;
    position:relative;
    border:1.5px dashed var(--border-strong);
    border-radius:12px;
    padding:25px 12px 23px;
    background:var(--surface-soft);
    cursor:pointer;
    transition:background .16s,border-color .16s;
}

.dropzone:hover,.dropzone.drag-over {
    background:var(--surface-hover);
    border-color:var(--purple);
}

.file-input:focus-visible+.dropzone {
    outline:3px solid var(--focus);
    outline-offset:4px;
}

.upload-illustration {
    width:91px;
    height:82px;
    position:relative;
    margin:0 0 16px;
    display:block;
}

.paper {
    position:absolute;
    width:47px;
    height:62px;
    border-radius:7px;
    border:1.5px solid var(--border-strong);
    background:var(--surface);
}

.paper-back {
    left:12px;
    top:7px;
    transform:rotate(-15deg);
    background:var(--tint);
    border-color:var(--border-strong);
}

.paper-front {
    top:6px;
    left:30px;
    transform:rotate(7deg);
    overflow:hidden;
    box-shadow:0 2px 2px #6554c007;
}

.paper-fold {
    position:absolute;
    right:-1px;
    top:-1px;
    width:16px;
    height:16px;
    border-inline-start:1px solid var(--border-strong);
    border-bottom:1px solid var(--border-strong);
    border-radius:0 0 0 4px;
    background:var(--tint);
}

.paper-extension {
    position:absolute;
    bottom:11px;
    left:7px;
    color:var(--purple);
    font:600 17px var(--font-ui);
}

.upload-arrow {
    position:absolute;
    bottom:0;
    left:13px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--action);
    color:var(--on-action);
    width:30px;
    height:30px;
    border:3px solid var(--surface-soft);
    border-radius:50%;
}

.upload-arrow .icon {
    width:16px;
    height:16px;
}

.drop-title {
    font-size:18px;
    font-weight:600;
    margin-bottom:7px;
}

.drop-subtitle {
    font-size:14px;
    color:var(--muted);
}

.browse-text {
    color:var(--purple);
    font-weight:600;
    text-decoration:underline;
    text-underline-offset:4px;
    text-decoration-color:var(--focus);
}

.upload-hint {
    font-size:11px;
    color:var(--muted);
    margin-top:19px;
}

.conversion-options {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:8px;
    margin:20px 0;
}

.checkbox-label {
    display:flex;
    align-items:center;
    gap:9px;
    cursor:pointer;
    font-size:12px;
    color:var(--muted);
    line-height:1.7;
}

.checkbox-label input {
    accent-color:var(--purple);
    width:15px;
    height:15px;
    margin:0;
    flex-shrink:0;
}

.option-tip {
    display:grid;
    place-items:center;
    width:16px;
    height:16px;
    border:1px solid var(--border-strong);
    border-radius:50%;
    font-size:11px;
    color:var(--subtle);
    flex-shrink:0;
}

.primary-button {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    background:var(--action);
    color:var(--on-action);
    border:1px solid var(--action);
    border-radius:9px;
    min-height:47px;
    font-size:15px;
    font-weight:600;
    transition:background .15s;
}

.primary-button:not(:disabled):hover {
    background:var(--action-hover);
}

.primary-button:disabled {
    background:var(--disabled-bg);
    color:var(--disabled-ink);
    border-color:var(--disabled-bg);
}

.download-all {
    margin-top:10px;
    background:var(--download-action);
    border-color:var(--download-action);
}

.download-all:hover {
    background:var(--download-hover)!important;
}

.privacy-note {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    color:var(--muted);
    font-size:11px;
    line-height:1.8;
    margin:13px 0 0;
}

.privacy-note .icon {
    height:14px;
    width:14px;
}

.preview-panel {
    background:var(--panel);
    padding:34px 29px 25px;
    border-inline-start:1px solid var(--border);
    display:flex;
    flex-direction:column;
}

.preview-top {
    display:flex;
    align-items:center;
    gap:7px;
    color:var(--muted);
    font-size:12px;
    margin-bottom:24px;
}

.preview-dot {
    width:6px;
    height:6px;
    background:var(--action);
    border-radius:50%;
}

.file-preview {
    background:var(--surface);
    border:1px solid var(--border);
    border-radius:9px;
    overflow:hidden;
}

.file-preview-title {
    display:flex;
    align-items:center;
    gap:7px;
    font:12px var(--font-ui);
    border-bottom:1px solid var(--border);
    padding:11px 13px;
    color:var(--muted);
}

.file-preview-title .icon {
    width:14px;
    height:14px;
    color:var(--subtle);
}

.preview-filetype {
    margin-left:auto;
    font:10px var(--font-ui);
    color:var(--muted);
}

.code-preview {
    padding:16px 11px;
    font:11px/2.2 var(--font-ui);
    white-space:nowrap;
    color:var(--muted);
}

.line-no {
    display:inline-block;
    width:20px;
    margin-right:8px;
    color:var(--subtle);
    font-size:10px;
}

.code-key {
    color:var(--code-key);
    margin-right:5px;
}

.code-translation {
    color:var(--code-value);
    font-family:var(--font-ui);
}

.compile-connector {
    display:flex;
    flex-direction:column;
    align-items:center;
    color:var(--subtle);
    gap:4px;
    height:55px;
    justify-content:center;
}

.compile-connector span {
    height:7px;
    width:1px;
    background:var(--border-strong);
}

.compile-connector .icon {
    width:18px;
    height:18px;
    transform:rotate(90deg);
}

.compiled-preview {
    display:flex;
    align-items:center;
    gap:11px;
    border:1px solid var(--border-strong);
    background:var(--tint-strong);
    border-radius:9px;
    padding:14px;
}

.mo-file-icon {
    font:600 11px var(--font-ui);
    color:var(--purple);
    border:1px solid var(--border-strong);
    background:var(--tint);
    width:33px;
    height:40px;
    display:grid;
    place-items:center;
    border-radius:5px;
}

.compiled-preview strong {
    font:600 13px var(--font-ui);
    display:block;
    margin-bottom:4px;
    color:var(--purple);
}

.compiled-preview div>span {
    font-size:11px;
    color:var(--muted);
    display:block;
}

.compiled-check {
    color:var(--success-ink);
    margin-left:auto;
    background:var(--success-bg);
    border-radius:50%;
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
}

.compiled-check .icon {
    width:13px;
    height:13px;
}

.preview-details {
    margin-top:27px;
}

.preview-details h3 {
    font-size:14px;
    margin:0 0 13px;
    font-weight:600;
}

.preview-details ul {
    list-style:none;
    padding:0;
    margin:0;
    display:grid;
    gap:11px;
}

.preview-details li {
    display:flex;
    align-items:center;
    gap:9px;
    font-size:12px;
    color:var(--muted);
}

.preview-details .icon {
    width:15px;
    height:15px;
    color:var(--purple);
}

.template-note {
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin-top:24px;
    padding-top:19px;
    border-top:1px solid var(--border);
}

.template-note .icon {
    width:16px;
    height:16px;
    color:var(--subtle);
    margin-top:4px;
}

.template-note p {
    margin:0;
    font-size:12px;
    line-height:1.9;
    color:var(--muted);
}

.template-note p>span {
    color:var(--muted);
    font-size:11px;
    display:block;
}

.template-note strong {
    font-weight:500;
}

.how-it-works {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
    padding:31px 20px;
}

.how-it-works>div {
    display:flex;
    align-items:flex-start;
    gap:11px;
}

.step-number {
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--tint);
    color:var(--purple);
    font-size:13px;
    flex-shrink:0;
    margin-top:1px;
}

.how-it-works p {
    margin:0;
    font-size:12px;
}

.how-it-works strong {
    display:block;
    font-size:13px;
    font-weight:600;
    margin-bottom:5px;
    color:var(--muted);
}

.how-it-works p>span {
    color:var(--muted);
    font-size:11px;
}

.step-divider {
    width:36px;
    height:1px;
    background:var(--border);
}

.faq {
    max-width:730px;
    margin:1px auto 28px;
    border-top:1px solid var(--border);
    padding:18px 2px 0;
    color:var(--muted);
    font-size:12px;
}

.faq summary {
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    list-style:none;
}

.faq summary::-webkit-details-marker {
    display:none;
}

.faq summary .icon {
    width:14px;
    height:14px;
}

.faq[open] summary .icon {
    transform:rotate(180deg);
}

.faq p {
    font-size:13px;
    line-height:2;
    margin:14px 0 0;
    color:var(--muted);
}

.site-footer {
    border-top:1px solid var(--border);
    padding:22px 0 26px;
    display:flex;
    justify-content:space-between;
    direction:inherit;
    color:var(--muted);
    font-size:11px;
    align-items:center;
    gap:20px;
    flex-wrap:wrap;
}

.copyright {
    display:flex;
    align-items:center;
    gap:8px;
    flex-wrap:wrap;
    font-size:10px;
    line-height:1.8;
}

.tatwerat-credit {
    display:inline-flex;
    align-items:center;
    gap:6px;
    color:var(--ink);
    font-weight:500;
}

.tatwerat-credit:hover {
    color:var(--purple);
}

.tatwerat-credit img {
    width:23px;
    height:23px;
    object-fit:contain;
}

.site-footer>span:first-child {
    font-size:14px;
    font-weight:600;
    color:var(--muted);
}

.footer-version {
    margin-inline-start:7px;
    font:10px var(--font-ui);
    color:var(--muted);
    font-weight:400;
}

.visually-hidden {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
}

.queue-heading {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:19px;
    color:var(--muted);
    font-size:12px;
}

.text-button {
    border:0;
    background:none;
    color:var(--purple);
    padding:5px;
    font-size:12px;
}

.text-button:hover {
    text-decoration:underline;
}

.file-list {
    padding:0;
    list-style:none;
    margin:0;
    max-height:310px;
    overflow-y:auto;
}

.file-row {
    display:flex;
    align-items:center;
    gap:10px;
    border:1px solid var(--border);
    border-radius:8px;
    margin-top:9px;
    padding:12px 10px;
    background:var(--surface);
    direction:ltr;
}

.file-tile {
    display:grid;
    place-items:center;
    width:31px;
    height:37px;
    flex-shrink:0;
    background:var(--tint);
    border:1px solid var(--border-strong);
    border-radius:5px;
    font:600 10px var(--font-ui);
    color:var(--purple);
}

.file-info {
    flex:1;
    min-width:0;
}

.file-name {
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    font:12px var(--font-ui);
    color:var(--muted);
}

.file-meta {
    display:block;
    font-size:11px;
    color:var(--muted);
    margin-top:5px;
    text-align:left;
    line-height:1.9;
}

.file-error .file-meta {
    color:var(--red);
}

.file-complete .file-tile {
    color:var(--green);
    background:var(--success-bg);
    border-color:var(--success-border);
}

.file-actions {
    display:flex;
    align-items:center;
    gap:5px;
}

.icon-button {
    width:29px;
    height:29px;
    border:0;
    border-radius:6px;
    background:none;
    display:grid;
    place-items:center;
    color:var(--subtle);
    padding:0;
}

.icon-button:hover {
    color:var(--purple);
    background:var(--tint);
}

.icon-button .icon {
    width:16px;
    height:16px;
}

.file-download {
    color:var(--green);
    background:var(--success-bg);
}

.file-converting .file-tile {
    animation:pulse 1s infinite;
}

.notice {
    font-size:12px;
    line-height:1.9;
    padding:12px 14px;
    border-radius:8px;
    margin:15px 0 0;
    overflow-wrap:anywhere;
}

.notice.error {
    color:var(--red);
    background:var(--error-bg);
    border:1px solid var(--error-border);
}

.notice.success {
    color:var(--success-ink);
    background:var(--success-bg);
    border:1px solid var(--success-border);
}

.converter.is-busy .dropzone {
    opacity:.55;
    pointer-events:none;
}

.converter.is-busy .primary-button:disabled {
    color:var(--on-action);
    background:var(--action);
}

.converter.is-busy .primary-button .icon {
    animation:pulse 1s infinite;
}

.converter.has-files .dropzone {
    padding:17px 12px;
}

.converter.has-files .upload-illustration {
    display:none;
}

.converter.has-files .drop-title {
    font-size:15px;
}

.converter.has-files .upload-hint {
    margin-top:10px;
    font-size:10px;
}

.converter.has-files .drop-subtitle {
    font-size:12px;
}

@keyframes pulse {
    50% {
        opacity:.45;
    }
}

@media(min-width:1500px) {
    .intro {
        padding-top:60px;
        padding-bottom:40px;
    }
}

@media(max-width:1000px) {
    .page-width {
        width:calc(100% - 48px);
    }
    .converter {
        padding:27px 24px 18px;
    }
    .preview-panel {
        padding:30px 22px 24px;
    }
    .how-it-works {
        gap:22px;
    }
    .step-divider {
        width:20px;
    }
    .code-preview {
        font-size:10px;
        padding-inline:8px;
    }
    .line-no {
        margin-right:4px;
        width:14px;
    }
    .tool-label {
        display:none;
    }
}

@media(max-width:740px) {
    .page-width {
        width:calc(100% - 32px);
    }
    .site-header-inner {
        min-height:68px;
        height:auto;
        padding-block:12px;
        gap:12px;
        flex-wrap:wrap;
    }
    .brand {
        font-size:21px;
    }
    .brand-mark {
        height:34px;
        width:34px;
        font-size:26px;
        border-radius:10px;
    }
    .sample-link {
        font-size:12px;
        gap:6px;
    }
    .header-actions {
        gap:12px;
        margin-inline-start:auto;
    }
    .preferences {
        padding-inline-start:12px;
        gap:6px;
    }
    .header-button {
        min-width:0;
        min-height:34px;
        padding:7px 9px;
    }
    .theme-label {
        display:none;
    }
    .intro {
        padding:33px 0 28px;
    }
    h1 {
        font-size:34px;
        letter-spacing:-1.2px;
    }
    .intro>p {
        font-size:14px;
        line-height:1.95;
        max-width:490px;
        margin-inline:auto;
    }
    .mobile-break {
        display:block;
    }
    .format-path {
        margin-bottom:14px;
    }
    .format-path span {
        font-size:13px;
    }
    .workspace {
        grid-template-columns:1fr;
        border-radius:16px;
    }
    .converter {
        padding:25px 22px 18px;
    }
    .preview-panel {
        border-inline-start:0;
        border-top:1px solid var(--border);
        padding:24px;
        display:grid;
        grid-template-columns:1fr;
    }
    .preview-top {
        margin-bottom:18px;
    }
    .file-preview {
        max-width:420px;
        width:100%;
        margin:auto;
    }
    .compiled-preview {
        max-width:420px;
        width:100%;
        margin:auto;
    }
    .code-preview {
        font-size:12px;
        padding:15px;
    }
    .line-no {
        width:20px;
    }
    .compile-connector {
        height:43px;
    }
    .preview-details {
        margin-top:22px;
    }
    .preview-details ul {
        display:flex;
        flex-wrap:wrap;
        column-gap:18px;
        row-gap:11px;
    }
    .preview-details li {
        font-size:11px;
    }
    .template-note {
        margin-top:21px;
        padding-top:15px;
    }
    .template-note p br {
        display:none;
    }
    .template-note p>span {
        margin-inline-start:0;
    }
    .how-it-works {
        justify-content:space-between;
        align-items:flex-start;
        gap:12px;
        padding:28px 2px;
    }
    .how-it-works>div {
        flex-direction:column;
        gap:9px;
        flex:1;
    }
    .how-it-works strong {
        font-size:12px;
    }
    .how-it-works p>span {
        font-size:10px;
        line-height:1.8;
    }
    .step-divider {
        display:none;
    }
    .faq {
        margin-bottom:24px;
    }
    .site-footer {
        padding:20px 0;
        gap:15px;
    }
    .privacy-note {
        font-size:10px;
    }
    .upload-hint {
        font-size:10px;
    }
    .drop-title {
        font-size:17px;
    }
    .conversion-options {
        margin-block:18px;
    }
    .checkbox-label {
        font-size:11px;
    }
    .section-heading {
        margin-bottom:21px;
    }
}

@media(max-width:520px) {
    .site-header-inner {
        gap:10px;
    }
    .header-actions {
        width:100%;
        justify-content:space-between;
    }
    .preferences {
        padding-inline-start:0;
        border-inline-start:0;
    }
    .theme-label {
        display:inline;
    }
    h1 {
        font-size:30px;
        line-height:1.5;
    }
    .intro>p {
        font-size:12px;
        max-width:330px;
    }
    .section-heading {
        flex-wrap:wrap;
    }
    .section-heading p {
        font-size:11px;
    }
    .privacy-note {
        align-items:flex-start;
        text-align:center;
    }
    .privacy-note .icon {
        margin-top:2px;
    }
    .site-footer {
        flex-direction:column;
        align-items:center;
    }
    .copyright {
        justify-content:center;
        column-gap:6px;
    }
}

@media(prefers-reduced-motion:reduce) {
    *,*::before,*::after {
        animation:none!important;
        transition:none!important;
        scroll-behavior:auto!important;
    }
}