/* Volaré — book sections (Phase 3 part 1): book-page list + section page. Brand: navy #232C6B, mint #3CC9A0, sky #E8F4FC, ink #1C2333, muted #5A6478, line #D5DEE8. */
.v-secs { margin-top: 2rem; }
.v-secs__title { font-size: 1.2rem; margin: 0 0 .4rem; }
.v-secs__count { margin: 0 0 .4rem; color: #5A6478; font-size: .95rem; }
.v-secs__bar { height: 8px; border-radius: 99px; background: #E8F4FC; overflow: hidden; max-width: 22rem; margin-bottom: 1rem; }
.v-secs__bar span { display: block; height: 100%; background: #3CC9A0; }
.v-secs__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.v-sec__row { display: flex; align-items: center; gap: .9rem; padding: .8rem 1rem; border: 1px solid #D5DEE8; border-radius: 12px; background: #fff; color: #1C2333; text-decoration: none; }
a.v-sec__row:hover, a.v-sec__row:focus-visible { border-color: #232C6B; }
.v-sec__num { flex: 0 0 2rem; height: 2rem; border-radius: 50%; display: grid; place-items: center; background: #E8F4FC; color: #232C6B; font-weight: 700; }
.v-sec__txt { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.v-sec__name { font-weight: 600; }
.v-sec__sub { color: #5A6478; font-size: .9rem; }
.v-sec__pill { flex: 0 0 auto; padding: .2rem .65rem; border-radius: 99px; font-size: .85rem; background: #E8F4FC; color: #232C6B; white-space: nowrap; }
.v-sec--done .v-sec__pill { background: #DCF5EC; color: #0F7A5F; }
.v-sec--soon .v-sec__row { background: #F6F8FB; color: #5A6478; }
.v-sec--soon .v-sec__num { background: #EEF1F5; color: #5A6478; }
.v-section-page .v-crumbs { display: flex; flex-wrap: wrap; gap: .4rem; margin: 1rem 0; font-size: .9rem; color: #5A6478; }
.v-section-card { max-width: 52rem; }
.v-section-card__title { margin: .2rem 0 1rem; }
.v-section-card__intro { border-left: 4px solid #3CC9A0; background: #E8F4FC; padding: .9rem 1.1rem; border-radius: 0 10px 10px 0; margin-bottom: 1.5rem; }
.v-section-card__intro-label { font-weight: 700; margin: 0 0 .3rem; }
.v-section-card__intro iframe, .v-section-card__intro img { max-width: 100%; }
.v-section-card__intro .wp-block-embed__wrapper { position: relative; aspect-ratio: 16 / 9; }
.v-section-card__intro .wp-block-embed__wrapper iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.v-section-card__acts { display: grid; gap: 1.5rem; }
.v-section-card__back { margin-top: 1.5rem; }
@media (max-width: 480px) { .v-sec__row { padding: .7rem .8rem; gap: .6rem; } .v-sec__pill { font-size: .8rem; } }

/* Phase 3 part 3 — slideshows on a book's page, and a slideshow's "For the book" */
.v-title-for { margin: .5rem 0 0; color: #5A6478; }
.v-title-slides { margin-top: 2rem; }
.v-title-slides__list { list-style: none; margin: 0; padding: 0; display: grid; gap: .6rem; }
.v-title-slides__item { display: flex; align-items: center; gap: .9rem; flex-wrap: wrap; padding: .6rem .8rem; border: 1px solid #D5DEE8; border-radius: 12px; background: #fff; }
.v-title-slides__item img { width: 96px; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; max-width: 100%; }
.v-title-slides__name { flex: 1 1 10rem; min-width: 0; font-weight: 600; }