/* ADDED v2026-06-02.7259: League Help Assistant component. */
.league-help-format-choice {
    display: grid;
    gap: 0.35rem;
    max-width: 26rem;
}
.league-help-format-choice select {
    min-height: 44px;
    width: 100%;
}
[data-help-format-guide][hidden],
[data-help-video-formats][hidden] {
    display: none;
}
.league-help-page {
    max-width: 760px;
}
.league-help-card {
    display: grid;
    gap: 1rem;
}
.league-help-intro,
.league-help-footnote,
.league-help-low-confidence,
.league-help-sources {
    color: var(--muted-text, #666);
}
.league-help-sources {
    font-size: 0.9rem;
}
.league-help-form {
    display: grid;
    gap: 0.65rem;
}
.league-help-form textarea {
    width: 100%;
    resize: vertical;
}
.league-help-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}
.league-help-answer {
    min-height: 2.5rem;
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 0.5rem;
    padding: 0.85rem;
    background: rgba(0,0,0,0.025);
}
.league-help-answer:empty {
    display: none;
}
.league-help-answer.is-error {
    border-color: rgba(160,0,0,0.35);
}
.league-help-answer.is-warning {
    border-color: rgba(160,110,0,0.35);
}
.league-help-answer.is-success {
    border-color: rgba(0,100,0,0.25);
}
.league-help-feedback {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding-top: 0.75rem;
    border-top: 1px solid var(--player-border-soft, #ccc);
}
.league-help-feedback .league-help-feedback-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    min-width: 44px;
    min-height: 44px;
    padding: 0.4rem;
    border: 1px solid var(--player-border, #777);
    border-radius: 0.4rem;
    background: var(--player-surface, #fff);
    color: var(--player-text, #222);
    font-size: 1.25rem;
    cursor: pointer;
}
.league-help-feedback .league-help-feedback-button[aria-pressed="true"] {
    border: 2px solid var(--player-link, #1c5ed1);
    background: var(--player-focus-bg, #eaf1ff);
}
.league-help-feedback .league-help-feedback-button:focus-visible {
    outline: 2px solid var(--player-link, #1c5ed1);
    outline-offset: 3px;
}
.league-help-feedback .league-help-feedback-button:disabled {
    opacity: 0.6;
    cursor: wait;
}
.league-help-feedback-status,
.league-help-feedback-score {
    flex-basis: 100%;
    overflow-wrap: anywhere;
    font-size: 0.9rem;
}
.league-help-feedback-status:empty {
    display: none;
}
.league-help-video {
    margin: 1rem 0;
    min-width: 0;
}
.league-help-video figcaption {
    margin-bottom: 0.5rem;
    font-weight: 700;
}
.league-help-video video {
    display: block;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    border-radius: 0.4rem;
    background: #111;
}
.league-help-video-browser {
    margin-top: 1rem;
}
.league-help-video-browser summary {
    cursor: pointer;
    font-weight: 700;
}
.league-help-video-topics {
    display: grid;
    gap: 0.5rem;
    list-style: none;
    padding: 0.75rem 0;
}
.league-help-video-topics .league-help-suggestion {
    max-width: 100%;
    border-radius: 0.4rem;
    text-align: left;
    white-space: normal;
}
.league-help-form.is-disabled {
    opacity: 0.6;
}

/* ADDED v2026-06-02.7260: Suggested-question and topic-list framework. */
.league-help-suggestions {
    display: grid;
    gap: 0.5rem;
}
.league-help-suggestion-list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}
.league-help-suggestion {
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: 999px;
    background: rgba(255,255,255,0.92);
    color: var(--color-text, #222);
    padding: 0.35rem 0.65rem;
    cursor: pointer;
    font: inherit;
}
.league-help-suggestion:hover,
.league-help-suggestion:focus {
    background: rgba(255,255,255,1);
    color: var(--color-text, #222);
}
.league-help-faq-card {
    margin-top: 1rem;
}
.league-help-topic-list {
    display: grid;
    gap: 0.65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}
.league-help-topic-list li {
    display: grid;
    gap: 0.2rem;
    border-bottom: 1px solid rgba(0,0,0,0.08);
    padding-bottom: 0.55rem;
}
.league-help-topic-category {
    color: var(--muted-text, #666);
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

/* ADDED v2026-06-02.7262b: Keep suggested-question buttons readable when legacy button styles set white text globally. */
.league-help-suggestion:visited,
.league-help-suggestion:active {
    color: var(--color-text, #222);
}

/* ADDED v2026-06-03.7266: Help layout refinements. */


.league-help-topics-details[open] > summary {
    margin-bottom: 0.75rem;
}
.league-help-actions button:disabled,
.league-help-actions .buttonlike:disabled {
    cursor: not-allowed;
    opacity: 0.55;
}


/* CHANGED v2026-06-03.7292: Current help topics is now the details card itself, not a nested card inside a section. */
.league-help-faq-card {
    margin-top: 0.26rem;
}
.league-help-topics-details {
    display: block;
}
.league-help-topics-details > summary {
    cursor: pointer;
    font-weight: 700;
}
.league-help-topics-details .league-help-topic-list {
    padding: 0.65rem 0.75rem 0.75rem;
}