/* Reading layout for the six extended Classroom articles. */
.classroom-longform .wrap{width:min(1320px,calc(100% - 64px))}
.classroom-longform .page-hero .lead{max-width:940px}
.classroom-longform .article-layout{grid-template-columns:200px minmax(0,1fr);gap:56px;justify-content:normal}
.classroom-longform .article-body{min-width:0;max-width:none;font-size:1.15625rem;line-height:1.8;overflow-wrap:break-word}
.classroom-longform .classroom-article-cover{margin-bottom:38px}
.classroom-longform .classroom-article-cover img{width:100%;aspect-ratio:3/1;max-height:355px;object-fit:cover}
.classroom-longform .article-intro{margin-bottom:56px}
.classroom-longform .article-body section{margin-bottom:64px}
.classroom-longform .article-body h2{margin-bottom:24px}
.classroom-longform .article-body h3{font-family:var(--font-body);font-size:1.25rem;line-height:1.45;letter-spacing:0;margin:32px 0 12px}
.classroom-longform .article-body p{margin-bottom:22px}
.classroom-longform .article-body code{font-size:.88em;overflow-wrap:anywhere}
.classroom-longform .article-table{width:100%;overflow-x:auto;border-block:1px solid var(--line);margin:30px 0;overscroll-behavior-x:contain}
.classroom-longform .article-table:focus-visible{outline:2px solid var(--ink);outline-offset:5px}
.classroom-longform table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.65;text-align:left;min-width:580px}
.classroom-longform caption{caption-side:top;text-align:left;font-weight:600;padding:18px 14px}
.classroom-longform th,.classroom-longform td{padding:18px 14px;vertical-align:top;border-top:1px solid var(--line)}
.classroom-longform th{font-weight:600}
.classroom-longform th:first-child{width:24%}
.classroom-longform td:nth-child(2){width:38%}
.classroom-longform .article-prompt{font:400 .9375rem/1.8 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere;border-left:2px solid var(--line-strong);padding:20px 24px;margin:28px 0 30px;color:var(--ink);background:transparent}
.classroom-longform .reading-index a{font-size:.9375rem;line-height:1.55}
.classroom-longform .article-end{padding-top:24px;border-top:1px solid var(--line);font-size:.875rem;line-height:1.6;color:var(--muted)}
@media(max-width:1100px){.classroom-longform .article-layout{grid-template-columns:170px minmax(0,1fr);gap:36px}}
@media(max-width:1000px){.classroom-longform .article-layout{grid-template-columns:1fr;gap:36px}.classroom-longform .reading-index{position:static;display:block;max-height:none;padding-bottom:24px;border-bottom:1px solid var(--line)}.classroom-longform .reading-index a{display:inline-block;margin:8px 22px 0 0}.classroom-longform .article-body{margin:0;max-width:none}.classroom-longform .reading-track{max-width:240px}}
@media(max-width:640px){.classroom-longform .wrap{width:calc(100% - 40px)}.classroom-longform .article-body{font-size:1.0625rem;line-height:1.8}.classroom-longform .article-intro{margin-bottom:40px}.classroom-longform .article-body section{margin-bottom:44px}.classroom-longform .article-body h2{margin-bottom:18px}.classroom-longform .article-body h3{font-size:1.125rem;margin-top:28px}.classroom-longform .classroom-article-cover img{aspect-ratio:1.8/1}.classroom-longform .article-prompt{padding:14px 16px;font-size:.875rem}.classroom-longform .reading-index a{font-size:.875rem}.classroom-longform caption{padding-left:0}.classroom-longform th,.classroom-longform td{padding:15px 12px}}
@media print{.classroom-longform .wrap{width:100%}.classroom-longform .article-layout{display:block}.classroom-longform .article-table{overflow:visible}.classroom-longform table{min-width:0}.classroom-longform .article-body h2,.classroom-longform .article-body h3{break-after:avoid}.classroom-longform .article-prompt{break-inside:avoid}}

@media(max-width:640px){.classroom-longform .article-table table{display:block;min-width:0}.classroom-longform .article-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.classroom-longform .article-table tbody{display:block}.classroom-longform .article-table tr{display:block;padding:20px 0;border-top:1px solid var(--line)}.classroom-longform .article-table th,.classroom-longform .article-table td{display:block;width:auto!important;border:0;padding:0}.classroom-longform .article-table td{margin-top:12px}.classroom-longform .article-table td:before{content:attr(data-label);display:block;font-size:.8125rem;line-height:1.5;color:var(--muted);margin-bottom:3px}.classroom-longform .article-table caption{display:block}}
