/* HOMEPAGE ONLY (assets/home.css), loaded after the shared assets/site.css. */
summary:focus-visible { outline: 2px solid var(--focus-ring); outline-offset: 2px; border-radius: 8px; }
@media (max-width: 1023px) { .r-steps4 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } }
@media (max-width: 599px) { .r-steps4 { grid-template-columns: minmax(0, 1fr) !important; } }

/* hover states compiled from style-hover (homepage) */
.hh1:hover{color: var(--white) !important;text-decoration: none !important}
.hh2:hover{background: var(--surface-inset) !important;color: var(--violet-press) !important;text-decoration: none !important}
.hh3:hover{color: var(--violet-press) !important;text-decoration: underline !important;text-underline-offset: 3px !important}
.hh4:hover{background: var(--surface-inset) !important;text-decoration: none !important}
.hh5:hover{background: var(--violet-press) !important;color: var(--white) !important;text-decoration: none !important}
.hh6:hover{background: #1F0A2E0A !important}
.hh7:hover{background: var(--hairline-deep) !important;text-decoration: none !important}
.hh8:hover{color: var(--pink) !important;text-decoration: underline !important;text-underline-offset: 4px !important}
.hh9:hover{background: var(--hairline-deep) !important}
.hh10:hover{color: var(--pink) !important;text-decoration: underline !important;text-underline-offset: 3px !important}