.reading-analytics {max-width:1180px}
.reading-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 24px;padding:5px;border:1px solid rgba(0,77,79,.3);border-radius:12px;width:fit-content;max-width:100%}
.reading-tabs a{color:#004d4f;text-decoration:none;font:700 .88rem Arial,sans-serif;padding:11px 14px;border-radius:8px;transition:background .2s,color .2s,transform .2s}
.reading-tabs a:hover{background:rgba(0,77,79,.075);transform:translateY(-1px)}
.reading-tabs a[aria-current=page]{background:#004d4f;color:#fff}
.reading-status{min-height:1.25rem;font:.88rem Arial,sans-serif}
.reading-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 30px}
.reading-stat{border:1px solid rgba(0,77,79,.25);border-radius:10px;padding:18px 19px;background:rgba(255,255,255,.06)}
.reading-stat strong{display:block;font:500 clamp(1.8rem,3.4vw,2.6rem) Garamond,Georgia,serif;color:#004d4f}
.reading-stat span{font:.75rem/1.45 Arial,sans-serif;color:#335450}
.reading-panel{padding:clamp(18px,3vw,28px);border:1px solid rgba(0,77,79,.22);border-radius:12px;margin:18px 0 28px;background:rgba(255,250,230,.14)}
.reading-panel-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap}
.reading-panel h2{margin:7px 0 12px;font-size:clamp(1.85rem,3.7vw,2.5rem)}
.reading-panel p{font-size:.92rem;line-height:1.65}
.reading-select-label{display:grid;gap:6px;font:.75rem Arial,sans-serif;color:#335450}
.reading-select-label select{border:1px solid #004d4f;border-radius:7px;padding:9px;background:#fffaf0;color:#004d4f;font: .9rem Arial,sans-serif}
.reading-scroll{overflow-x:auto;overscroll-behavior-inline:contain}
.reading-chart{min-width:550px;min-height:265px;width:100%;margin-top:14px}
.reading-chart svg{display:block;width:100%;height:auto;overflow:visible}
.reading-grid-line{stroke:rgba(0,77,79,.17);stroke-width:1}
.reading-axis-label{font:12px Arial,sans-serif;fill:#456562}
.reading-year-bar{fill:#004d4f;opacity:.88;transition:opacity .2s, transform .2s;transform-box:fill-box;transform-origin:center bottom}
.reading-year-bar:hover{opacity:1;transform:scaleY(1.018)}
.reading-year-count{font:12px Arial,sans-serif;fill:#004d4f;text-anchor:middle}
.reading-six{stroke:#004d4f;stroke-width:3.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.reading-twelve{stroke:#a65315;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:7 5}
.reading-point{fill:#004d4f;stroke:#fffbeb;stroke-width:2}
.reading-legend{display:flex;flex-wrap:wrap;gap:18px;margin:13px 0 0;font: .78rem Arial,sans-serif;color:#234b48}
.reading-legend-item{display:inline-flex;align-items:center;gap:9px}
.reading-swatch{display:inline-block;width:22px;border-top:3px solid #004d4f}
.reading-swatch.twelve{border-color:#a65315;border-top-style:dashed}
.reading-data{border-top:1px solid rgba(0,77,79,.2);margin-top:18px;padding-top:15px;font: .85rem Arial,sans-serif}
.reading-data summary{cursor:pointer;color:#004d4f;font-weight:700;width:fit-content}
.reading-data table{border-collapse:collapse;width:100%;margin-top:14px;font-size:.83rem}
.reading-data th,.reading-data td{padding:9px 12px;border-bottom:1px solid rgba(0,77,79,.16);text-align:left}
.reading-data th{color:#004d4f}
.reading-data .table-scroll{max-height:370px;overflow:auto}
.reading-footnotes{font:.76rem/1.55 Arial,sans-serif;color:#456562;margin-top:13px}
.reading-panel .comp-highlights{margin-top:12px}
@media(max-width:630px){.reading-summary{grid-template-columns:1fr 1fr}.reading-summary .reading-stat:first-child{grid-column:span 2}.reading-tabs{width:100%}.reading-tabs a{flex:1;text-align:center;padding:10px 8px;font-size:.78rem}.reading-chart{min-width:480px}}
@media(prefers-reduced-motion:reduce){.reading-year-bar,.reading-tabs a{transition:none}.reading-year-bar:hover,.reading-tabs a:hover{transform:none}}
