/* ---------- My feedback (W2 Task 18): the design's .fb, .steps, .step and .fixed (royal.css 487-502) ---------- */
/* .fb-top .btn and .step span are already in viewer.css, so they are not repeated here. */
.mk .fb{border:1px solid var(--m-line);background:linear-gradient(180deg,var(--m-panel),#0b1020);padding:18px 20px;display:grid;gap:12px}
.mk .fb.new{animation:arrive .8s var(--ease) both;border-color:var(--m-gl)}
.mk .fb-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mk .fb-q{font-family:var(--m-disp);font-size:18px;font-style:italic;line-height:1.35}
.mk .fb-m{color:var(--m-muted);font-size:12px;margin-top:4px}
.mk .steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative}
.mk .steps::before{content:"";position:absolute;left:8px;right:8px;top:7px;height:1px;background:var(--m-line)}
.mk .step{position:relative;display:grid;gap:2px;padding-top:22px;font-size:11.5px;color:var(--m-faint)}
.mk .step::before{content:"";position:absolute;left:3px;top:3px;width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--m-line);background:var(--m-bg)}
.mk .step b{font-family:var(--m-caps);letter-spacing:.12em;font-size:10.5px}
.mk .step.done{color:var(--m-fg)}
.mk .step.done::before{background:var(--m-gold);border-color:var(--m-gold)}
.mk .step.now::before{background:var(--m-gold);border-color:var(--m-gold);box-shadow:0 0 0 4px rgba(226,194,125,.18);animation:pulse 1.8s ease-in-out infinite}
.mk .step.now b{color:var(--m-gold)}
.mk .fixed{border-top:1px solid var(--m-gl2);padding-top:10px;font-size:12.5px;display:grid;gap:4px}
.mk .fixed b{font-family:var(--m-caps);letter-spacing:.14em;font-size:10px;color:var(--m-good)}