/* Page-owned styles for poker-table-etiquette */

.etiquette-page {
    width: 100%;
}

/* Plate Header */
.etiquette-plate-header {
    padding-block: var(--space-4xl) var(--space-3xl);
}

.etiquette-plate-header__inner {
    max-width: 56rem;
    margin-inline: auto;
    padding-inline: var(--container-gutter-mobile);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.etiquette-plate-header__number {
    margin-block-end: 0;
}

.etiquette-plate-header__title {
    margin-block-end: var(--space-sm);
}

.etiquette-plate-header__standfirst {
    max-width: 42ch;
    margin-block-end: var(--space-lg);
}

.etiquette-plate-header__rule {
    width: 6rem;
    margin-block: 0;
}

/* Philosophy */
.etiquette-philosophy {
    padding-block: var(--space-2xl);
}

.etiquette-philosophy__panel {
    max-width: 56rem;
    margin-inline: auto;
    padding: var(--space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.etiquette-philosophy__heading {
    margin-block-end: 0;
}

.etiquette-philosophy__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.etiquette-philosophy__body p {
    max-width: 68ch;
    margin-block-end: 0;
}

.etiquette-philosophy__quote {
    max-width: 42ch;
    margin-block-end: 0;
    color: var(--color-fresco-rose);
    font-style: italic;
    padding-inline-start: var(--space-lg);
    border-inline-start: 1px solid var(--color-border-gold);
}

/* First Courtesies */
.etiquette-courtesies {
    padding-block: var(--space-2xl);
}

.etiquette-courtesies__header {
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: var(--container-gutter-mobile);
    margin-block-end: var(--space-xl);
}

.etiquette-courtesies__heading {
    margin-block-end: 0;
}

.etiquette-courtesies__grid {
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: var(--container-gutter-mobile);
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-lg);
}

.etiquette-courtesy-card {
    padding: var(--space-xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
    min-width: 0;
}

.etiquette-courtesy-card__title {
    margin-block-end: 0;
}

.etiquette-courtesy-card__text {
    max-width: 34ch;
    margin-block-end: 0;
}

/* Ritual of the Deal */
.etiquette-deal {
    padding-block: var(--space-2xl);
}

.etiquette-deal__grid {
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: var(--container-gutter-mobile);
    display: grid;
    grid-template-columns: 5fr 7fr;
    gap: var(--space-lg);
    align-items: start;
}

.etiquette-deal__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.etiquette-deal__heading {
    margin-block-end: 0;
}

.etiquette-deal__text p {
    max-width: 68ch;
    margin-block-end: 0;
}

.etiquette-deal__figure {
    margin-block-end: 0;
    min-width: 0;
}

.etiquette-deal__image-wrapper {
    aspect-ratio: 4 / 5;
    width: 100%;
}

.etiquette-deal__caption {
    margin-block-start: var(--space-xs);
}

/* Language of Chips */
.etiquette-chips {
    padding-block: var(--space-2xl);
}

.etiquette-chips__panel {
    max-width: 56rem;
    margin-inline: auto;
    padding: var(--space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.etiquette-chips__heading {
    margin-block-end: 0;
}

.etiquette-chips__list {
    list-style: none;
    padding-inline-start: 0;
    margin-block-end: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.etiquette-chips__item {
    display: flex;
    gap: var(--space-md);
    align-items: flex-start;
    min-width: 0;
}

.etiquette-chips__number {
    flex-shrink: 0;
    width: 2rem;
    text-align: right;
    margin-block-start: 0.2rem;
}

.etiquette-chips__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xs);
}

.etiquette-chips__item-title {
    margin-block-end: 0;
}

.etiquette-chips__content p {
    max-width: 68ch;
    margin-block-end: 0;
}

/* Composed Player */
.etiquette-composed {
    padding-block: var(--space-2xl);
}

.etiquette-composed__grid {
    max-width: 72rem;
    margin-inline: auto;
    padding-inline: var(--container-gutter-mobile);
    display: grid;
    grid-template-columns: 7fr 5fr;
    gap: var(--space-lg);
    align-items: start;
}

.etiquette-composed__figure {
    margin-block-end: 0;
    min-width: 0;
}

.etiquette-composed__image-wrapper {
    aspect-ratio: 3 / 4;
    width: 100%;
}

.etiquette-composed__caption {
    margin-block-start: var(--space-xs);
}

.etiquette-composed__text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.etiquette-composed__heading {
    margin-block-end: 0;
}

.etiquette-composed__text p {
    max-width: 68ch;
    margin-block-end: 0;
}

/* Private Evenings */
.etiquette-private {
    padding-block: var(--space-2xl);
}

.etiquette-private__panel {
    max-width: 56rem;
    margin-inline: auto;
    padding: var(--space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.etiquette-private__heading {
    margin-block-end: 0;
}

.etiquette-private__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-lg);
}

.etiquette-private__column {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.etiquette-private__column-title {
    margin-block-end: 0;
}

.etiquette-private__column p {
    max-width: 34ch;
    margin-block-end: 0;
}

/* FAQ */
.etiquette-faq {
    padding-block: var(--space-2xl);
}

.etiquette-faq__panel {
    max-width: 56rem;
    margin-inline: auto;
    padding: var(--space-2xl);
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.etiquette-faq__heading {
    margin-block-end: 0;
}

.etiquette-faq__list {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.etiquette-faq__item {
    padding-block-end: var(--space-lg);
    border-bottom: 1px solid var(--color-border-gold);
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.etiquette-faq__item:last-child {
    padding-block-end: 0;
    border-bottom: none;
}

.etiquette-faq__number {
    margin-block-end: 0;
}

.etiquette-faq__question {
    margin-block-end: 0;
}

.etiquette-faq__answer {
    max-width: 68ch;
    margin-block-end: 0;
}

/* Quiet Invitation */
.etiquette-invitation {
    padding-block: var(--space-2xl);
}

.etiquette-invitation__inner {
    max-width: 56rem;
    margin-inline: auto;
    padding-inline: var(--container-gutter-mobile);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.etiquette-invitation__rule-top,
.etiquette-invitation__rule-bottom {
    width: 6rem;
    margin-block: 0;
}

.etiquette-invitation__heading {
    margin-block-end: 0;
}

.etiquette-invitation__text {
    max-width: 68ch;
    margin-block-end: 0;
}

.etiquette-invitation__contact {
    margin-block-end: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: var(--space-sm);
}

.etiquette-invitation__separator {
    color: var(--color-ink-soft);
}

/* Colophon */
.etiquette-colophon {
    padding-block: var(--space-3xl) var(--space-4xl);
}

.etiquette-colophon__inner {
    max-width: 42rem;
    margin-inline: auto;
    padding-inline: var(--container-gutter-mobile);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-md);
}

.etiquette-colophon__text {
    max-width: 42ch;
    margin-block-end: 0;
    color: var(--color-ink-soft);
}

.etiquette-colophon__ornament {
    display: block;
    width: 3rem;
    height: 1px;
    background-color: var(--color-gold);
    opacity: 0.5;
}

/* Tablet breakpoint */
@media (max-width: 900px) {
    .etiquette-courtesies__grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--space-md);
    }

    .etiquette-courtesy-card {
        padding: var(--space-lg);
    }

    .etiquette-deal__grid,
    .etiquette-composed__grid {
        grid-template-columns: 1fr;
        gap: var(--space-xl);
    }

    .etiquette-deal__figure,
    .etiquette-composed__figure {
        order: -1;
    }

    .etiquette-deal__text,
    .etiquette-composed__text {
        max-width: 68ch;
    }
}

/* Mobile breakpoint */
@media (max-width: 640px) {
    .etiquette-plate-header {
        padding-block: var(--space-3xl) var(--space-2xl);
    }

    .etiquette-philosophy,
    .etiquette-courtesies,
    .etiquette-deal,
    .etiquette-chips,
    .etiquette-composed,
    .etiquette-private,
    .etiquette-faq,
    .etiquette-invitation {
        padding-block: var(--space-xl);
    }

    .etiquette-philosophy__panel,
    .etiquette-chips__panel,
    .etiquette-private__panel,
    .etiquette-faq__panel {
        padding: var(--space-xl);
    }

    .etiquette-courtesies__grid {
        grid-template-columns: 1fr;
        gap: var(--space-md);
    }

    .etiquette-courtesy-card__text {
        max-width: none;
    }

    .etiquette-private__grid {
        grid-template-columns: 1fr;
        gap: var(--space-lg);
    }

    .etiquette-private__column p {
        max-width: none;
    }

    .etiquette-chips__item {
        flex-direction: column;
        gap: var(--space-xs);
    }

    .etiquette-chips__number {
        width: auto;
        text-align: left;
    }

    .etiquette-colophon {
        padding-block: var(--space-2xl) var(--space-3xl);
    }
}

@media (prefers-reduced-motion: reduce) {
    .etiquette-deal__image-wrapper img,
    .etiquette-composed__image-wrapper img {
        transition: none;
    }

    .etiquette-deal__image-wrapper:hover img,
    .etiquette-composed__image-wrapper:hover img {
        transform: none;
    }
}