/* Approved daily-card composition.
   The whole design scales as one unit so phone aspect ratios cannot rearrange it. */
@supports (width: 1cqw) {
    body[data-role="member"] .daily-card-dialog {
        container-type: inline-size;
        width: min(96vw, 53.4dvh, 570px) !important;
        max-height: none !important;
        overflow: visible !important;
    }

    body[data-role="member"] .daily-card-panel {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 3.2cqw;
        width: 100%;
        max-height: none !important;
        padding: 2.7cqw !important;
        overflow: hidden !important;
        border-radius: 4cqw !important;
    }

    body[data-role="member"] .daily-card {
        width: 100%;
        min-height: 0 !important;
        aspect-ratio: 772 / 1244;
        padding: 0 !important;
        border-width: .25cqw !important;
        border-radius: 4cqw !important;
    }

    body[data-role="member"] .daily-card-close {
        top: 4cqw !important;
        right: 4cqw !important;
        width: 13.5cqw !important;
        height: 13.5cqw !important;
        border-width: .45cqw;
        font-size: 5.4cqw !important;
    }

    body[data-role="member"] .daily-card-header {
        position: absolute;
        top: 5cqw;
        left: 3.6cqw;
        z-index: 2;
        align-items: flex-start !important;
        gap: 1.7cqw !important;
        padding: 0 !important;
    }

    body[data-role="member"] .daily-card-mark {
        width: 13.8cqw !important;
        height: 16.6cqw !important;
        flex: 0 0 13.8cqw !important;
        margin: 0 !important;
        background-position: center top !important;
    }

    body[data-role="member"] .daily-card-header > div:last-child {
        display: grid;
        align-content: start;
        min-width: 0;
        margin: 1.8cqw 0 0 !important;
    }

    body[data-role="member"] .daily-card-header p {
        margin: 0 0 .7cqw !important;
        font-size: 2.55cqw !important;
        line-height: 1.08 !important;
        letter-spacing: .1em !important;
        white-space: nowrap !important;
    }

    body[data-role="member"] .daily-card-header time {
        font-size: 3.65cqw !important;
        line-height: 1.12 !important;
        white-space: nowrap !important;
    }

    body[data-role="member"] .daily-card-header small {
        margin-top: .8cqw !important;
        font-size: 2.45cqw !important;
        line-height: 1.15 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
    }

    body[data-role="member"] .daily-card blockquote {
        position: absolute;
        top: 44.5%;
        right: 5.2cqw;
        left: 6.7cqw;
        z-index: 2;
        margin: 0 !important;
    }

    body[data-role="member"] .daily-card blockquote p:first-child {
        font-size: 6.55cqw;
        line-height: 1.2;
        letter-spacing: -.045em;
    }

    body[data-role="member"] .daily-card blockquote p:first-child > span {
        display: block;
        width: max-content;
        max-width: 100%;
        white-space: nowrap !important;
    }

    body[data-role="member"] .daily-card blockquote p[lang="en"] {
        width: 100%;
        margin-top: 5.6cqw;
        font-size: 3.15cqw;
        line-height: 1.45;
        white-space: nowrap;
    }

    body[data-role="member"] .daily-card footer {
        left: 6.7cqw;
        bottom: 7.2cqw;
    }

    body[data-role="member"] .daily-card footer strong {
        font-size: 2.75cqw;
        line-height: 1.2;
        white-space: nowrap;
    }

    body[data-role="member"] .daily-card footer small {
        margin-top: 1.1cqw;
        font-size: 2.25cqw;
        line-height: 1.2;
        letter-spacing: .03em;
        white-space: nowrap;
    }

    body[data-role="member"] .daily-card-accept {
        width: 100%;
        min-height: 15cqw;
        margin: 0 !important;
        padding: 0 3cqw !important;
        border-radius: 4cqw !important;
        font-size: 3.35cqw !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
}