.reading-page .site-header,.reading-page footer{max-width:1120px}
.reading-main{max-width:840px;margin:0 auto;padding:40px 32px 65px}
.reading-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-bottom:34px}
.reading-breadcrumb a{color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.reading-intro .eyebrow,.practice-example>.eyebrow,.reading-book .eyebrow,.missing-page>.eyebrow{font-size:9px;color:var(--copper)}
.reading-intro h1{font-size:clamp(36px,5vw,56px);line-height:1.12;margin-top:18px}
.reading-intro>p:last-child{font-size:18px;line-height:1.75;color:var(--muted);margin:25px 0 30px}
.reading-main article>p,.reading-main section>p,.reading-main details p,.reading-book p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:16px}
.reading-main p a{color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.reading-main article>section{margin-top:34px;padding-top:27px;border-top:1px solid var(--line)}
.reading-main h2{font-size:28px;line-height:1.25;letter-spacing:-.035em}
.practice-example{padding:25px!important;background:#eee7d6;border:1px solid var(--line)}
.practice-example>.eyebrow{margin-bottom:12px}
.practice-example ol{font-size:14px;line-height:1.9;padding-left:21px;margin:16px 0 20px}
.practice-example li+li{margin-top:5px}
.practice-example details{border-top:1px solid #cfc3aa}
.practice-example summary{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:13px;font-weight:500;padding-top:16px;color:var(--copper)}
.practice-example summary span{font-size:21px}
.practice-example table{width:100%;border-collapse:collapse;font-size:13px;margin-top:22px;text-align:left}
.practice-example caption{text-align:left;font-size:11px;color:var(--muted);margin-bottom:8px}
.practice-example th,.practice-example td{padding:10px;border:1px solid #cfc3aa;line-height:1.5}
.practice-example th{font-weight:500}
.reading-book{display:grid;grid-template-columns:135px 1fr;gap:30px;align-items:center;margin-top:45px;padding:28px;background:#e9e1cd}
.reading-book img{box-shadow:5px 7px 16px #57462c33}
.reading-book h2{margin-top:12px}
.reading-book p{font-size:13px;margin-top:13px}
.reading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-top:21px}
.reading-actions .button{font-size:11px;padding:13px 17px;gap:22px}
.reading-actions .text-link{font-size:11px;gap:9px}
.reader-guide a{color:var(--copper);text-decoration:underline;text-underline-offset:3px}
.missing-page{padding-top:90px;padding-bottom:110px}
.missing-page h1{font-size:58px;margin-top:20px}
.missing-page>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:530px;margin-top:24px}
.missing-page .button{margin-top:28px}
@media(max-width:600px){.reading-main{padding:29px 24px 44px}.reading-breadcrumb{font-size:10px;margin-bottom:26px}.reading-intro h1{font-size:36px}.reading-intro>p:last-child{font-size:17px}.reading-main h2{font-size:25px}.practice-example{padding:20px!important}.practice-example>.eyebrow{font-size:8px}.practice-example th,.practice-example td{font-size:11px;padding:8px}.reading-book{grid-template-columns:1fr;padding:23px;gap:22px}.reading-book img{width:105px;transform:rotate(-4deg)}.reading-book h2{font-size:28px}.missing-page{padding-top:65px}.missing-page h1{font-size:48px}}