.topIssues__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0 0 20px;
    padding: 4px;
    list-style: none;
}
.topIssues__button {
    display: flex;
    flex: 0 0 auto;
    font-family: inherit;
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
    align-items: center;
    gap: 6px;
    box-sizing: border-box;
    min-height: 40px;
    padding: 9px 18px;
    border: 1px solid var(--color-gray4);
    border-radius: 999px;
    background: var(--color-dark);
    color: var(--color-white);
    font-size: 14px;
    line-height: 1.4;
    text-decoration: none;
    overflow-wrap: anywhere;
}
.topIssues__dot {
    flex: 0 0 6px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--color-green);
}
.topIssues__button:hover {
    border-color: var(--color-green);
    background: var(--color-green);
    color: var(--color-black);
}
.topIssues__button:hover .topIssues__dot { background: var(--color-black); }
.topIssues__button:focus-visible { outline: 2px solid var(--color-green); outline-offset: 2px; }
@media (max-width: 767px) {
    .topIssues__list {
        flex-wrap: nowrap;
        gap: 12px;
        overflow-x: auto;
        padding-bottom: 8px;
    }
    .topIssues__button { min-height: 44px; padding: 8px 15px; font-size: 13px; }
}
.topIssues__description { margin: 8px 0 18px; color: var(--color-gray); font-size: 13px; line-height: 1.6; }
.topIssues__button[aria-selected="true"] { background: var(--color-green); border-color: var(--color-green); color: var(--color-black); }
.topIssues__button[aria-selected="true"] .topIssues__dot { background: var(--color-black); }
.topIssues__panel[hidden] { display: none; }
.topIssues__cards { display: flex; gap: min(20px, calc(20 / 1366 * 100vw)); overflow-x: auto; padding: 4px 4px 10px; }
.topIssues__cards .curriculumSetCard { flex: 0 0 min(285px, calc(285 / 1366 * 100vw)); width: min(285px, calc(285 / 1366 * 100vw)); min-width: 0; }
.topIssues__cards .summaryBox__body { padding-top: 8px; }
.topIssues__cards .summaryBox__body .head { color: var(--color-white); font-size: 13px; line-height: 1.5; }
.topIssues__cards:focus-visible { outline: 2px solid var(--color-green); outline-offset: 2px; }
@media (max-width: 767px) {
    .topIssues__cards { gap: 14px; }
    .topIssues__cards .curriculumSetCard { flex-basis: 190px; width: 190px; }
}
@media (max-width: 767px) {
    .topIssues__list,
    .topIssues__cards { scrollbar-width: none; }
    .topIssues__list::-webkit-scrollbar,
    .topIssues__cards::-webkit-scrollbar { display: none; }
}