/* Sorellina Clinic — the Journal index and its posts. Loads after inner.css
   and only adds what the shared components leave open. */

/* Post titles are sentences, so the window lettering is set a size down. */
[data-page="journal-post"] .hero-glass h1 { font-size: clamp(2.2rem, 3.9vw, 3.9rem); line-height: 1.04; }
.hero-glass .post-meta { margin-top: clamp(16px, 2vh, 22px); color: #cfc7b6; }
.hero-glass .post-meta span:nth-child(2)::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 18px; vertical-align: .22em; border-radius: 50%; background: var(--gold); }
.js .hero-glass .post-meta { animation: rise 700ms var(--ease-out) 420ms both; }

/* ---------------------------------------------------------------- prose */
.prose a { text-decoration-color: rgba(47, 93, 134, .4); transition: text-decoration-color 160ms ease, color 160ms ease; }
.prose a:active { color: var(--blue-2); }
@media (hover: hover) and (pointer: fine) { .prose a:hover { text-decoration-color: currentColor; } }
.prose sup { font-size: .7em; line-height: 0; color: var(--ink-2); }
.prose blockquote { font-size: clamp(1.2rem, 1.8vw, 1.4rem); }

/* The reference list reads as the small print at the foot of the article. */
.prose .references { margin-top: 2.6em; padding-top: 1.4em; border-top: 1px solid rgba(27, 28, 30, .16); }
.prose .references h2 { margin-top: 0; font-size: 1.4rem; }
.prose .references ol { margin-top: .9em; font-size: .92rem; line-height: 1.55; color: var(--ink-2); }
.prose .references a { overflow-wrap: anywhere; }

/* The booking slip at the end of each post, and the way back. */
.post-book { margin-top: clamp(48px, 6vw, 72px); }
.post-book .btn-gilt { margin-top: 18px; }
.post-book .btn-gilt svg { transition: transform 200ms var(--ease-out); }
@media (hover: hover) and (pointer: fine) { .post-book .btn-gilt:hover svg { transform: translateX(3px); } }
.post-back { max-width: 640px; margin: 28px auto 0; }

/* ------------------------------------------------------ journal entries */
.journal-entry h3 { font-size: clamp(1.45rem, 2.2vw, 2rem); line-height: 1.12; }
.journal-entry:focus-visible { outline-offset: 6px; }
.journal-entry:active img { transform: scale(.985); }
@media (hover: hover) and (pointer: fine) { .journal-entry:hover h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; } }
@media (prefers-reduced-motion: reduce) { .journal-entry img { transition: none; } }

/* The live journal embed folds away under the printed list. */
.live-journal-wrap { max-width: 1100px; margin: clamp(40px, 5vw, 64px) auto 0; }
.live-journal-wrap details > div { max-width: none; }
.live-journal summary:focus-visible { outline-offset: 4px; }
@media (hover: hover) and (pointer: fine) { .live-journal summary:hover { color: var(--blue); } }
.post-book .btn-gilt { display: inline-flex; }
.journal-wall .wall-inner { max-width: 1100px; }
.live-journal-wrap details { border-top: 0; }
.hero-glass .post-meta span:nth-child(3) { flex-basis: 100%; }
@media (max-width: 900px) { .window-hero .hero-glass h1 { padding-right: 0; } }