@media (max-width: 700px) {
    html,
    body {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .safety-main,
    .safety-main *,
    .safety-main *::before,
    .safety-main *::after {
        box-sizing: border-box;
    }

    .safety-main,
    .safety-hero {
        width: 100%;
        max-width: 100%;
        overflow-x: hidden;
    }

    .safety-container {
        width: auto;
        max-width: none;
        margin-right: 15px;
        margin-left: 15px;
    }

    .safety-hero-inner {
        min-width: 0;
        padding: 22px 0;
        grid-template-columns: minmax(0, 1fr);
        gap: 16px;
    }

    .safety-hero-inner > *,
    .safety-quick-steps > *,
    .safety-cards > *,
    .safety-emergency > * {
        min-width: 0;
        max-width: 100%;
    }

    .safety-eyebrow,
    .safety-section-label {
        max-width: 100%;
        font-size: 9.5px;
        line-height: 1.45;
        letter-spacing: 0.1em;
        white-space: normal;
        overflow-wrap: break-word;
    }

    html[data-language="cs"] .safety-eyebrow > .lang-cs,
    html[data-language="en"] .safety-eyebrow > .lang-en,
    html[data-language="cs"] .safety-title > .lang-cs,
    html[data-language="en"] .safety-title > .lang-en,
    html[data-language="cs"] .safety-lead > .lang-cs,
    html[data-language="en"] .safety-lead > .lang-en {
        display: block;
        width: 100%;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-title {
        max-width: 100%;
        margin-top: 12px;
        font-size: 29px;
        line-height: 1.08;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-lead {
        max-width: 100%;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.55;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-lead br {
        display: none;
    }

    .safety-decision {
        min-width: 0;
        align-items: flex-start;
        gap: 9px;
        margin-top: 14px;
    }

    .safety-decision > span {
        min-width: 0;
        max-width: 100%;
        flex: 1 1 auto;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-quick-card {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        padding: 20px 18px;
        border-radius: 17px;
    }

    .safety-quick-steps {
        width: 100%;
        min-width: 0;
        margin-top: 15px;
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
    }

    .safety-quick-step {
        min-width: 0;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
    }

    .safety-quick-step > * {
        min-width: 0;
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-cards {
        width: 100%;
        min-width: 0;
        margin-top: 15px;
        grid-template-columns: minmax(0, 1fr);
        gap: 11px;
    }

    .safety-card {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        min-height: auto;
        padding: 18px;
    }

    .safety-card > *,
    .safety-card-header > *,
    .safety-card-head > * {
        min-width: 0;
        max-width: 100%;
    }

    .safety-card h3 {
        max-width: 100%;
        font-size: 20px;
        line-height: 1.18;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-card p,
    .safety-card li,
    .safety-card span,
    .safety-card strong {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-card p,
    .safety-card li {
        font-size: 13.5px;
        line-height: 1.5;
    }

    .safety-card-note {
        margin-top: 14px;
    }

    .safety-emergency {
        box-sizing: border-box;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        grid-template-columns: minmax(0, 1fr);
    }

    .safety-emergency h2,
    .safety-emergency h3,
    .safety-emergency p,
    .safety-emergency span {
        max-width: 100%;
        white-space: normal;
        overflow-wrap: break-word;
    }

    .safety-number {
        width: 100%;
        min-width: 0;
        min-height: 110px;
    }
}