/* Public book pages (/read/, promotion plan R1-12). Loaded after home.css, book-guides.css and public-design.css. */
.reading-time-page .answer{font-size:1.25rem;max-width:760px}
.reading-time-page .answer strong{color:inherit;font-weight:700;border-bottom:2px solid currentColor}
.reading-table{width:100%;max-width:760px;border-collapse:collapse;margin:8px 0 28px;font-variant-numeric:tabular-nums}
.reading-table caption{text-align:left;font-family:Manrope,sans-serif;font-weight:800;padding:18px 0 8px}
.reading-table th,.reading-table td{padding:10px 12px;border-bottom:1px solid #dbe1d4;text-align:left;vertical-align:top}
.reading-table thead th{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#647655;font-weight:600;border-bottom:1px solid #b9c4ae}
.reading-table td{white-space:nowrap;text-align:right}
.reading-table thead th:not(:first-child){text-align:right}
.reading-table tbody th{font-weight:500}
.reading-table tr.typical{background:#eef3e8}
.reading-table .by{display:block;font-size:14px;color:#61705f;font-weight:400}
.reading-plan{max-width:760px;padding-left:20px}
.reading-plan li{margin:6px 0}
.book-facts .muted{color:#61705f;font-size:14px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media(max-width:760px){
.reading-table th,.reading-table td{padding:8px 6px;font-size:15px}
.reading-table.speeds td:nth-child(2),.reading-table.speeds thead th:nth-child(2){display:none}
}
.reading-table td.check{text-align:right}
.reading-table td.check a{font-size:14px;white-space:nowrap}
.class-steps{max-width:700px;padding-left:22px;margin:18px 0 8px}
.class-steps li{margin:0 0 12px}
.class-steps strong{color:inherit}
.book-times ul{padding-left:20px;max-width:760px}
.book-times li{margin:6px 0}
.reading-time-line{max-width:760px;margin:-8px 0 28px;font-size:15px}
@media(max-width:760px){
.reading-table:not(.speeds):not(.hub) td:nth-child(2),.reading-table:not(.speeds):not(.hub) thead th:nth-child(2){display:none}
}
/* Hub: search, length bands, rows with a relative-length bar. */
.hub-tools{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:end;max-width:760px;margin:0 0 8px}
.hub-tools label{grid-column:1/-1;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#647655}
.hub-tools input{font:inherit;padding:12px 14px;border:1px solid #b9c4ae;border-radius:6px;background:#fffefb;min-width:0}
.hub-tools .sort{display:flex;border:1px solid #b9c4ae;border-radius:6px;overflow:hidden}
.hub-tools .sort button{font:inherit;font-size:14px;padding:11px 14px;border:0;background:transparent;cursor:pointer;color:#2c4738}
.hub-tools .sort button[aria-pressed="true"]{background:#2c4738;color:#fbfcf8}
.hub-tools p{grid-column:1/-1;margin:0;min-height:1.2em}
.reading-hub .band{max-width:760px;margin:28px 0 0}
.reading-hub .band h2{display:flex;align-items:baseline;gap:10px;margin-bottom:2px}
.reading-hub .band h2 .count{font-size:14px;color:#647655;font-family:inherit}
.book-list{list-style:none;padding:0;margin:10px 0 0}
.book-list a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:12px 4px;border-bottom:1px solid #dbe1d4;text-decoration:none;color:inherit}
.book-list a:hover .title{text-decoration:underline}
.book-list .book{display:flex;flex-direction:column}
.book-list .title{font-weight:600;color:#2c4738}
.book-list .by{font-size:14px;color:#61705f}
.book-list .time{font-variant-numeric:tabular-nums;white-space:nowrap;align-self:center}
.book-list .bar{grid-column:1/-1;height:4px;background:#e7ecdf;border-radius:2px;margin-top:6px}
.book-list .bar span{display:block;height:100%;background:#7d9467;border-radius:2px}
.more-times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 40px;max-width:760px}
.more-times h2{font-size:1.25rem;margin-bottom:8px}
.more-times ul{list-style:none;padding:0;margin:0}
.more-times li{padding:6px 0;border-bottom:1px solid #dbe1d4;display:flex;justify-content:space-between;gap:12px}
.more-times p{grid-column:1/-1}
@media(max-width:760px){.more-times{grid-template-columns:1fr}.hub-tools{grid-template-columns:1fr}.hub-tools .sort{justify-self:start}}
.more-times .muted{color:#61705f;font-size:14px;white-space:nowrap}