/* home-tab only overrides — shared styles now in /css/earth_boat/detail-tabs.css */

    /* SP-first: 1 unit ≈ 10px at 393px design width; --b inherited from .ldh-page in detail-tabs.css */
    .ldh-announcement {
        overflow: hidden;
        padding: calc(1.6 * var(--b)) calc(2 * var(--b));
        gap: calc(1.2 * var(--b));
        background: #FAF9F2;
        margin: calc(3 * var(--b)) calc(2 * var(--b)) 0;
    }
    .ldh-announcement > svg {
        float: left;
        margin-right: calc(0.5 * var(--b));
        margin-top: calc(0.2 * var(--b));
        flex-shrink: 0;
    }
    .ldh-announcement__body {
        font-size: calc(1.4 * var(--b));
        line-height: 1.7;
        color: #333;
    }
    .ldh-announcement__body p {
        margin: 0 0 calc(0.8 * var(--b));
    }
    .ldh-announcement__body p:last-child {
        margin-bottom: 0;
    }
    .ldh-announcement__body strong,
    .ldh-announcement__body b {
        font-size: calc(1.5 * var(--b));
        font-weight: 600;
    }
    .ldh-announcement__body a {
        color: inherit;
        text-decoration: none;
        background: linear-gradient(currentColor, currentColor) 0 100% / 100% 1px no-repeat;
    }
    @media (hover: hover) and (pointer: fine) {
        .ldh-announcement__body a {
            transition: background-size 0.4s ease-out, background-position 0s 0.4s;
        }
        .ldh-announcement__body a:hover {
            background-size: 0 1px;
            background-position: 100% 100%;
            transition: background-size 0.4s ease-out;
        }
    }
    @media (min-width: 1025px) {
        .ldh-announcement {
            padding: calc(2 * var(--b)) calc(4 * var(--b));
            margin: calc(6 * var(--b)) calc(12 * var(--b)) 0;
        }
    }

    .ldh-mv__slides {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .ldh-mv__slide {
        position: absolute;
        inset: 0;
        opacity: 0;
        transition: opacity 1s ease;
    }

    .ldh-mv__slide.is-active {
        opacity: 1;
    }

    .ldh-mv__slide picture {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
    }

    .ldh-mv__slide picture img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        display: block;
    }