@font-face {
    font-family: 'Titillium Web';
    src:
        url('<?= escapeHtml(assetUrl('fonts/titillium-web-v19-latin-regular.woff2')) ?>') format('woff2'),
        url('<?= escapeHtml(assetUrl('fonts/TitilliumWeb-Regular.ttf')) ?>') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src:
        url('<?= escapeHtml(assetUrl('fonts/titillium-web-v19-latin-600.woff2')) ?>') format('woff2'),
        url('<?= escapeHtml(assetUrl('fonts/TitilliumWeb-SemiBold.ttf')) ?>') format('truetype');
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src:
        url('<?= escapeHtml(assetUrl('fonts/titillium-web-v19-latin-700.woff2')) ?>') format('woff2'),
        url('<?= escapeHtml(assetUrl('fonts/TitilliumWeb-Bold.ttf')) ?>') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Titillium Web';
    src:
        url('<?= escapeHtml(assetUrl('fonts/titillium-web-v19-latin-italic.woff2')) ?>') format('woff2'),
        url('<?= escapeHtml(assetUrl('fonts/TitilliumWeb-Italic.ttf')) ?>') format('truetype');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

:root {
    --og-bg: #F6F8FB;
    --og-surface: #FFFFFF;
    --og-surface-muted: #F1F4F8;
    --og-text: #1D252D;
    --og-text-soft: #5B6776;
    --og-border: #D9D9D6;
    --og-border-strong: #A7A8AA;
    --og-primary: #34657F;
    --og-primary-dark: #244C5A;
    --og-secondary: #4E87A0;
    --og-accent: #485CC7;
    --og-success: #A4D65E;
    --og-warning: #F1BE48;
    --og-danger: #A4493D;
    --og-shadow: 0 10px 30px rgba(29, 37, 45, 0.08);
    --og-radius-card: 16px;
    --og-radius-soft: 12px;
    --og-content-width: 1120px;
    --og-page-padding: 32px;
    --og-block-gap: 24px;
    --og-line: 1.6;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}

body {
    margin: 0;
    background: var(--og-bg);
    color: var(--og-text);
    font-family: 'Titillium Web', Arial, sans-serif;
    line-height: var(--og-line);
}

a {
    color: var(--og-primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.screen-shell {
    min-height: 100vh;
    padding: 28px;
}

.offer-document {
    max-width: var(--og-content-width);
    margin: 0 auto;
    background: transparent;
}

.offer-topbar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 20px;
    padding: 14px 18px;
    background: rgba(255, 255, 255, 0.82);
    border: 1px solid rgba(167, 168, 170, 0.35);
    border-radius: 14px;
    box-shadow: var(--og-shadow);
    backdrop-filter: blur(10px);
    position: sticky;
    top: 18px;
    z-index: 40;
}

.offer-topbar__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0;
    padding: 4px;
}

.offer-topbar__logo img {
    display: block;
    height: 72px;
    width: auto;
    object-fit: contain;
}

.offer-topbar__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

.offer-topbar__brand {
    display: flex;
    gap: 4px;
    min-width: 0;
}

.offer-topbar__eyebrow {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
    color: var(--og-secondary);
    line-height: 1.2;
}

.offer-topbar__title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--og-text);
    line-height: 1.25;
    min-width: 0;
    white-space: normal;
    display: block;
}

.offer-topbar__meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 0 18px;
    font-size: 0.95rem;
    color: var(--og-text-soft);
    min-width: 0;
}

.offer-topbar__meta strong {
    color: var(--og-text);
}

.offer-topbar__right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    min-width: 0;
}

.offer-topbar__print-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 0;
    align-self: stretch;
    padding: 0 4px 0 0;
}

.offer-topbar > .offer-topbar__logo,
.offer-topbar > .offer-topbar__text,
.offer-topbar > .offer-topbar__print-wrap {
    display: flex;
}

.offer-topbar__print {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--og-primary);
    color: #fff;
    box-shadow: var(--og-shadow);
    flex: 0 0 auto;
    transition: background 0.16s ease, transform 0.16s ease;
}

.offer-topbar__print:hover {
    background: var(--og-primary-dark);
    text-decoration: none;
    transform: translateY(-1px);
}

.offer-topbar__print svg {
    width: 18px;
    height: 18px;
    display: block;
    fill: currentColor;
}

.doc-root {
    display: flex;
    flex-direction: column;
    gap: var(--og-block-gap);
}

.section-b-summary {
    margin-top: 14px;
}

.section-b-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(167, 168, 170, 0.32);
    border-radius: var(--og-radius-card);
    background: var(--og-surface);
    box-shadow: var(--og-shadow);
    padding: 22px 26px;
    cursor: pointer;
    color: var(--og-text);
    text-align: left;
    font: inherit;
    transition: background 0.18s ease, border-color 0.18s ease, transform 0.18s ease;
}

.section-b-toggle:hover {
    background: #FBFCFE;
    border-color: rgba(52, 101, 127, 0.34);
}

.section-b-toggle:focus-visible {
    outline: 2px solid rgba(72, 92, 199, 0.35);
    outline-offset: 2px;
}

.section-b-toggle__label {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.section-b-toggle__title {
    font-size: 1.32rem;
    font-weight: 700;
    color: var(--og-text);
    line-height: 1.2;
}

.section-b-toggle__hint {
    font-size: 0.96rem;
    color: var(--og-text-soft);
}

.section-b-toggle__icon {
    flex: 0 0 auto;
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--og-primary);
    line-height: 1;
    transition: transform 0.18s ease;
}

.section-b-summary[open] .section-b-toggle__icon {
    transform: rotate(45deg);
}

.section-b-content {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: var(--og-block-gap);
    overflow: hidden;
}

.include-summary {
    margin-top: 18px;
}

.include-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid rgba(167, 168, 170, 0.32);
    border-radius: var(--og-radius-card);
    background: var(--og-surface);
    box-shadow: var(--og-shadow);
    padding: 20px 24px;
    cursor: pointer;
    color: var(--og-text);
    text-align: left;
    font: inherit;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.include-toggle:hover {
    background: #FBFCFE;
    border-color: rgba(52, 101, 127, 0.34);
}

.include-toggle__label {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.include-toggle__title {
    font-size: 1.14rem;
    font-weight: 700;
    color: var(--og-text);
    line-height: 1.2;
}

.include-toggle__hint {
    font-size: 0.95rem;
    color: var(--og-text-soft);
}

.include-toggle__icon {
    flex: 0 0 auto;
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--og-primary);
    line-height: 1;
    transition: transform 0.18s ease;
}

.include-summary[open] .include-toggle__icon {
    transform: rotate(45deg);
}

.include-content {
    margin-top: 22px;
    display: flex;
    flex-direction: column;
    gap: var(--og-block-gap);
}

.include-print-title {
    margin-top: 18px;
}

.include-print-title h1 {
    margin-bottom: 0;
}

.include-summary::details-content {
    block-size: 0;
    opacity: 0;
    transition:
        block-size 260ms ease,
        opacity 200ms ease;
}

.include-summary[open]::details-content {
    block-size: auto;
    opacity: 1;
}

.include-download {
    margin-top: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 18px 22px;
    border: 1px solid rgba(167, 168, 170, 0.32);
    border-radius: var(--og-radius-card);
    background: var(--og-surface);
    box-shadow: var(--og-shadow);
}

.include-download__title {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--og-text);
}

.include-download__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    background: var(--og-primary);
    color: #fff;
    font-weight: 700;
    box-shadow: var(--og-shadow);
    white-space: nowrap;
}

.include-download__button:hover {
    background: var(--og-primary-dark);
    text-decoration: none;
}

.section-b-summary::details-content {
    block-size: 0;
    opacity: 0;
    transition:
        block-size 260ms ease,
        opacity 200ms ease;
}

.section-b-summary[open]::details-content {
    block-size: auto;
    opacity: 1;
}

.og-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--og-block-gap);
    align-items: stretch;
}

.og-columns.og-columns--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.og-columns > .og-block {
    height: 100%;
}

.og-block[data-og-id="b3_delivery_scope"] > .og-columns {
    margin-top: 8px;
}

.og-block[data-og-id="b3_delivery_scope"] > .og-columns > .og-block {
    padding: 22px 24px;
    background: linear-gradient(180deg, rgba(79, 134, 142, 0.04) 0%, rgba(255, 255, 255, 1) 100%);
    border-color: rgba(52, 101, 127, 0.22);
}

.og-doc,
.og-section,
.og-block,
.og-subblock {
    min-width: 0;
}

.og-doc {
    display: flex;
    flex-direction: column;
    gap: var(--og-block-gap);
}

.og-section {
    display: flex;
    flex-direction: column;
    gap: var(--og-block-gap);
}

.og-block,
.og-subblock,
.title-block {
    background: var(--og-surface);
    border: 1px solid rgba(167, 168, 170, 0.28);
    border-radius: var(--og-radius-card);
    box-shadow: var(--og-shadow);
    padding: 28px 30px;
}

@media screen {
    .og-block[data-og-icon],
    .og-subblock[data-og-icon] {
        position: relative;
    }

    .og-block[data-og-icon] > h3:first-of-type,
    .og-subblock[data-og-icon] > h3:first-of-type {
        position: relative;
        min-height: 52px;
        display: block;
        padding-top: 2px;
        margin-left: 68px;
    }

    .og-block[data-og-icon] > h3:first-of-type::before,
    .og-subblock[data-og-icon] > h3:first-of-type::before {
        content: '';
        position: absolute;
        left: -68px;
        top: 0;
        width: 52px;
        height: 52px;
        border-radius: 14px;
        background-color: rgba(52, 101, 127, 0.10);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 28px 28px;
        border: 1px solid rgba(52, 101, 127, 0.16);
        padding: 0;
    }

<?= $customIconCss ?>

    .og-block[data-og-icon] > h3:first-of-type + p,
    .og-subblock[data-og-icon] > h3:first-of-type + p,
    .og-block[data-og-icon] > h3:first-of-type + ul,
    .og-subblock[data-og-icon] > h3:first-of-type + ul,
    .og-block[data-og-icon] > h3:first-of-type + ol,
    .og-subblock[data-og-icon] > h3:first-of-type + ol,
    .og-block[data-og-icon] > h3:first-of-type + blockquote,
    .og-subblock[data-og-icon] > h3:first-of-type + blockquote,
    .og-block[data-og-icon] > h3:first-of-type + table,
    .og-subblock[data-og-icon] > h3:first-of-type + table {
        margin-left: 0;
    }

    .og-block[data-og-icon="summary"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="summary"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='16' rx='2'/%3E%3Cpath d='M8 9h8M8 13h8M8 17h5'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="scope"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="scope"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M7 4v16M17 4v16M4 17h16'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="delivery"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="delivery"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h13v10H3zM16 10h3l2 3v4h-5z'/%3E%3Ccircle cx='8' cy='18' r='1.5'/%3E%3Ccircle cx='18' cy='18' r='1.5'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="pricing"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="pricing"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A4493D' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v18M16.5 7.5c0-1.9-1.8-3.5-4.5-3.5S7.5 5.2 7.5 7s1.4 2.8 4.5 3.5 4.5 1.7 4.5 3.5-1.8 3.5-4.5 3.5S7.5 16 7.5 14.5'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="warning"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="warning"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D98A1A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4 3.5 19h17L12 4Z'/%3E%3Cpath d='M12 9v4M12 16h.01'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="value"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="value"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234E87A0' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h5l2-5 4 10 2-5h3'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="shield"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="shield"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.2 2.5 8 7 10 4.5-2 7-5.8 7-10V6l-7-3Z'/%3E%3Cpath d='m9.5 12 1.7 1.7L14.8 10'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="history"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="history"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7'/%3E%3Cpath d='M3 4v5h5M12 7v5l3 2'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="process"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="process"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='12' r='2'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3Ccircle cx='18' cy='12' r='2'/%3E%3Cpath d='M8 12h2M14 12h2'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="roadmap"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="roadmap"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18c2.5-5 4-8 8-8s5.5 3 8 8'/%3E%3Cpath d='M7 8h.01M12 10h.01M17 14h.01'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="ai"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="ai"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23485CC7' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v4M12 17v4M4.2 7.2l2.8 2.8M17 14l2.8 2.8M3 12h4M17 12h4M4.2 16.8 7 14M17 10l2.8-2.8'/%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="contract"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="contract"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h8l4 4v14H7z'/%3E%3Cpath d='M15 3v4h4M9 12h6M9 16h6'/%3E%3C/svg%3E");
    }

    .og-block[data-og-icon="decision"] > h3:first-of-type::before,
    .og-subblock[data-og-icon="decision"] > h3:first-of-type::before {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334657F' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12h6M12 6l6 6-6 6'/%3E%3Cpath d='M6 6v12'/%3E%3C/svg%3E");
    }
}

.title-block {
    position: relative;
    overflow: hidden;
    padding: 34px 36px 28px;
    border-color: rgba(52, 101, 127, 0.24);
    background:
        linear-gradient(135deg, rgba(52, 101, 127, 0.38) 0%, rgba(72, 92, 199, 0.04) 100%),
        var(--og-surface);
}

.title-block::before {
    content: '';
    position: absolute;
    inset: 0 auto 0 0;
    width: 8px;
    background: linear-gradient(180deg, var(--og-primary) 0%, var(--og-secondary) 100%);
}

.og-block[data-og-id="a_scaling_warning"],
.og-block[data-og-id="b6_scaling_note"] {
    background: #FFF8EA;
    border-color: rgba(241, 190, 72, 0.62);
}

.og-block[data-og-id="a_pricing_summary"],
.og-block[data-og-id="b5_commercial_structure"] {
    border-color: rgba(52, 101, 127, 0.30);
    background:
        linear-gradient(180deg, rgba(164, 73, 61, 0.10) 0%, rgba(255, 255, 255, 1) 100%);
}

.og-block[data-og-id="a_additional_notes"],
.og-block[data-og-id="b9_commercial_notes"] {
    background: var(--og-surface-muted);
}

.og-subblock[data-og-id^="b7_option_"] {
    border-left: 6px solid var(--og-secondary);
}

.og-subblock[data-og-id="b7_option_b"] {
    border-left-color: var(--og-accent);
}

.og-subblock[data-og-id="b7_option_c"] {
    border-left-color: var(--og-primary-dark);
}

h1,
h2,
h3,
h4,
p,
ul,
ol,
table,
blockquote,
hr {
    margin-top: 0;
}

h1,
h2,
h3,
h4 {
    color: var(--og-text);
    line-height: 1.2;
}

h1 {
    font-size: clamp(2rem, 4vw, 2.6rem);
    font-weight: 700;
    margin-bottom: 18px;
    letter-spacing: -0.02em;
}

h2 {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(167, 168, 170, 0.35);
}

h3 {
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 14px;
    color: var(--og-primary-dark);
}

h4 {
    font-size: 1.05rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: var(--og-text);
}

p,
li,
td,
th,
blockquote {
    font-size: 1rem;
}

p {
    margin-bottom: 0;
    color: var(--og-text);
    line-height: 1.3;
}

ul,
ol {
    padding-left: 1.35rem;
    margin-bottom: 0;
}

li {
    margin-bottom: 4px;
    line-height: 1.2;
}

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

hr {
    border: 0;
    border-top: 1px solid rgba(167, 168, 170, 0.38);
    margin: 8px 0 0;
}

blockquote {
    margin: 18px 0;
    padding: 16px 18px;
    background: rgba(241, 190, 72, 0.12);
    border-left: 4px solid var(--og-warning);
    border-radius: var(--og-radius-soft);
    color: var(--og-text);
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 18px;
    overflow: hidden;
    border-radius: 12px;
    border: 1px solid rgba(167, 168, 170, 0.38);
    background: #fff;
}

thead th {
    background: rgba(52, 101, 127, 0.08);
    color: var(--og-text);
    font-weight: 700;
    min-width: 134px;
}

th,
td {
    padding: 12px 14px;
    text-align: left;
    border-bottom: 1px solid rgba(167, 168, 170, 0.28);
    vertical-align: top;
}

tr:last-child td {
    border-bottom: 0;
}

tbody tr:nth-child(odd) td {
    background: #FFFFFF;
}

tbody tr:nth-child(even) td {
    background: #F7F8FA;
}

@media screen {
    tbody tr {
        transition: background-color 0.16s ease;
    }

    tbody tr:hover td {
        background: rgba(52, 101, 127, 0.10);
    }
}

td[style*="text-align:right"],
th[style*="text-align:right"] {
    text-align: right !important;
}

td[style*="text-align:center"],
th[style*="text-align:center"] {
    text-align: center !important;
}

.muted {
    color: var(--og-text-soft);
}

.md-image {
    margin: 18px auto 22px;
    text-align: center;
}

.md-image img {
    display: inline-block;
    max-width: 80%;
    height: auto;
    border-radius: 12px;
}

.md-image img[data-has-explicit-width="1"] {
    max-width: min(100%, var(--md-image-width, 80%));
    width: var(--md-image-width, auto);
}

.print-header,
.print-footer,
.print-frame {
    display: none;
}

.print-header__left,
.print-header__center,
.print-header__right,
.print-footer__left,
.print-footer__center,
.print-footer__right {
    min-width: 0;
}

.print-header__left,
.print-footer__left {
    text-align: left;
}

.print-header__center,
.print-footer__center {
    text-align: center;
}

.print-header__right,
.print-footer__right {
    text-align: right;
}

.screen-actions {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 16px;
}

.screen-actions a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    border-radius: 12px;
    background: var(--og-primary);
    color: #fff;
    font-weight: 700;
    box-shadow: var(--og-shadow);
}

.screen-actions a:hover {
    text-decoration: none;
    background: var(--og-primary-dark);
}

.print-only {
    display: none;
}

@media (max-width: 860px) {
    .screen-shell {
        padding: 16px;
    }

    .offer-topbar {
        position: static;
        flex-direction: column;
        align-items: flex-start;
    }

    .offer-topbar__brand,
    .offer-topbar__right,
    .offer-topbar__meta,
    .offer-topbar__text {
        width: 100%;
    }

    .offer-topbar__logo {
        padding: 0;
    }

    .offer-topbar__logo img {
        height: 48px;
    }

    .offer-topbar__right {
        justify-content: flex-start;
        gap: 12px;
    }

    .offer-topbar__print-wrap {
        margin-left: 0;
        align-self: auto;
        padding-right: 0;
    }

    .offer-topbar__meta {
        justify-content: flex-start;
    }

    .offer-topbar__print {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }

    .include-toggle,
    .include-download {
        padding: 16px 16px;
    }

    .section-b-toggle {
        padding: 18px 18px;
    }

    .section-b-toggle__title {
        font-size: 1.16rem;
    }

    .og-block[data-og-icon] > h3:first-of-type,
    .og-subblock[data-og-icon] > h3:first-of-type {
        min-height: 44px;
        margin-left: 56px;
    }

    .og-block[data-og-icon] > h3:first-of-type::before,
    .og-subblock[data-og-icon] > h3:first-of-type::before {
        left: -56px;
        width: 44px;
        height: 44px;
        background-size: 24px 24px;
        padding: 0;
    }

    .og-block[data-og-icon] > h3:first-of-type + p,
    .og-subblock[data-og-icon] > h3:first-of-type + p,
    .og-block[data-og-icon] > h3:first-of-type + ul,
    .og-subblock[data-og-icon] > h3:first-of-type + ul,
    .og-block[data-og-icon] > h3:first-of-type + ol,
    .og-subblock[data-og-icon] > h3:first-of-type + ol,
    .og-block[data-og-icon] > h3:first-of-type + blockquote,
    .og-subblock[data-og-icon] > h3:first-of-type + blockquote,
    .og-block[data-og-icon] > h3:first-of-type + table,
    .og-subblock[data-og-icon] > h3:first-of-type + table {
        margin-left: 0;
    }

    .og-block,
    .og-subblock,
    .title-block {
        padding: 22px 20px;
    }

    .og-columns {
        grid-template-columns: 1fr;
    }
}