[class$='-notes-panel'] { padding: 2rem; border: 2px solid var(--gold); border-radius: 12px 48px 12px 12px; background: var(--cream); box-shadow: var(--shadow); scroll-margin-top: 1.5rem; }
[class$='-notes-heading'] { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.5rem; }
[class$='-notes-heading'] img { width: 88px; height: 88px; flex: 0 0 88px; object-fit: contain; }
[class$='-notes-heading'] h2 { margin: 0; }
[class$='-notes-heading'] [class$='-eyebrow'] { margin: 0 0 .5rem; letter-spacing: .02em; }
[class$='-note-form'] label { display: block; font-family: var(--label); font-weight: 500; margin-block: 1.5rem .75rem; font-size: 1rem; }
[class$='-note-form'] textarea { width: 100%; min-height: 176px; resize: vertical; line-height: 1.6; padding: 1rem; color: var(--ink); border: 2px solid var(--gold); border-radius: 12px; background: var(--paper); text-shadow: none; }
[class$='-note-form'] textarea::placeholder { color: #426565; opacity: 1; }
[class$='-note-form'] textarea:focus { border-color: var(--teal); }
[class$='-note-form'] > p { margin-top: .75rem; font-size: 1rem; }
[class$='-note-actions'] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; margin-top: 1.25rem; }
[class$='-note-actions'] button { display: flex; justify-content: center; align-items: center; gap: 1rem; min-height: 48px; font-size: 1rem; padding: .625rem 1.25rem; border: 2px solid var(--gold); border-radius: 12px; box-shadow: var(--shadow); }
[data-save-note] { color: var(--paper); background: var(--ink); font-weight: 500; }
[data-save-note]:hover { background: var(--blue); }
[data-clear-note] { background: var(--paper); }
[data-clear-note]:hover { background: var(--cream); }
[class$='-note-actions'] button:disabled { cursor: default; box-shadow: none; color: #426565; background: var(--paper); }
[class$='-note-status'] { min-height: 26px; padding-left: .75rem; border-left: 3px solid var(--gold); font-family: var(--label); }
[class$='-note-status'][data-state='saved'] { border-left-color: var(--olive); }
.question-saved-pages { border-top: 2px solid var(--gold); padding-top: 1.5rem; margin-top: 2rem; }
.question-saved-pages h3 { font-size: 1.25rem; margin-block: 0 1rem; }
.question-saved-entry { margin-block: 1rem; padding: 1rem; background: var(--paper); border: 2px solid var(--gold); border-radius: 12px; }
.question-saved-entry a { min-height: 44px; font-size: 1rem; display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.question-saved-entry p { white-space: pre-wrap; overflow-wrap: anywhere; margin: .5rem 0 0; }
@media (max-width: 420px) {
  [class$='-notes-panel'] { padding: 1.5rem; }
  [class$='-notes-heading'] { gap: .5rem; }
  [class$='-notes-heading'] img { width: 56px; height: 72px; flex-basis: 56px; }
  [class$='-notes-heading'] [class$='-eyebrow'] { line-height: 1.45; }
  [class$='-note-actions'] { align-items: stretch; }
  [class$='-note-actions'] button { width: 100%; }
}