.course-selector{position:relative;z-index:30;max-width:420px;margin:0 auto;padding:0 20px 18px}.day-menu{position:relative}.day-menu>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 17px;border:1px solid var(--line);border-radius:4px;font-size:13px;font-weight:700;cursor:pointer}.day-menu>summary::-webkit-details-marker{display:none}.choose-day{font-size:12px;font-weight:400;color:var(--muted)}.choose-day span{margin-left:8px}.day-menu[open]>summary{border-color:var(--ink)}.day-menu nav{position:absolute;top:calc(100% + 5px);left:0;right:0;max-height:52vh;overflow-y:auto;overscroll-behavior:contain;background:var(--paper,#fff);border:1px solid var(--line);border-radius:4px;box-shadow:0 14px 35px #00000018;padding:5px}.day-menu nav a{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:baseline;padding:11px 12px;text-decoration:none;font-size:12px;color:var(--ink);border-radius:2px}.day-menu nav a span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.04em}.day-menu nav a strong{font-weight:500;line-height:1.45}.day-menu nav a:hover{background:#f4f1ed}.day-menu nav a[aria-current="page"]{background:var(--ink);color:#fff}.day-menu nav a[aria-current="page"] span{color:#ddd}.day-menu a:focus-visible,.day-menu summary:focus-visible{outline:2px solid var(--red);outline-offset:3px}.later-day .narrative,.day-two .narrative{margin-top:42px}.scene-break{border:0;border-top:1px solid var(--line);width:72px;margin:46px auto}.next-day{margin-top:24px}.previous-day{display:block;width:fit-content;margin:24px auto 0}.narrative .message{max-width:100%;overflow-wrap:break-word;line-height:1.65}

/* Each couple keeps a consistent text color; names identify the sender. */
.narrative .text-message{width:fit-content;max-width:86%;margin:25px 0;font-family:var(--sans,Arial,sans-serif)}
.narrative .text-message.message-right{margin-left:auto}
.text-message figcaption{font-size:12px;line-height:1.4;color:var(--muted);margin:0 10px 6px}
.text-message.message-right figcaption{text-align:right}
.narrative .text-message .message{display:block;margin:0;padding:12px 18px;border-radius:19px 19px 19px 5px;font-family:inherit;font-size:18px;line-height:1.5;color:#fff}
.narrative .text-message.message-right .message{border-radius:19px 19px 5px 19px}
.narrative .text-message.jax-bryne .message{background:#006bdd}
.narrative .text-message.beckett-sarah .message{background:#21803b}
@media(max-width:600px){.narrative .text-message{max-width:92%}.narrative .text-message .message{padding:11px 15px;font-size:17px}}