/* The Library as a section of the House: the way in for readers outside, and the
   opening of a members' post. Colours and type are the theme's own. */
.tm-come-in {
    margin-top: 6vmin;
    margin-bottom: 6vmin;
    padding: 36px 32px;
    border: 1px solid var(--hairline);
    border-left: 2px solid var(--cheshire);
    background: color-mix(in oklch, var(--cheshire) 5%, transparent);
}
.tm-come-in-eyebrow {
    font-family: var(--font-mono);
    font-size: 1.1rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--bone-fade);
    margin-bottom: 12px;
}
.tm-come-in-title {
    font-size: clamp(2.2rem, 3.4vw, 3rem);
    line-height: 1.2;
    margin: 0 0 12px;
    color: var(--bone);
}
.tm-come-in-body { color: var(--bone-dim); margin: 0 0 22px; }
.tm-come-in-actions { display: flex; flex-wrap: wrap; gap: 14px 22px; align-items: center; }
.tm-teaser-opening {
    -webkit-mask-image: linear-gradient(to bottom, #000 40%, transparent);
    mask-image: linear-gradient(to bottom, #000 40%, transparent);
}
@media (max-width: 600px) {
    .tm-come-in { padding: 26px 20px; }
}

/* The crew: an editor's note, the author tagline and the cover credit. */
.tm-crew-note { font-family: var(--font-mono); font-size: 11px; letter-spacing: .12em; text-transform: uppercase;
  color: var(--bone-dim, #8f8a7d); margin: 18px 0 0; }
.tm-crew-note::first-letter { color: var(--cheshire); }
.tm-author-tagline { font-family: var(--font-serif); font-style: italic; color: var(--cheshire); margin: 6px 0 0; font-size: 1.15rem; }
.tm-cover-credit { font-family: var(--font-mono); font-size: 10.5px; letter-spacing: .1em; color: var(--bone-dim, #8f8a7d);
  text-align: right; margin-top: 8px; }

/* The Solnyxus seal in the Library's footer. */
.tm-foot-built { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.tm-seal { display: inline-block; line-height: 0; }
.tm-seal img { display: block; width: 120px; height: auto; }