/* Guide support block (競技ガイド用サポートブロック)
   共通レイアウトは .card-on-gradient (components.css)。ここではリスト専用スタイルのみ。
   Breakpoint: PC 768px+ / SP 767px- */

/* リスト: インナー幅をはみ出し、上から白ボックスにかぶさる */
.guide-support-block__list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: -var(--space-2xl);
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 90vw;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-sm);
}

.guide-support-block__list-item {
    background: var(--color-accent3);
    color: var(--color-text);
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: var(--space-sm) var(--space-lg);
    border-radius: calc(infinity * 1px);
    text-align: center;
    font-weight: 900;
    box-shadow: 0 5px 20px 5px rgba(235, 214, 95, 0.3);
}

/* SP: 767px以下 — 縦並び */
@media (max-width: 767px) {
    .guide-support-block__list {
        flex-direction: column;
        margin-top: -var(--space-xl);
        align-items: stretch;
        padding-inline: var(--content-inner-padding-inline);
    }

    .guide-support-block__list-item {
        padding: var(--space-sm) var(--space-md);
    }
}

/* PC: 768px+ — 横並び維持（デフォルトで flex） */
@media (min-width: 768px) {
    .guide-support-block__list {
        padding-inline: var(--content-inner-padding-inline);
    }
}