/* Visible introduction; existing hero and course layouts stay in their own stylesheets. */
.readable .page-overview{display:grid;grid-template-columns:minmax(240px,0.75fr) minmax(0,1.65fr);gap:40px;align-items:start;padding-bottom:30px}
.readable .page-overview h2{font:28px/1.65 var(--serif);color:var(--wine);margin:0}
.readable .page-overview h2 span{display:block}
.readable .page-overview-copy p{font-size:16px;line-height:1.9;margin:0;text-wrap:pretty}
.readable .page-overview-copy p+p{margin-top:12px}
@media(max-width:767px){
 .readable .page-overview{grid-template-columns:minmax(0,1fr);gap:16px;padding-bottom:24px}
 .readable .page-overview h2{font-size:24px;line-height:1.6}
}