.bestiary-save-intro { max-width: 46rem; font-size: 1rem; }
.bestiary-save-intro a { color: var(--rust, #a8452a); text-underline-offset: .2em; }
.bestiary-personal-tools { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; margin: 0 0 1.5rem; }
.bestiary-personal-tools .bestiary-result-count { margin: 0; }
.bestiary-personal-tools .reader-status { flex-basis: 100%; margin: 0; }
.reader-status { font: 400 .875rem/1.5 var(--font-body, Arial, sans-serif); color: #435850; }
.reader-status:empty { display: none; }
.favorite-button, .favorite-filter { display: inline-flex; align-items: center; justify-content: center; gap: .45rem; min-height: 44px; padding: .65rem 1rem; border: 1px solid #b9b6a5; background: #f6f2e7; color: #193b32; font: 500 .875rem/1.2 var(--font-body, Arial, sans-serif); cursor: pointer; }
.favorite-button:hover, .favorite-filter:hover { background: #e9e4d5; border-color: #193b32; }
.favorite-button[aria-pressed="true"], .favorite-filter[aria-pressed="true"] { background: #193b32; border-color: #193b32; color: #fffaf0; }
.favorite-button:focus-visible, .favorite-filter:focus-visible { outline: 3px solid #a8452a; outline-offset: 3px; }
.favorite-button:disabled, .favorite-filter:disabled { opacity: .65; cursor: wait; }
.favorite-button [data-favorite-icon] { font: 1.4rem/1 Arial, sans-serif; }
.bestiary-gallery .gallery-card { position: relative; margin: 0; }
.gallery-card-link { display: block; color: inherit; text-decoration: none; height: 100%; }
.favorite-button--compact { position: absolute; z-index: 1; top: .55rem; left: .55rem; min-width: 44px; width: 44px; height: 44px; padding: 0; border-radius: 50%; box-shadow: 0 2px 8px #173a3020; }
.favorite-button--compact .favorite-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.quiz-save-panel { margin: 1.5rem 0; padding: 1.25rem; background: #e7ece2; border-left: 3px solid #315548; color: #193b32; }
.quiz-save-panel > p:first-child { margin: 0 0 .85rem; font-weight: 600; }
.quiz-save-panel .reader-status { margin: .75rem 0 0; }
.quiz-save-panel .text-link { display: inline-block; margin: .75rem 0 0; }
.quiz-save-panel [hidden] { display: none !important; }
.quiz-report-sharing { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #193b3230; }
.entry-hero .page-share > .text-link { align-self: center; font-size: .85rem; }
.entry-hero .page-share { flex-wrap: wrap; }
.entry-hero .page-share .reader-status { flex-basis: 100%; }
@media (max-width: 600px) { .quiz-save-panel .button { width: 100%; } .bestiary-personal-tools { gap: .75rem; } }
.reader-invitation { padding: 6rem 0; background: #dce4d6; border-block: 1px solid #b8c5b1; }
.reader-invitation-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
.reader-invitation h2 { font-size: clamp(2.6rem, 5vw, 4.7rem); line-height: 1.04; margin: 1rem 0; }
.reader-invitation p:not(.eyebrow) { max-width: 32rem; margin-bottom: 1.5rem; }
.reader-invitation-art { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }
.reader-invitation-art img { width: 100%; height: auto; aspect-ratio: 4/5; object-fit: cover; border: 7px solid #f6f2e7; box-shadow: 0 10px 20px #193b3220; transform: rotate(-4deg); }
.reader-invitation-art img + img { transform: rotate(5deg) translateY(1rem); }
.reader-invitation-art span { grid-column: 1/-1; margin-top: 1.5rem; font-size: .8rem; text-align: center; }
@media (max-width: 700px) { .reader-invitation { padding: 3.5rem 0; } .reader-invitation-grid { grid-template-columns: 1fr; gap: 2rem; } .reader-invitation-art { max-width: 440px; } }