/* Slot placement for the site: places the logo component in Design Scout's data-logo-slot hooks.
   Site tokens only (the site's own assets/tokens.css, generated from design/tokens.css, incl. the adopted dark set).
   Hand-written; survives rebuilds. */

/* header slot: 16px mark in the 18px slot box, foot on the word baseline (mlsanity-logo.css). The site's own .rh/.crumb a
   rules keep their padding and the ≥44px phone tap height; nothing here changes the header's height. */
/* home (span, not a link) at ≤760px: clamp the slot box to 18px, the 8771 mark's height; the word's line box otherwise sits 2px
   below the mark's top and the wrapped header grows 2px at 360/320 (Critiquito L-N10) */
@media (max-width:760px){.rh span.mls-lockup--header{height:18px}}
.crumb a.mls-lockup:hover{text-decoration:none}
.crumb a.mls-lockup:hover .mls-word{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}

/* loading slot: the loader where the first skeleton bar was; the remaining bars stay as static placeholders */
.mls-loadslot{padding:var(--s4) 0;line-height:0}
.mls-loadslot .mls-mark{width:32px;height:32px}
.skel{animation:none}
html:not(.js) .mls-loadslot,html:not(.js) .skel{display:none}   /* no JS: nothing can load; the page's own message stands */

/* 404 slot: the empty corner, 64px, 24px above the h1 */
.logo-slot.mls-404{display:block;margin:var(--s5) 0}
.logo-slot.mls-404 .mls-mark{width:64px;height:64px}

/* [•] in place of decorative bullets (.prose lists), with a hanging indent */
.prose ul:has(.mls-bullet){list-style:none;padding-left:0}
.prose li:has(> .mls-bullet){display:grid;grid-template-columns:auto 1fr;column-gap:var(--s2);align-items:baseline}
.prose li > .mls-bullet{position:relative;top:.12em}