.reading-notebook { margin: 24px 0; padding: clamp(18px, 4vw, 28px); background: #fffdf8; color: #292333; border: 1px solid #d9cfc2; border-radius: 18px; text-align: left; }
.reading-notebook h2 { margin: 0 0 8px; font-size: 1.35rem; }
.reading-notebook p { line-height: 1.8; overflow-wrap: anywhere; }
.reading-notebook .notebook-privacy { font-size: .85rem; color: #625766; }
.reading-notebook button { min-height: 44px; padding: 10px 16px; border: 1px solid #ae8e88; border-radius: 10px; background: #fffdf8; color: #783a40; cursor: pointer; font: inherit; line-height: 1.5; white-space: normal; }
.reading-notebook > button:first-of-type { background: #783a40; color: white; }
.reading-notebook button:disabled { opacity: .55; cursor: default; }
.reading-notebook :focus-visible { outline: 3px solid #783a40; outline-offset: 3px; }
.reading-notebook summary { cursor: pointer; padding: 12px 0; font-weight: bold; }
.reading-notebook .notebook-entry { padding: 16px 0; border-top: 1px solid #d9cfc2; }
.reading-notebook .notebook-entry h3 { font-size: 1rem; }
.reading-notebook .notebook-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }