.reader{border:1px solid var(--line);background:#172731;margin-top:28px;padding:18px 24px}.reader-summary{display:flex;justify-content:space-between;align-items:center;gap:20px}.reader-summary strong{font-size:13px;font-weight:600;letter-spacing:.4px}.reader p{font-size:12px;margin:4px 0 0;line-height:1.7}.reader button:not(.button){background:transparent;color:var(--ink);border:1px solid var(--line);padding:9px 15px;font-size:12px}.reader fieldset{border:0;padding:0;margin:22px 0 12px;display:flex;flex-wrap:wrap;gap:12px 24px}.reader legend{font-size:14px;margin-bottom:14px}.reader label{display:flex;align-items:center;gap:9px;font-size:13px;cursor:pointer}.reader input{width:18px;height:18px;accent-color:#a4d3e8}.reader-actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:18px}.character-opening{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.2fr);gap:65px;padding-block:55px;align-items:start}.character-opening figure{position:sticky;top:30px}.character-opening figure img{width:100%;height:auto;box-shadow:0 20px 45px #0004}.character-opening figcaption{font-size:10px}.character-opening h1{font-size:clamp(38px,4.2vw,62px);line-height:1.08;margin-bottom:30px}.character-opening .kicker{margin-bottom:14px}.character-opening .breadcrumb{margin-bottom:25px}.character-prose{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.85}.character-prose p{color:#d2dce1;margin-bottom:23px}.character-more{border-top:1px solid var(--line);padding-top:35px;max-width:780px}.character-more>p{font-size:13px}.reading-book{margin-bottom:45px}.reading-book>.kicker{margin-bottom:30px;padding-bottom:14px;border-bottom:1px solid var(--line)}.reading-block{margin-bottom:35px}.reading-block h2{font-size:31px;line-height:1.2}.portrait-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}.portrait-card{display:block;min-width:0}.portrait-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;transition:filter .2s}.portrait-card:hover img{filter:brightness(1.08)}.portrait-card>div{padding-top:20px}.portrait-card .kicker{font-size:9px;margin-bottom:10px}.portrait-card h3{font-size:29px;margin-bottom:14px;line-height:1.16}.portrait-card p{font-size:13px;line-height:1.75}.portrait-card .arrow-link{font-size:11px}.portrait-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.compact .portrait-card h3{font-size:25px}.compact .portrait-card p{font-size:12px}.character-index-heading{padding-top:60px}.character-index-heading h1{font-size:68px}.character-index-grid{padding-block:55px 85px}.character-index-grid .portrait-card:first-child{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.character-index-grid .portrait-card:first-child h3{font-size:42px}.character-index-grid .portrait-card:first-child p{font-family:Georgia,serif;font-size:19px;line-height:1.75}.character-index-grid .portrait-card:first-child>div{padding-right:15px}.reader-reset{border:0!important;text-decoration:underline;text-underline-offset:4px}.reading-error{border-left:2px solid var(--accent);padding:15px}
@media(max-width:1000px){.character-opening{gap:35px}.portrait-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.character-index-grid .portrait-card:first-child{grid-column:auto;display:block}.character-index-grid .portrait-card:first-child h3{font-size:29px}.character-index-grid .portrait-card:first-child p{font-family:Arial,sans-serif;font-size:13px}.character-opening h1{font-size:42px}}
@media(max-width:700px){.portrait-grid,.portrait-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.character-opening{grid-template-columns:1fr;padding-top:30px;gap:30px}.character-opening figure{position:static;max-width:420px;width:100%;margin:auto}.character-opening h1{font-size:44px}.character-prose{font-size:18px}.character-index-heading{padding-top:35px}.character-index-heading h1{font-size:48px}.reader{padding:16px}.reader-summary{align-items:flex-start;gap:10px}.reader-summary>div{flex:1}.reader-summary button{max-width:135px}.reader fieldset{display:grid;gap:15px}.reader label{font-size:14px}.portrait-card h3,.compact .portrait-card h3,.character-index-grid .portrait-card:first-child h3{font-size:24px}.portrait-card p{font-size:12px}.portrait-card .kicker{letter-spacing:1px}.character-index-grid{padding-top:35px}.character-more{padding-top:30px}.reading-block h2{font-size:29px}}
.reading-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin:0 0 38px}.reading-gallery figure{max-width:420px;margin-inline:auto}.reading-gallery img{width:100%;height:auto;box-shadow:0 15px 35px #0003}.reading-gallery figcaption{font-size:12px;color:var(--muted);line-height:1.7}.reading-gallery figure:only-child{max-width:440px;width:100%}
@media(prefers-reduced-motion:reduce){.portrait-card img{transition:none}}
.reading-gallery figure,.reading-gallery figure:only-child{max-width:100%;width:100%}.reading-gallery img{aspect-ratio:3/2;object-fit:contain;background:#111e27}

.new-character-grid{padding-bottom:65px}.new-character-grid img{aspect-ratio:2/3;object-fit:cover}.reading-gallery figure.reading-portrait,.reading-gallery figure.reading-portrait:only-child{max-width:480px;margin-inline:auto}.reading-portrait img{aspect-ratio:2/3;object-fit:contain}.reading-block .related-links{margin-top:24px;gap:12px}.reading-block .related-links a{font:14px Arial,sans-serif}

.reading-gallery:has(figure:nth-child(2)){grid-template-columns:1fr;gap:32px}