/* Shared reading-page footer treatment; keep history/releases copies identical. */
.reading-footer { margin: 4rem auto 1rem; max-width: 80rem; padding: 1.8rem; border: 1px solid #c5bcaf; border-radius: 1.25rem; background: #f4efe6; color: #2a2a2a; display: flex; flex-wrap: wrap; align-items: center; gap: 1.5rem; }
.reading-footer .reuse-copy { flex: 1 1 24rem; }
.reading-footer .reuse-brand { margin: 0 0 .7rem; color: #6a5846; font-size: .7rem; font-weight: 700; letter-spacing: .18em; }
.reading-footer h2 { margin: 0 0 .65rem; font-size: 1.35rem; font-weight: 700; }
.reading-footer p { margin: .35rem 0; line-height: 1.7; font-size: .875rem; }
.reading-footer .reuse-details { color: #59544c; font-size: .75rem; }
.reading-footer .reuse-contact { display: inline-flex; padding: .8rem 1.2rem; border: 1px solid #74624e; border-radius: 99px; color: #44382b; font-size: .875rem; font-weight: 600; text-decoration: none; }
.reading-footer .reuse-contact:hover { background: #e8dfd0; }
.reading-footer a:focus-visible, [data-event-toggler]:focus-visible, .chip:focus-visible { outline: 3px solid #39796d; outline-offset: 4px; }
html[data-theme='dark'] .reading-footer { background: #1f2937; border-color: #536071; color: #f3f4f6; }
html[data-theme='dark'] .reading-footer .reuse-brand, html[data-theme='dark'] .reading-footer .reuse-details { color: #d4c9b8; }
html[data-theme='dark'] .reading-footer .reuse-contact { color: #f4eee4; border-color: #aa977c; }
html[data-theme='dark'] .reading-footer .reuse-contact:hover { background: #344254; }
.history-reference-list { display: block; margin-top: .75rem; font-style: normal; line-height: 1.9; }
.history-source-link, .source-link { color: #65503b; text-decoration: underline; text-underline-offset: 3px; }
html[data-theme='dark'] .history-source-link, html[data-theme='dark'] .source-link { color: #e0caab; }
.review-date { display: block; margin-top: .3rem; color: #6b6b6b; font-size: .7rem; }
html[data-theme='dark'] .review-date { color: #c3cbd4; }
.reading-review { padding: 1rem 1.25rem; border: 1px solid #c5bcaf; border-radius: .9rem; font-size: .875rem; line-height: 1.7; background: #f4efe6; color: #484137; }
html[data-theme='dark'] .reading-review { background: #1f2937; color: #d9e0e8; border-color: #536071; }
.reading-review summary { cursor: pointer; font-weight: 600; }
.reading-review p { margin-top: .6rem; }
@media (max-width: 640px) { .reading-footer { padding: 1.25rem; margin-top: 2rem; } .reading-footer .reuse-contact { width: 100%; justify-content: center; } }
