/* v1.87 Study Milestones */
.ms7{display:flex;flex-direction:column;gap:20px}
.ms7-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:22px;align-items:center;padding:24px;border-radius:18px;background:radial-gradient(circle at 10% 20%,#2a3a6e,#0c1328 72%);color:#f2ead8;box-shadow:0 18px 44px rgba(10,14,34,.3)}
.ms7-lv{position:relative;width:112px;height:112px}.ms7-lv svg{width:112px;height:112px;transform:rotate(-90deg)}
.ms7-lv circle{fill:none;stroke-width:9}.ms7-lv .bg{stroke:rgba(255,255,255,.12)}.ms7-lv .fg{stroke:#e8b85c;stroke-linecap:round}
.ms7-lv div{position:absolute;inset:0;display:grid;place-items:center;align-content:center;text-align:center}.ms7-lv b{font-size:36px;line-height:1}.ms7-lv small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.7}
.ms7-eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#e8b85c}
.ms7-hero h2{color:#fff;margin:4px 0;font-size:28px}.ms7-hero p{margin:0 0 10px;opacity:.8}
.ms7-stats{display:flex;flex-wrap:wrap;gap:8px}.ms7-stats span{border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:4px 11px;font-size:12.5px;background:rgba(255,255,255,.05)}.ms7-stats b{color:#fff}
.ms7-calwrap small{display:block;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin-bottom:6px}
.ms7-cal{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px;gap:3px}
.ms7-cal i{border-radius:3px;background:rgba(255,255,255,.08)}.ms7-cal i.on{background:#e8b85c;box-shadow:0 0 6px rgba(232,184,92,.6)}
.ms7-next h3,.ms7-sec h3{font-size:19px;margin:0 0 10px}.ms7-sec h3 small{color:var(--muted);font-weight:normal;font-size:13px}
.ms7-filter{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.ms7-filter [role=tab]{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:6px 14px;font:13.5px Georgia,serif;color:var(--ink);cursor:pointer}
.ms7-filter [aria-selected=true]{background:var(--wine);color:var(--paper);border-color:var(--wine)}
.ms7-filter .btn{margin-left:auto}
.ms7-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ms7-card{display:flex;gap:14px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:var(--shadow)}
.ms7-card:not(.earned){background:color-mix(in srgb,var(--paper) 70%,var(--bg))}
.ms7-card h3{font-size:16px;margin:2px 0 4px}.ms7-card p{margin:0 0 6px;font-size:13.5px;color:var(--muted);line-height:1.45}
.ms7-card small{font-size:12px;color:var(--muted)}.ms7-when{color:var(--wine)!important}
.ms7-card blockquote{margin:6px 0 0;padding-left:10px;border-left:2px solid var(--gold);font-size:13px;font-style:italic}
.ms7-bar{height:6px;border-radius:9px;background:var(--line);overflow:hidden;margin:4px 0}.ms7-bar i{display:block;height:100%;background:linear-gradient(90deg,#b08a54,#e8b85c)}
.ms7-medal{position:relative;flex:none;width:66px;height:66px}
.ms7-medal svg{width:66px;height:66px;transform:rotate(-90deg)}
.ms7-medal span{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;color:var(--muted)}
.ms7-track{fill:none;stroke:var(--line);stroke-width:5}.ms7-prog{fill:none;stroke:#b08a54;stroke-width:5;stroke-linecap:round}
.ms7-face{fill:color-mix(in srgb,var(--line) 55%,var(--paper))}
.ms7-medal.on .ms7-face{fill:url(#none)}
.ms7-medal.on{border-radius:50%;box-shadow:0 6px 16px rgba(20,14,8,.25),inset 0 0 0 3px rgba(255,255,255,.35)}
.ms7-medal.on span{color:#1a1208;text-shadow:0 1px 0 rgba(255,255,255,.4)}
.ms7-medal.on.t1{background:conic-gradient(from 200deg,#9a6a45,#e7ba92,#9a6a45,#6d4629,#9a6a45)}
.ms7-medal.on.t2{background:conic-gradient(from 200deg,#9aa3ad,#f4f7fa,#9aa3ad,#6b737c,#9aa3ad)}
.ms7-medal.on.t3{background:conic-gradient(from 200deg,#b58a45,#f6dc98,#b58a45,#8a6630,#b58a45)}
.ms7-medal.on.t4{background:conic-gradient(from 200deg,#4f8fb3,#d8f2ff,#6fa9d8,#2f5d7d,#4f8fb3)}
.ms7-medal.on.t5{background:conic-gradient(from 200deg,#7b55c8,#f2d6ff,#e8b85c,#5a36a0,#7b55c8)}
.ms7-medal.on .ms7-face{fill:transparent}
.ms7-medal.on::after{content:'';position:absolute;inset:0;border-radius:50%;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:250% 100%;animation:ms7shine 4.5s infinite}
@keyframes ms7shine{0%{background-position:150% 0}40%,100%{background-position:-60% 0}}
.ms7-mgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.ms7-mission{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:14px}
.ms7-mission.done{border-color:#8fb77c;background:color-mix(in srgb,#8fb77c 10%,var(--paper))}
.ms7-mission h4{margin:4px 0;font-size:15.5px}.ms7-mission p{font-size:13.5px;color:var(--muted);margin:0 0 10px}
.ms7-mgroup{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ms7-foot{font-size:12.5px}
@media (max-width:900px){.ms7-hero{grid-template-columns:auto 1fr}.ms7-calwrap{grid-column:1/-1}}
@media (max-width:560px){.ms7-hero{grid-template-columns:1fr;text-align:left}.ms7-cal{grid-auto-columns:9px;grid-template-rows:repeat(7,9px)}}