/* Additions to the generated site.css. Kept in a separate file because
   site.css is regenerated from the original export by build/extract.py. */

.mstar {
    color: #a4202f;
    margin-left: .38em;
    font-size: .82em;
    letter-spacing: .04em;
    vertical-align: .06em;
}

.detail-sheet h1 .mstar {
    font-size: .5em;
    vertical-align: .42em;
}

/* YouTube embed inside an info card. Lazy, cookie-less domain, and a fixed
   16:9 box so the card does not jump while the player loads. */
.video-embed {
    margin-top: 13px;
    border-radius: 13px;
    overflow: hidden;
    background: #e2ddd2;
    aspect-ratio: 16 / 9;
}

.video-embed iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Step-by-step directions inside an info card (the laundry route of the two
   Suites). Sized and coloured like the generated `.card p`. */
.card ol.card-steps {
    margin: 10px 0 0;
    padding-left: 1.3em;
    font-size: 15px;
    line-height: 1.72;
    color: #666c69;
}

.card ol.card-steps li + li {
    margin-top: 6px;
}

.card ol.card-steps li::marker {
    color: #96724c;
}