/* R27: one authentic I05 timeline; compact, accessible, and source-faithful. */
.r27-chapters{background:#122a35;border-top:1px solid #42606a;padding:12px 14px;color:#eaf7f7}
.r27-chapters-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:9px;font-size:13px}
.r27-chapters-title strong{font-size:14px;color:#fff}
.r27-chapters-title span{color:#b7d4d9;font-variant-numeric:tabular-nums}
.r27-chapter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.r27-chapter-grid button{min-width:0;min-height:50px;background:#1b3a46;border:1px solid #50717d;color:#e6f5f6;padding:8px 7px;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;line-height:1.2;font-size:13px;font-weight:700}
.r27-chapter-grid button span{color:#a6cbd2;font-size:11px}
.r27-chapter-grid button small{font-size:11px;font-weight:500;color:#bad7dd}
.r27-chapter-grid button[aria-pressed=true]{background:#b1e8df;color:#112b32;border-color:#b1e8df}
.r27-chapter-grid button[aria-pressed=true] :is(span,small){color:#294e55}
.r27-chapter-grid button:focus-visible{outline:3px solid #fff0a6;outline-offset:2px}
.r27-scene{margin:10px 0 0;font-size:13px;line-height:1.45;color:#c9e0e4;max-width:95ch}
@media(max-width:520px){.r27-chapters{padding:10px}.r27-chapter-grid{gap:4px}.r27-chapter-grid button{padding:7px 3px;gap:3px;font-size:12px;flex-direction:column;min-height:60px}.r27-scene{font-size:12px}}