/* "Loading", in Rob's own hand (brief 19): the whole-page loading screen. Strokes start hidden, so the first frame is clean. */
.ld-box{min-height:58vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--ink,#1C1B18);padding:24px 16px}
.ld-box svg{width:240px;max-width:70vw;height:auto;display:block}
.ld-box #strokes path{visibility:hidden}
.ld-msg{margin:8px 0 0;font-size:.9rem;color:var(--soft,#5C5C58)}
.ld-slow{margin:18px 0 0;font-size:.95rem;color:var(--soft,#5C5C58)}
.ld-slow button{margin-left:6px}
@media (max-width:600px){.ld-box svg{width:200px}}
@media (prefers-reduced-motion:reduce){.ld-box #strokes path{visibility:visible}}
@media (prefers-color-scheme:dark){.ld-box.ld-dark{color:#E4E4E0}}
/* Brief 31: Rob's traced file has the ink as one filled shape (path#word): it always takes the text colour (currentColor),
   whatever colour the drawing program saved, so it suits light and dark screens. */
.ld-box path#word,.ld-box g#word path[fill]:not([fill="none"]){fill:currentColor!important;stroke:none!important}
.ld-box #strokes path{fill:none}