.md-guide .md-status { display:inline-block; padding:2px 10px; border-radius:999px; font-size:.72rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; white-space:nowrap; }
.md-guide .md-live { background:color-mix(in srgb,var(--fe-high) 20%,transparent); color:var(--fe-high); }
.md-guide .md-test { background:color-mix(in srgb,var(--fe-mid) 22%,transparent); color:var(--fe-mid); }
.md-guide .md-default { background:color-mix(in srgb,var(--fe-low) 18%,transparent); color:var(--fe-low); }
.md-guide .md-list { display:grid; gap:10px; margin:16px 0; }
.md-guide .md-item { display:grid; grid-template-columns:24px minmax(0,1fr); gap:12px; align-items:start; padding:14px 16px; border-radius:14px; border:1px solid var(--fe-border); background:var(--fe-raised); cursor:pointer; }
.md-guide .md-item input { width:20px; height:20px; margin:2px 0 0; accent-color:var(--fe-accent); }
.md-guide .md-item strong { display:block; font-size:.98rem; }
.md-guide .md-item small { display:block; margin-top:3px; font-size:.84rem; line-height:1.45; color:var(--fe-muted); }
.md-guide .md-item:has(input:checked) { border-color:var(--fe-high); }
.md-guide .md-item:has(input:checked) strong { text-decoration:line-through; text-decoration-color:var(--fe-high); }
.md-guide .md-progress { position:relative; height:14px; margin:14px 0 6px; border-radius:999px; background:color-mix(in srgb,var(--fe-ink) 10%,transparent); overflow:hidden; }
.md-guide .md-progress i { position:absolute; inset:0 auto 0 0; border-radius:999px; background:var(--fe-accent); transition:width .3s ease; }
.md-guide .md-countdown { display:flex; align-items:baseline; gap:12px; flex-wrap:wrap; margin:24px 0; padding:16px 20px; border-radius:16px; background:var(--fe-accent); color:#fff; }
html.theme-dark .md-guide .md-countdown { color:#24120c; }
.md-guide .md-countdown b { font-family:'DM Serif Display',serif; font-size:2rem; font-weight:400; line-height:1; }