.portrait-caption{font:16px/1.5 Georgia,serif;color:#72542c;text-align:center;margin:14px 0 0}.story-invitation{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:15px;line-height:1.6}.story-invitation img{width:42px;height:42px;object-fit:contain;flex-shrink:0}.story-invitation strong{font-weight:normal}.story-invitation:hover strong{text-decoration:underline}.stories-intro{max-width:760px}.story-filters{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.story-filters button{font:14px/1.6 Georgia,serif;padding:8px 14px;background:transparent;color:#72542c;border:1px solid #c8b590;border-radius:3px;cursor:pointer}.story-filters button[aria-pressed=true]{background:#ede2ce;border-color:#997542}.story-filters button:focus-visible{outline:2px solid #9c753d;outline-offset:3px}.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.story-card{padding:25px;border:1px solid #d0bea0;background:#fffaf2b3}.story-card[hidden]{display:none}.story-card h2{font-size:21px;margin:8px 0 14px}.story-card p{font:16px/1.8 Georgia,serif}.story-category{font:13px/1.6 Georgia,serif;color:#82704f}.story-read{font-size:15px}.story-article{max-width:760px;margin:0 auto}.story-article h1{margin:12px 0 30px}.story-article p{font:17px/1.85 Georgia,serif;margin:0 0 18px}.story-bottom{display:flex;flex-wrap:wrap;gap:20px;border-top:1px solid #d6c6aa;padding-top:24px;margin-top:32px}.story-bottom a{font-size:14px}.academic-mark{display:block;width:90px;height:90px;object-fit:contain;margin:0 0 20px}.story-context-return{margin-right:24px}.story-article a{overflow-wrap:anywhere}@media(max-width:650px){.story-grid{grid-template-columns:1fr}.story-article p{font-size:16px;line-height:1.8}.story-card{padding:20px}.portrait-caption{max-width:210px;margin:12px auto 0}.story-invitation{font-size:14px}}

.story-progress{font:13px/1.6 Georgia,serif!important;color:#82704f;margin:20px 0 14px!important}.story-reward{font:italic 15px/1.75 Georgia,serif!important;margin:18px 0!important}.story-reward[hidden]{display:none}.story-next{margin-right:auto}.story-end{display:block;height:1px;width:1px}.story-book-return{color:#72542c}#bonus-body[hidden]{display:none}

.academic-mark{width:116px;height:116px}.story-owl{display:block;width:78px;height:78px;object-fit:contain;margin:8px 0 12px}.academy-paths{display:flex;flex-wrap:wrap;gap:8px 24px}.academy-paths .page-return{margin-bottom:22px}@media(max-width:650px){.academic-mark{width:100px;height:100px}.story-owl{width:68px;height:68px}}

.new-card-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: .1em .55em;
  border: 1px solid #cdb58a;
  border-radius: 1em;
  background: #f7edd9;
  color: #604522;
  font: 600 .62em/1.4 system-ui, sans-serif;
  vertical-align: middle;
  white-space: nowrap;
}
.new-card-badge[hidden] { display: none; }
.new-card-pixels { position: relative; display: inline-block; width: 15px; height: 13px; }
.new-card-pixels > span { position: absolute; }
.new-card-pixels > :nth-child(1) { width: 6px; height: 6px; left: 0; bottom: 1px; background: #a07a3c; }
.new-card-pixels > :nth-child(2) { width: 5px; height: 5px; left: 7px; top: 2px; background: #b99a61; }
.new-card-pixels > :nth-child(3) { width: 3px; height: 3px; right: 0; top: 0; background: #c2a574; }

@media (prefers-reduced-motion: no-preference) {
  .is-glinting .new-card-pixels > span {
    animation: new-card-pixel-glint 1600ms ease-in-out;
    animation-delay: calc(650ms + var(--pixel-delay, 0ms));
  }
  .new-card-pixels > :nth-child(2) { --pixel-delay: 4900ms; }
  .new-card-pixels > :nth-child(3) { --pixel-delay: 2300ms; }
  .is-glinting .new-card-word > span {
    animation: new-card-letter-glint 850ms ease-in-out, new-card-letter-glint 850ms ease-in-out, new-card-letter-glint 850ms ease-in-out;
    animation-delay: calc(1600ms + var(--letter-delay)), calc(3900ms + var(--letter-delay)), calc(6500ms + var(--letter-delay));
  }
}

@keyframes new-card-pixel-glint {
  50% { background-color: #d9b777; box-shadow: 0 0 3px 1px #c9a06444; }
}
@keyframes new-card-letter-glint {
  50% { color: #88602a; text-shadow: 0 0 4px #c9a06466; }
}

.story-grid .story-card[hidden], #audience-intro[hidden] { display: none; }
.story-article p[id^="story-ref-"], .story-article p[id^="story-paragraph-"] { scroll-margin-top: 1rem; }

.story-news-return { flex: 0 0 100%; margin-block-end: 1rem; }
.story-news-return .page-return { margin-block-end: 0; }