.reader-layout{grid-template-columns:minmax(200px,260px) minmax(0,1fr);gap:clamp(26px,4vw,64px)}
.unit-row>div,.lesson-row>span:first-child{min-width:0}.lesson-row>span:first-child{overflow-wrap:anywhere}
.page-heading h1,.reading h2,.reading h3,.breadcrumbs,.reader-tools .button{overflow-wrap:anywhere}
.reading{min-width:0;overflow-wrap:anywhere;max-width:760px;font-size:19px;line-height:1.8;color:#e1ddda}
.reading>section{scroll-margin-top:28px;margin-bottom:42px}.reading h2{font-size:clamp(25px,3vw,36px);line-height:1.25;margin:42px 0 24px}.reading h3{font-size:22px;line-height:1.4;margin-top:30px}
.reading p{margin:0 0 24px}.reading a{color:#ff987f;text-underline-offset:4px;overflow-wrap:anywhere}.reading strong,.reading b{color:#f1efed}
.reading img{max-width:100%;height:auto;background:#f1efed;border-radius:8px}.reading figure{margin:30px 0}.reading figcaption{font-size:15px;line-height:1.6;color:#beb9b5;margin-top:12px}
.reading .table-scroll{overflow-x:auto;max-width:100%;margin:28px 0;border:1px solid #4b4440;border-radius:6px}.reading table{width:100%;border-collapse:collapse;font-size:16px;line-height:1.65}.reading th,.reading td{padding:14px;vertical-align:top;text-align:left;border-bottom:1px solid #4b4440;min-width:120px}.reading th{background:#292528;color:#f1efed}.reading tr:last-child td{border-bottom:0}
.reading .answer{background:#211d1e;border:1px solid #725247;border-left:3px solid #ff7659;padding:0;margin:24px 0}.reading .answer summary{padding:18px 22px;font:600 17px/1.5 system-ui;cursor:pointer;color:#ffb5a3}.reading .answer>div{padding:12px 22px 5px}.reading .answer>div h3:first-child{margin-top:0}
.reader-index{align-self:start;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;scrollbar-width:thin}.reader-index details{border:1px solid #484043;padding:16px;border-radius:8px}.reader-index summary{cursor:pointer;font-weight:600;line-height:1.4}.reader-index nav{display:flex;flex-direction:column;margin-top:14px}.reader-index a{padding:8px 2px;color:#c9c1bd;text-decoration:none;font-size:14px;line-height:1.5}.reader-index a[aria-current=location]{color:#ffb29e;border-left:2px solid #ff7659;padding-left:10px}
.reader-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:24px 0 38px}.reader-tools .button{font-size:14px;padding:12px 17px}.reading .source-return{display:block;margin:20px 0}.source-box{padding:24px;background:#201c1e;border:1px solid #50413e;border-radius:10px;margin-bottom:20px}.source-box p{white-space:normal;overflow-wrap:anywhere}
.demo-frame{display:block;width:100%;height:850px;border:1px solid #67504b;border-radius:12px;background:#f1efed}.demo-wrap{max-width:1000px;margin:0 auto}.load-error{padding:32px;border:1px solid #a66b5e;line-height:1.6}.unit-row .unit-number{font-size:28px}.unit-row h2{font-size:clamp(25px,3vw,35px)}.unit-row{padding:30px 0}.next-links{margin-top:45px}.next-links a{overflow-wrap:anywhere}
.reading:focus{outline:none}.reading pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.reading small{color:#c0b7b2}.reading ul,.reading ol{padding-left:26px}.reading li{margin-bottom:12px}.return-to-lesson{margin-bottom:24px}.section-overview{max-width:760px;line-height:1.8}.home-facts{display:flex;gap:20px;flex-wrap:wrap;margin-top:28px;color:#beb9b5}.home-facts span{border-top:1px solid #634740;padding-top:12px}.course-options{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.course-options>div{padding:26px;border:1px solid #443d3b;background:#1a1819;border-radius:12px}.course-options p{line-height:1.7;color:#c5bdb8}a:focus-visible,summary:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #ffad97;outline-offset:4px}
@media(max-width:850px){.reader-layout{grid-template-columns:1fr}.reader-index{position:static;max-height:none}.reader-index nav{max-height:320px;overflow:auto}.reading{font-size:18px}.course-options{grid-template-columns:1fr}.reader-tools{margin-bottom:24px}.demo-frame{border-radius:6px}.reading .answer>div{padding:8px 16px}}
@media(max-width:420px){.reading{font-size:17px}.reading h3{font-size:20px}.reader-tools .button{width:100%;justify-content:center}.source-box{padding:18px}.reading table{font-size:15px}.reading td,.reading th{min-width:110px;padding:10px}}