/*
 * MSS addendum — small, clearly-separated pieces our own markup/behavior needs that have no
 * equivalent in the live site's real /cs/fragments/mss_topnav/css/mss.css (vendored
 * byte-identical as studentsurvey.css, loaded before this file). green_box and learn_more now
 * use the real `.infobox`/`.greenboxrow`/`.want` classes directly (mss.css covers those), and
 * the accordion uses the real `.accordionPanel`/`.js-accordion__panel`/`.accordionHeader`
 * markup (mss.css covers those too) — so this file only contains the one remaining genuine gap:
 *
 * The accordion header is a `.btn.btn-link`, so the real mss.css's generic `.btn:hover`
 * rule (background #ffffcc, cream) would otherwise apply to it. On the live site that cream
 * hover gets overridden back to black by an inline <style> block embedded in the SubTiers WCM
 * fragment itself (confirmed via view-source on https://mss.mn.gov/MSS/data/censusdes/, right
 * before the accordion markup) — it's fragment-baked presentation, not modeled as a CM Box
 * field, so migration never captured it. Replicated verbatim below so our accordion hover
 * matches live.
 */

.btn:hover,
.btn:focus {
    color: #fff !important;
    font-weight: bold;
    text-decoration: underline !important;
    background-color: #000 !important;
    text-decoration-color: #78be21 !important;
    box-shadow: none;
    outline-offset: 2px;
    text-decoration-color: #45802b !important;
    text-decoration-thickness: 2px !important;
    outline: 1px auto #45802b !important;
}
