/* JP2-specific identity and session notes; the chat layout and controls are shared. */
html[data-corpus="john-paul-ii"] .hero-sign-img { transform: none; filter: brightness(0); }
html[data-theme="dark"][data-corpus="john-paul-ii"] .hero-sign-img { filter: brightness(0) invert(1); }
body[data-corpus="john-paul-ii"] .jp2-disclosure { color: var(--muted); font: 10px/1.4 var(--font-ui); text-align: center; margin: 6px 0 0; }
body[data-corpus="john-paul-ii"] .answer-list { margin: 1em 0; padding-inline-start: 1.4em; list-style: disc outside; font: var(--chat-answer-font-size)/1.62 var(--font-serif); }
body[data-corpus="john-paul-ii"] .answer-list li { display: list-item; }
.jp2-notes { color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-card); padding: 24px; width: min(620px, calc(100vw - 32px)); max-height: calc(100dvh - 32px); }
.jp2-notes::backdrop { background: #0008; }
.jp2-notes header { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.jp2-notes h2 { font: 500 20px var(--font-display); }
.jp2-notes p, .jp2-notes li { margin: 16px 0; font: 13px/1.6 var(--font-ui); }
.jp2-notes textarea { display: block; width: 100%; min-height: 80px; margin: 10px 0; padding: 12px; border: 1px solid var(--line); border-radius: 8px; background: var(--bg); color: var(--text); }
.jp2-notes button { padding: 10px 14px; border-radius: 8px; background: var(--bp-navy-veil); color: var(--bp-navy); }
.jp2-notes button:disabled, .jp2-notes textarea:disabled { opacity: .5; }
.jp2-notes [data-pause] { margin-top: 16px; }