/* Reading modules and visible static pagination reuse the original paper theme. */
.page-head h1{font-size:30px;line-height:1.5;max-width:750px}
.character-info h1 small{display:block;font-family:var(--font-sans);font-size:15px;letter-spacing:0;line-height:1.7;margin-top:7px;color:var(--text-secondary)}
.model-vendor{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 7px;margin:12px 0;font-size:13px;line-height:1.8;color:var(--text-secondary)}
.model-vendor a{color:var(--text-primary);font-weight:650;text-decoration:underline;text-decoration-color:var(--border-subtle);text-underline-offset:4px;overflow-wrap:anywhere}
.model-vendor a:hover{color:var(--brand);text-decoration-color:var(--brand)}
.model-vendor a:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.reading-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:15px 0 25px}
.reading-columns h3{font-size:18px;margin-bottom:10px}
.reading-columns p,.role-reading>p,.collection-reading>p{line-height:1.9}
.reading-columns .tags{margin-top:15px}
.role-entry-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.role-entry-links .tag{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;max-width:100%;padding:9px 13px;border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--bg-surface);color:var(--brand);box-shadow:var(--shadow-paper-sm);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:var(--leading-snug);text-decoration:none;transition:background var(--duration-1) ease,border-color var(--duration-1) ease,transform var(--duration-1) ease,box-shadow var(--duration-1) ease}
.role-entry-links .tag::after{content:'→';display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand);font-size:var(--text-base);line-height:1}
.role-entry-links .tag:hover{background:var(--brand-soft);border-color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-paper)}
.role-entry-links .tag:active{transform:translate(1px,1px);box-shadow:none}
.role-entry-links .tag:focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.reading-columns .text-link{margin-top:14px}
.reading-faq{border-top:1px dashed var(--border-default);margin-top:22px}
.reading-faq details{border-bottom:1px dashed var(--border-default);padding:12px 0}
.reading-faq summary{cursor:pointer;font-weight:650;font-size:14px;line-height:1.8}
.reading-faq details>div{margin-top:10px;color:var(--text-secondary);font-size:13px;line-height:1.9}
.reading-faq .button{white-space:normal;display:inline-flex;vertical-align:middle;margin:3px 5px}
.role-type-links{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
.role-type-links .chip{white-space:normal;min-width:0}
.seo-pagination{display:flex;flex-wrap:wrap;gap:13px;margin:24px 0 15px;font-size:12px}
.page-numbers{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.page-numbers a{min-width:32px;min-height:32px;display:grid;place-items:center;background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-sketchy-alt)}
.page-numbers a[aria-current=page]{background:var(--brand);color:var(--brand-ink);box-shadow:var(--shadow-paper-sm)}
.seo-pagination small{font-size:11px;white-space:nowrap}
.content-language{display:flex;align-items:center;gap:9px;font-size:12px;white-space:nowrap}
.language-content-label{font-size:11px;color:var(--text-secondary)}
.english-content-link{margin-top:15px}
html[data-demo-content-lang=en] .intro-panel .button{max-width:100%;white-space:normal;text-align:center}
@media(max-width:760px){
  .page-head h1{font-size:24px}
  .reading-columns{grid-template-columns:1fr;gap:20px}
  .reading-columns h3{font-size:16px}
  .role-entry-links{gap:10px}
  .role-entry-links .tag{padding:9px 13px;font-size:var(--text-xs)}
  .reading-faq summary{font-size:13px}
  .reading-faq details>div{font-size:12px}
  .character-info h1 small{font-size:13px}
  .seo-pagination{display:flex;gap:9px;justify-content:center}
  .seo-pagination .button{padding:7px 10px;font-size:11px}
  .page-numbers{gap:4px}
  .page-numbers a{min-width:27px;min-height:28px}
  .seo-pagination small{flex-basis:100%;text-align:center}
  .role-type-links{gap:9px}
  .role-type-links .chip{font-size:11px;padding:7px 10px}
  .content-language{gap:5px}
  .content-language .text-link{font-size:10px}
  .language-content-label{display:none}
}
@media(prefers-reduced-motion:reduce){.role-entry-links .tag{transition:none}}