.about-hero{background:var(--sky);margin:0 calc(50% - 50vw);padding:56px max(24px,50vw - 536px)}.about-hero h1{font-size:min(7vw,3.2rem);font-weight:900}.about-hero h1 span{white-space:nowrap;display:block}.about-hero p{max-width:38em;margin:16px 0 24px}.book{border:1px solid var(--line);border-radius:10px;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.book-side{min-width:0}.book-side+.book-side{border-left:1px solid var(--line)}.book-head{color:var(--blue-dark);background:var(--sky);justify-content:space-between;padding:10px 16px;font-size:.85rem;font-weight:700;display:flex}.book ul{margin:0;padding:6px 0;list-style:none}.book button{text-align:left;width:100%;font:inherit;color:var(--text);cursor:pointer;background:0 0;border:0;padding:10px 16px;font-size:.93rem;display:block}.book button:hover{background:var(--sky)}.book button.on{color:var(--blue);background:var(--sky);box-shadow:inset 3px 0 0 var(--blue);font-weight:700}.book-matches li{justify-content:space-between;gap:12px;padding:10px 16px;animation:.3s both book-in;display:flex;position:relative}.book-matches .book-name,.book-matches b{position:relative}.book-matches .book-name{color:var(--blue);font-weight:700}.book-matches b{color:var(--orange-dark);font-variant-numeric:tabular-nums}.book-bar{background:var(--sky);border-radius:0 3px 3px 0;position:absolute;inset:3px auto 3px 0}@keyframes book-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:none}}.about-note{margin-top:12px}.about-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.about-stats>div{border:1px solid var(--line);border-radius:8px;padding:16px 18px}.about-stats strong{color:var(--blue);font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:900;line-height:1.2;display:block}.about-stats small{margin-left:2px;font-size:1rem}.about-stats span{color:var(--muted);font-size:.86rem}.type-bars{margin:0;padding:0;list-style:none}.type-bars li{grid-template-columns:11em 1fr 3.5em;align-items:center;gap:12px;padding:6px 0;font-size:.92rem;display:grid}.type-bars a{font-weight:700;text-decoration:none}.type-bars a:hover{text-decoration:underline}.type-bars b{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.type-bar{background:var(--sky);border-radius:6px;height:12px;overflow:hidden}.type-bar i{background:var(--blue);height:100%;display:block}@media (max-width:760px){.about-hero{padding:40px 16px}.book{grid-template-columns:1fr}.book-side+.book-side{border-left:0;border-top:1px solid var(--line)}.about-stats{grid-template-columns:1fr 1fr}.type-bars li{grid-template-columns:1fr 3.5em}.type-bar{grid-area:2/1/auto/-1}}@media (prefers-reduced-motion:reduce){.book-matches li{animation:none}}