/* Migration readiness checklist (migration-readiness.html). Builds on the .sp page shell (cb-support.css) and the suggester styles (cb-suggest.css). */
.mr .mr-group { margin: 0 0 1.6rem; }
.mr .mr-gh { margin: 0 0 .2rem; font-size: 1.15rem; font-weight: 800; color: #3b1478; }
.mr .mr-opt { font-weight: 600; font-size: .85rem; color: #5b5778; }
.mr .mr-q { border: 1px solid var(--line, #e3dcf3); border-radius: 14px; background: #fff; padding: .8rem 1rem .9rem; margin: 0 0 .7rem; min-width: 0; }
.mr .mr-legend { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .6rem; float: left; width: 100%; padding: 0; margin: 0 0 .55rem; font-size: .96rem; font-weight: 700; line-height: 1.45; color: #1e1b3a; }
.mr .mr-n { flex: 0 0 auto; min-width: 1.6rem; text-align: center; padding: .05rem .4rem; border-radius: 999px; background: #eee8fb; color: #43138a; font-size: .78rem; font-weight: 800; }
.mr .mr-qt { flex: 1 1 18rem; }
.mr .mr-imp { padding: .08rem .55rem; border-radius: 999px; font-size: .72rem; font-weight: 800; border: 1px solid; white-space: nowrap; }
.mr .mr-imp[data-w="3"] { background: #fff1d6; color: #7a4a00; border-color: #e8b04a; }
.mr .mr-imp[data-w="2"] { background: #eee8fb; color: #43138a; border-color: #b9a4e6; }
.mr .mr-imp[data-w="1"] { background: #eef2f6; color: #3b4658; border-color: #c4cdd8; }
.mr .mr-q > .sg-chiprow { clear: both; }
.mr .mr-prof { margin-bottom: .8rem; }
.mr .mr-bar { position: sticky; bottom: 0; z-index: 5; margin-top: 1rem; padding: .8rem 1rem; border: 1px solid var(--line, #e3dcf3); border-radius: 14px; background: rgba(255, 255, 255, .96); box-shadow: 0 -6px 18px rgba(30, 27, 58, .08); }
.mr .mr-progress { margin: 0 0 .5rem; font-weight: 700; font-size: .9rem; color: #3b1478; }
.mr .mr-bar .sg-err { margin: .4rem 0 0; }
/* result */
.mr .mr-score { display: flex; flex-wrap: wrap; gap: 1rem 1.6rem; align-items: center; margin: 1rem 0 1.4rem; padding: 1.1rem 1.3rem; border: 1px solid #cdb8f0; border-left-width: 6px; border-radius: 16px; background: linear-gradient(135deg, #f6f0ff, #fff 70%); }
.mr .mr-score[data-band="ready"] { border-left-color: #1f8a4c; }
.mr .mr-score[data-band="nearly"] { border-left-color: #6a9a1f; }
.mr .mr-score[data-band="prep"] { border-left-color: #e0a100; }
.mr .mr-score[data-band="early"] { border-left-color: #c4283d; }
.mr .mr-big { display: grid; justify-items: center; line-height: 1; min-width: 7rem; }
.mr .mr-big b { font-size: 3.6rem; font-weight: 900; color: #3b1478; }
.mr .mr-big span { font-size: .85rem; font-weight: 700; color: #5b5778; margin-top: .25rem; }
.mr .mr-sc { flex: 1 1 18rem; }
.mr .mr-sc p { margin: 0 0 .5rem; }
.mr .mr-band { font-size: 1.25rem; font-weight: 800; color: #1e1b3a; }
.mr .mr-meter { height: 12px; border-radius: 999px; background: #e9e3f6; overflow: hidden; }
.mr .mr-meter span { display: block; height: 100%; border-radius: 999px; background: linear-gradient(90deg, #7d4fd0, #541ba3); }
.mr .mr-areas { list-style: none; margin: .4rem 0 1.4rem; padding: 0; display: grid; gap: .8rem; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); }
.mr .mr-arow { display: flex; justify-content: space-between; gap: .6rem; margin-bottom: .25rem; font-weight: 700; font-size: .92rem; }
.mr .mr-apct { color: #3b1478; }
.mr .mr-gaps { list-style: none; counter-reset: gap; margin: .6rem 0 1.4rem; padding: 0; display: grid; gap: .8rem; }
.mr .mr-gap { counter-increment: gap; position: relative; padding: .9rem 1rem .9rem 3.2rem; border: 1px solid var(--line, #e3dcf3); border-radius: 14px; background: #fff; }
.mr .mr-gap::before { content: counter(gap); position: absolute; left: 1rem; top: .9rem; width: 1.7rem; height: 1.7rem; display: grid; place-items: center; border-radius: 50%; background: #541ba3; color: #fff; font-weight: 800; font-size: .85rem; }
.mr .mr-gtop { display: flex; flex-wrap: wrap; gap: .4rem .6rem; align-items: center; margin-bottom: .35rem; }
.mr .mr-ans { font-size: .8rem; font-weight: 800; padding: .08rem .55rem; border-radius: 999px; background: #ffe4e0; color: #8a1d12; border: 1px solid #e58a80; }
.mr .mr-ans[data-a="p"] { background: #fdf3d0; color: #6b5200; border-color: #d9bf5b; }
.mr .mr-ans[data-a="u"] { background: #eef2f6; color: #3b4658; border-color: #c4cdd8; }
.mr .mr-gq { margin: 0 0 .3rem; font-weight: 700; }
.mr .mr-todo, .mr .mr-sug { margin: 0 0 .3rem; font-size: .93rem; line-height: 1.55; }
.mr .mr-sug a { font-weight: 700; }
.mr .mr-sug i { margin-left: .3rem; }
.mr .mr-approach { margin: 0 0 1.4rem; padding: 1rem 1.2rem; border: 1px solid var(--line, #e3dcf3); border-radius: 16px; background: #fff; }
.mr .mr-approach .sg-h3 { margin-top: 0; }
.mr .mr-apn { margin: 0 0 .3rem; font-size: 1.1rem; font-weight: 800; color: #3b1478; }
.mr .mr-results[hidden] { display: none; }
@media (max-width: 575.98px) { .mr .mr-bar { position: static; } .mr .mr-big b { font-size: 3rem; } .mr .mr-gap { padding-left: 2.8rem; } }
@media print { .mr .mr-form, .mr .sg-privacy, .mr .sg-how, .mr #faq { display: none; } .mr .mr-gap, .mr .mr-score, .mr .mr-approach { break-inside: avoid; } .mr .sg-expert { display: none; } }
/* keep a focused or scrolled-to answer clear of the sticky action bar */
.mr .mr-q, .mr .mr-q input { scroll-margin-bottom: 9rem; scroll-margin-top: 6rem; }