/* A driver's shareable page - Pages/Share/Index.cshtml (MainClass "share-page"), /p/{code}.
   The header, stats band, bio and side blocks reuse the driver page's classes (pages/driver.css);
   the player, cards and moments are components/video-card.css; the CV is components/cv-viewer.css. */

.share-page .record-actions .cta-icon { display: inline-flex; align-items: center; gap: .5rem; }

.share-intro { padding-top: clamp(2rem, 5vw, 3rem); }
.share-intro p { margin: 0; max-width: 46rem; }
.share-intro p:first-child {
    padding-left: 1.25rem; border-left: 4px solid var(--red-strong);
    font-size: clamp(1.05rem, 2vw, 1.2rem); line-height: 1.6; color: var(--ink); white-space: pre-line;
}
.share-intro .share-intro-by { margin-top: .6rem; padding-left: 1.5rem; font-family: var(--font-display); font-weight: 600; color: var(--muted); }

.share-section { padding-top: clamp(2.5rem, 6vw, 4rem); }
.share-section .section-title { font-size: clamp(1.4rem, 3vw, 1.8rem); }
.share-about { padding-bottom: clamp(2.5rem, 6vw, 4rem); }

.share-watch { margin-top: 1.5rem; display: flex; flex-wrap: wrap; gap: 2rem; align-items: flex-start; }
.share-watch-main { flex: 999 1 36rem; min-width: 0; }
.share-watch-title { margin-top: .85rem; font-size: clamp(1.25rem, 2.6vw, 1.6rem); line-height: 1.2; }
.share-watch .vcard-meta { margin-top: .4rem; }

.share-list { flex: 1 1 18rem; min-width: 0; list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.share-list-item { display: flex; gap: .85rem; padding: .4rem; border: 2px solid transparent; border-radius: .75rem; color: var(--ink); }
.share-list-item .vthumb-xs { width: 9rem; }
.share-list-item b { display: block; font-weight: 600; font-size: .92rem; line-height: 1.3; }
.share-list-item small { display: block; margin-top: .2rem; font-size: .8rem; color: var(--muted); }
.share-list-item:hover b { color: var(--blue-ink); }
.share-list-item.is-current { border-color: var(--red-strong); background: var(--surface); }

.share-cv-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; }
.share-cv-head .cta { padding: .6rem 1.1rem; font-size: .92rem; }

/* The review queue shows the new intro the way visitors will read it. */
.share-review-intro { margin: .5rem 0 0; padding: .75rem 1rem; border-left: 4px solid var(--red-strong); background: var(--bg); white-space: pre-line; }