/* Shared reading template: rating methodology and generated articles. */
.reading-head{padding:52px 24px 36px;max-width:1220px;margin:auto}
.reading-head h1{margin:12px 0 20px;max-width:950px}
.reading-head .intro{font-size:1.22rem;max-width:850px;line-height:1.55}
.reading-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;font-weight:700;color:var(--grape);margin-top:24px}
.reading-date{font-size:.9rem;color:var(--ink-soft);margin-top:20px}
.reading-layout{max-width:1220px;margin:0 auto;padding:0 24px 72px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:64px;align-items:start}
.reading-toc{position:sticky;top:105px;border-top:2px solid var(--plum);padding-top:18px;font-size:.96rem;max-height:calc(100dvh - 130px);overflow-y:auto;overscroll-behavior:contain}
.reading-toc strong{display:block;margin-bottom:12px}
.reading-toc ol{list-style:none;padding:0;margin:0}
.reading-toc li{margin:0 0 12px}
.reading-toc a{text-decoration:none}
.reading-toc a:hover{text-decoration:underline}
.reading-body{min-width:0;overflow-wrap:break-word}
.reading-body>section{padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:95px}
.reading-body h2{font-size:1.75rem;margin:0 0 18px;scroll-margin-top:95px}
.reading-body h3{font-size:1.3rem;margin:28px 0 12px;scroll-margin-top:95px}
.reading-body h4{margin:24px 0 12px;scroll-margin-top:95px}
.reading-body p{margin-bottom:16px}
.reading-body p:last-child{margin-bottom:0}
.reading-body ul,.reading-body ol{padding-left:1.3em;margin:16px 0}
.reading-body li{margin:8px 0}
.reading-body .source{font-size:.9rem;color:var(--ink-soft)}
.reading-body .note,.reading-body blockquote{padding:20px 24px;border-left:3px solid var(--grape);background:var(--cream-2);margin:24px 0}
.reading-body .note h3{margin:0 0 12px}
.reading-body table{border-collapse:collapse;width:100%;min-width:0;margin:22px 0;font-size:1rem}
.reading-body th,.reading-body td{padding:13px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.reading-body thead,.reading-table th{background:var(--cream-2)}
.reading-body thead th{color:var(--plum);font-size:1rem;letter-spacing:normal;text-transform:none;white-space:normal}
.reading-body tbody th{font-weight:400}
.reading-table{max-width:100%;overflow-x:auto;margin:22px 0}
.reading-table table{min-width:560px;margin:0}
.reading-table th,.reading-table td{white-space:normal;height:auto;max-width:none;overflow:visible;text-overflow:clip}
.reading-table th{font-weight:600;color:var(--plum)}
.reading-table:focus-visible{outline:2px solid var(--grape);outline-offset:3px}
.reading-body .art-related{margin:0;padding:30px 0;border-top:1px solid var(--line)}
.reading-body .art-related ul{list-style:none;padding:0}
.reading-body .claycta{padding:0;border:0;margin:24px 0}
.reading-body>.claycta:first-child{margin-top:0}
.reading-body .claycta-copy h2{font-size:1.7rem;margin:0 0 .4em}
.reading-body .claycta-copy p{font-size:1rem;margin:0 0 20px}
@media(min-width:720px){.reading-body .claycta-card,.reading-body .claycta-copy{min-height:310px}.reading-body .claycta-card{aspect-ratio:auto}.reading-body .claycta-copy{height:auto}}
@media(max-width:840px){
 .reading-head{padding-top:32px}.reading-layout{grid-template-columns:1fr;gap:30px}
 .reading-toc{position:static;max-height:none;overflow:visible}.reading-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}
 .reading-body h2{font-size:1.5rem}
}
@media(max-width:480px){
 .reading-head,.reading-layout{padding-left:20px;padding-right:20px}
 .reading-head .intro{font-size:1.1rem}.reading-body th,.reading-body td{padding:12px 8px}
 .reading-body .note,.reading-body blockquote{padding:18px}
 .reading-toc ol{grid-template-columns:1fr}
}