.eald-ooc-section {

    background: #ffffff;

    color: #2f2f2f;

    padding: clamp(2rem, 4vw, 3.2rem) 1rem;

}



.eald-ooc-container {

    width: min(980px, 94vw);

    margin: 0 auto;

}



.eald-ooc-container h1 {

    margin: 0 0 1rem 0;

    color: #2c2f35;

    font-size: clamp(1.9rem, 2.7vw, 2.8rem);

}



.eald-ooc-container p {

    margin: 0 0 1rem 0;

    color: #31343b;

    font-size: clamp(1rem, 1.2vw, 1.12rem);

    line-height: 1.5;

}



:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-ooc-section {

    background: #1f232a;

    color: #e5e7eb;

}



:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-ooc-container h1 {

    color: #f3f4f6;

}



:is([data-theme="dark"], [data-bs-theme="dark"]) .eald-ooc-container p {

    color: #d1d5db;

}



.eald-ooc-image-wrap {

    float: right;

    width: min(70.2%, 729px);

    margin: 0.25rem 0 1rem 1.5rem;

}



.eald-ooc-image {

    width: 100%;

    max-width: 100%;

    height: auto;

    display: block;

    border: 0;

    padding: 0;

}



.eald-slot-target {

    position: relative;

}



.eald-slot-marker {

    display: inline-block;

    margin-bottom: 0.35rem;

    border: 1px dashed #f7cf62;

    background: rgba(20, 26, 35, 0.66);

    color: #f7cf62;

    border-radius: 6px;

    font-size: 0.68rem;

    letter-spacing: 0.01em;

    padding: 0.1rem 0.35rem;

}



.eald-ooc-container::after {

    content: "";

    display: table;

    clear: both;

}



@media (max-width: 900px) {

    .eald-ooc-image-wrap {

        float: none;

        width: 100%;

        margin: 0.65rem 0 1rem 0;

    }

}