/* Shared card treatment across home, guides, releases and the community. */
:root{--radius-card:12px}
:is(.topic-card,.release-highlight,.release-preview-card,.update-version,.update-entry,.update-featured,.catalog-card,.community-cards article,.page-nav>a,.release-section){
 border:1px solid var(--line);
 border-radius:var(--radius-card);
 background:var(--surface);
 box-shadow:none;
 transition:background-color .16s ease;
}
:is(.topic-card,.release-highlight,.release-preview-card,.update-version,.update-entry,.update-featured,.catalog-card,.community-cards article,.page-nav>a,.release-section):is(:hover,:focus-within){
 border-color:var(--line);
 border-radius:var(--radius-card);
 background:var(--soft);
 box-shadow:none;
 transform:none;
}
.topic-card,.topic-card--directory{padding:20px}
.release-section>summary{border-radius:calc(var(--radius-card) - 1px)}
.release-section[open]>summary{border-end-start-radius:0;border-end-end-radius:0}
/* Keyboard focus stays visible without adding a bright frame on mouse hover. */
.update-entry:focus-within{outline:none}
:is(.topic-card,.release-highlight,.update-version,.page-nav>a):focus-visible,
.update-entry:has(:focus-visible){outline:2px solid var(--green);outline-offset:3px;border-radius:var(--radius-card)}
@media(prefers-reduced-motion:reduce){
 :is(.topic-card,.release-highlight,.release-preview-card,.update-version,.update-entry,.update-featured,.catalog-card,.community-cards article,.page-nav>a,.release-section){transition:none}
}