/* Sessions, Library, Journal and Your session pages, brought in line with the home page (2026-10-19).
   Loaded last on those four pages. Same content width as the home page (the full grid, gutter to gutter); no shadows; one 1.5px
   #F2EEEE line; session panels as on the home page (one baseline in the header, a light bordered video frame, the note, exercise
   and reading as bordered boxes beside it); the Library and Journal images calmed with the same filter as on the home page. */

/* One width: gutter to gutter, as the home page sections. */
.weeks-page .weeks-main, .lib-main, .jr-main, .ss-main { max-width: none; margin-inline: 0; padding-left: var(--gutter); padding-right: var(--gutter); }

/* No shadows on cards. */
.weeks-page .wk, .journal-page-body .jr-write { box-shadow: none; }
.journal-page-body .jr-write, .journal-page-body .jr-write textarea { border: var(--line); }

/* Session panels (Sessions page). */
@media (min-width: 641px) { .weeks-page .wk-head { align-items: baseline; } }
.weeks-page .vid-frame { background: linear-gradient(135deg, #F6F2F2 0%, #ECE6E6 100%); border: var(--line); }
@media (min-width: 900px) {
  .weeks-page .wk .rows { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 48px; row-gap: 16px; }
  .weeks-page .wk .r:not(.r-video) { border: var(--line); border-radius: var(--radius); padding: 16px 24px; }
  body.weeks-page .wk .r-video + .r { padding-top: 16px; border-top: var(--line); }
}
@media (max-width: 899px) {
  .weeks-page .wk .r:not(.r-video) { border: var(--line); border-radius: var(--radius); padding: 16px; margin-top: 12px; }
  body.weeks-page .wk .r-video + .r { border-top: var(--line); }
}

/* Your session page: the Zoom stage in the same light, bordered frame as the videos; the notes heading in the display face. */
.ss-stage { background: linear-gradient(135deg, #F6F2F2 0%, #ECE6E6 100%); border: var(--line); }
.ss-notes .jr-h2 { font-family: var(--display); font-weight: 300; font-size: var(--text-h3); line-height: 1.2; letter-spacing: -0.01em; }

/* Library and Journal intro images: the image and its veil on a layer under the words, calmed with a filter. */
.lib-intro, .journal-page-body .jr-intro { position: relative; isolation: isolate; overflow: hidden; background: #FCFAFA; }
.lib-intro::before, .journal-page-body .jr-intro::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  filter: contrast(0.7) saturate(0.6) brightness(1.17); }
.lib-intro::before { background: linear-gradient(100deg, rgb(252 250 250 / 0.94) 0%, rgb(252 250 250 / 0.86) 45%, rgb(252 250 250 / 0.5) 62%, rgb(252 250 250 / 0) 100%), url(/assets/web/ribbon-loop.jpg) 75% 40% / cover no-repeat; }
.journal-page-body .jr-intro::before { background: linear-gradient(100deg, rgb(252 250 250 / 0.92) 0%, rgb(252 250 250 / 0.68) 45%, rgb(252 250 250 / 0.2) 100%), url(/assets/web/discs.jpg) 75% 40% / cover no-repeat; }
@media (max-width: 640px) {
  .lib-intro::before { background: linear-gradient(180deg, rgb(252 250 250 / 0.9) 0%, rgb(252 250 250 / 0.55) 60%, rgb(252 250 250 / 0.15) 100%), url(/assets/web/ribbon-loop.jpg) 50% 40% / cover no-repeat; }
  .journal-page-body .jr-intro::before { background: linear-gradient(180deg, rgb(252 250 250 / 0.9) 0%, rgb(252 250 250 / 0.65) 60%, rgb(252 250 250 / 0.3) 100%), url(/assets/web/discs.jpg) 50% 40% / cover no-repeat; }
}

/* Journal, Your notes before any note is written: three empty bordered placeholders, no text (2026-10-19), in the same language as
   the empty note and exercise boxes on the home page. */
.journal-page-body .notes-empty { display: grid; gap: 16px; margin-top: 32px; }
.journal-page-body .note-empty, .journal-page-body .note-empty:last-child { min-height: 112px; padding: 0; border: var(--line); border-radius: var(--radius); background: #FCFAFA; }
.journal-page-body .notes-empty .note:not(.note-empty), .journal-page-body .notes-empty .note:not(.note-empty):last-child { padding: 24px; border: var(--line); border-radius: var(--radius); background: #FCFAFA; }

/* Library: under each video an empty text field (title and description) until Romee writes them (2026-10-19). */
.vid-text { width: 100%; justify-self: stretch; display: grid; gap: 6px; align-content: start; min-height: 96px; margin-top: 4px; padding: 16px 20px; border: var(--line); border-radius: var(--radius); background: #FCFAFA; }
.vid-text .rec-title:empty, .vid-text .rec-note:empty { display: none; }