.extra-chart-section{border-top:1px solid #d4d9cd;padding-top:24px}
.chapter .extra-chart-section .chart-title{font-size:17px;font-weight:400;letter-spacing:1px;margin-bottom:24px}
.extra-chart{width:100%;height:310px;min-width:0}
#works-ring{max-width:740px;margin:0 auto;height:300px}
#recording-scatter{height:390px}
.extra-chart-scroll{overflow-x:auto;overscroll-behavior-x:contain}
@media(max-width:700px){#activity-heatmap{min-width:640px;height:300px}#recording-scatter{height:350px}.extra-chart-section{padding-top:20px}#works-ring{height:320px}}

#works-ring.paired-rings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;height:auto;max-width:900px}
.paired-ring-legend{grid-column:1/-1;display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin-bottom:28px;color:#68746b;font-size:12px}
.paired-ring-legend span{display:inline-flex;align-items:center;gap:8px}.paired-ring-legend i{width:7px;height:7px;border-radius:50%;display:inline-block}
.paired-ring-chart{width:100%;height:310px;min-width:0}
.paired-ring-chart:last-child{border-left:1px solid #e0e5db}
@media(max-width:600px){#works-ring.paired-rings{column-gap:8px}.paired-ring-chart{height:240px}.paired-ring-legend{gap:10px 16px;margin-bottom:22px;font-size:11px}}