/* Verified milestones on the Lab frontier pages (Chrysalis authority work, 23 Oct 2026).
   A short ledger inside the Blueprint realm: each row is a dated milestone with its source, tagged either
   "Documented" (a dated source the reader can open) or "Founder's account" (held until documents are cleared).
   Kept apart from realm.css so the realm and its entry animation stay untouched. Scoped to .lab main .ms. */
.lab main .ms .tray{padding:40px}
.lab main .ms-list{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lab main .ms-list>li{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:20px;align-items:start;padding:18px 0;border-top:1px solid var(--bp-line)}
.lab main .ms-list>li:first-child{border-top:0;padding-top:0}
.lab main .ms-d{font:500 15px/1.5 var(--mono);color:var(--t-ink,#FFB347);white-space:nowrap}
.lab main .ms-list h3{font:600 17px/1.35 var(--sans);color:var(--bp-head);letter-spacing:-.01em}
.lab main .ms-list p{margin-top:4px;font-size:15px;line-height:1.55;color:var(--bp-text)}
.lab main .ms-list .ms-src{margin-top:8px;font:500 12.5px/1.5 var(--mono);color:var(--muted)}
.lab main .ms-src a{color:var(--t-ink,#FFB347);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.lab main .ms-src a:hover{color:var(--bp-head)}
.lab main .ms-src a:focus-visible,.lab main .ms-go a:focus-visible{outline:2px solid var(--t,#FB9800);outline-offset:3px}
/* the two tags: documented reads as a quiet outline in the frontier's colour, a founder's account in amber */
.lab main .ms-tag{display:inline-block;font:500 11.5px/1 var(--mono);letter-spacing:.02em;padding:6px 8px;border-radius:6px;white-space:nowrap}
.lab main .ms-tag.doc{color:var(--t-ink,#FFB347);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--t,#FB9800) 55%,transparent)}
.lab main .ms-tag.held{color:#FFC977;background:#2E2210;box-shadow:inset 0 0 0 1px #6B4A12}
.lab main .ms-list>li.held{background:linear-gradient(90deg,rgba(251,152,0,.06),transparent 70%)}
.lab main .ms-list>li.held h3{color:var(--ink)}
/* what is not claimed: a plain boxed statement, no tag */
.lab main .ms-not{margin-top:20px;padding:18px 20px;border-radius:14px;background:var(--bp-void);box-shadow:inset 0 0 0 1px var(--bp-line2)}
.lab main .ms-not h3{font:600 15px/1.4 var(--sans);color:var(--bp-head)}
.lab main .ms-not p{margin-top:4px;font-size:14.5px;line-height:1.55;color:var(--bp-text)}
.lab main .ms-key{margin-top:20px;font-size:13.5px;line-height:1.55;color:var(--muted)}
/* where to read on: the journey, the proof and the articles */
.lab main .ms-go{margin-top:28px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.lab main .ms-go a{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border-radius:16px;background:var(--bp-card);box-shadow:inset 0 0 0 1px var(--bp-line);transition:box-shadow .25s,background .25s,transform .35s var(--ease)}
.lab main .ms-go a:hover{background:var(--bp-card2);box-shadow:inset 0 0 0 1.5px var(--t,#FB9800);transform:translateY(-3px)}
.lab main .ms-go b{font:600 15.5px/1.35 var(--sans);color:var(--bp-head)}
.lab main .ms-go b::after{content:" \2192";color:var(--t-ink,#FFB347)}
.lab main .ms-go span{font-size:13.5px;line-height:1.5;color:var(--bp-text)}
.lab main .ms-go .k{font:500 11.5px/1.2 var(--mono);color:var(--muted)}
@media (max-width:1000px){.lab main .ms-go{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){
  .lab main .ms .tray{padding:20px}
  .lab main .ms-list>li{grid-template-columns:minmax(0,1fr);gap:6px;padding:16px 0}
  .lab main .ms-list>li>.ms-tag{justify-self:start;order:-1}
  .lab main .ms-list h3{font-size:16px}
  .lab main .ms-go{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.lab main .ms-go a{transition:none}.lab main .ms-go a:hover{transform:none}}