/* Extracted from accepted G01 (FB-024). One reading region owns the horizontal inset. */
@font-face{font-family:Be;src:url('assets/fonts/BeVietnamPro_Regular.ttf')}
@font-face{font-family:Be;src:url('assets/fonts/BeVietnamPro_SemiBold.ttf');font-weight:600}
/* "math" is a CSS generic family, not a safe custom font alias. */
@font-face{font-family:ZOMath;src:url('assets/fonts/STIXTwoMath.ttf')}
:root{--canvas:#FFF9E9;--ink:#3E3A35;--muted:#6b6359;--line:#DFD7CA;--rail:248px;--inset:32px;--red:#EF5350;--yellow:#FFCA28}
:root{--theme-gray-3:#DFD7CA;--theme-gray-2:#F8F5F0;--theme-yellow-1:#FFF9E9;--theme-yellow-2:#FFE9A9;--theme-red-1:#FDEDED;--theme-red-2:#F8BAB9}
*{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.8 Be,sans-serif}
a{color:#943b35;text-decoration:none}a:hover{background:#FFF9E9}a:focus-visible,summary:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
p{margin:0 0 20px}math{font-family:ZOMath,math;font-size:1.06em}annotation{display:none}
h1{font-size:34px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:8px 0 0;text-wrap:pretty}
h2{font-size:24px;line-height:1.45;font-weight:600;letter-spacing:-.015em;margin:7px 0 0;text-wrap:pretty}
.role{display:block;font-size:11px;line-height:1.5;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:400;margin-bottom:10px}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);padding:40px 28px;background:white;border-right:1px solid var(--line);display:flex;flex-direction:column}
.rail img{display:block;width:144px;height:auto}.thought{font-size:13px;line-height:1.9;margin:26px 0 36px}.rail nav{overflow-y:auto;min-height:0;scrollbar-width:thin}.rail nav .role{margin:0 12px 14px}.rail nav a{display:block;padding:10px 12px;margin:3px 0;color:var(--ink);font-size:14px;border-radius:4px}.rail nav a[aria-current]{background:#FFF9E9;outline:1px solid var(--yellow);outline-offset:-1px}.scope{font-size:10px;color:var(--muted);margin:auto 12px 0;padding-top:16px}
.workspace{margin-left:var(--rail)}.top{height:64px;background:white;display:flex;justify-content:space-between;align-items:center;padding:0 40px;font-size:12px;position:sticky;top:0;z-index:5}.top label{display:flex;align-items:center;gap:8px}.top select{font:inherit;color:inherit;border:1px solid var(--line);border-radius:4px;padding:8px 10px;background:white}
main{max-width:816px;width:calc(100% - 80px);margin:38px 40px 80px}
.reading-region{background:white;border-radius:6px;padding:32px var(--inset);margin:0 0 28px;min-width:0;overflow-wrap:break-word}
.reading-region>:last-child,.prose>:last-child,.zo-learning-example>:last-child{margin-bottom:0}
.chapter{padding:0;margin:0 0 28px}.section-heading{padding:0;margin:0 0 22px}.reading-section{margin:0}.reading-section.reading-region{margin-bottom:28px}.reading-region>.reading-section+.reading-section{margin-top:36px}
.guidance{margin:24px 0 0}.guidance>.role{display:none}.guidance summary{font-size:15px;color:var(--muted)}
details{margin:0;padding:0;border:0;background:transparent}summary{list-style:none;position:relative;padding:0 30px 0 0;font-size:17px;font-weight:600;line-height:1.6;cursor:pointer;min-height:28px}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:0;top:0;font-weight:400}details[open]>summary::after{content:'−'}
.zo-block-body,.solution-body{padding:20px 0 0}.zo-block-body>:last-child,.solution-body>:last-child{margin-bottom:0}
.pause{margin-top:28px}.pause+p{margin:24px 0 0}.r1-task-label{font-weight:600}.self-check{margin:0}.self-check+.solution{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.r1-kickoff-questions ul{padding:0;margin:0;list-style:none}.r1-kickoff-questions li{padding:0;margin:0 0 30px}.r1-kickoff-questions li:last-child{margin-bottom:0}
.r1-kickoff-questions li>strong:first-child,.r1-solution-item>p>strong:first-child{display:block;font-size:17px;font-weight:600;margin:0 0 10px}.r1-solution-item>p{margin:0 0 28px}.answer-link,.r1-kickoff-questions a,.r1-solution-item>div{font-size:13px}.answer-link p{margin-bottom:0}
.prose ul,.prose ol{padding-left:1.4em;margin:20px 0}.prose li{margin-bottom:12px}.zo-source-note{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}
math[display="block"]{display:block math;max-width:100%;overflow-x:auto;overflow-y:hidden;padding:8px 0;margin:4px 0}
.table-scroll,.figure-viewport{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}.r1-table{margin-bottom:22px}.r1-data-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:30em;font-size:inherit;line-height:1.7}.r1-data-table th,.r1-data-table td{border:1px solid var(--line);padding:11px 8px;vertical-align:middle}.r1-data-table thead{background:#FFF9E9}.r1-data-table th{font-weight:600}.r1-table-scroll-hint{font-size:12px;color:var(--muted);margin:0 0 10px}
figure{margin:24px 0;max-width:100%}figure img.math-illustration{display:block;width:var(--figure-em);max-width:none;height:auto;margin-inline:auto}figcaption{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;margin-top:14px}figcaption p{margin:0}.figure-hint{display:none;font-size:12px;color:var(--muted);text-align:center;margin:10px 0 0}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.end-navigation{margin-top:32px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}.end-navigation>.role{margin-bottom:8px}footer{font-size:11px;color:var(--muted);padding:0;margin-top:18px}footer p{margin:0}.mobile-contents{display:none}[id]{scroll-margin-top:88px}[hidden]{display:none!important}
@media(min-width:1600px){main{margin-left:64px}.top{padding-inline:64px}}
@media(max-width:1050px){:root{--rail:210px;--inset:28px}.rail{padding-inline:20px}.thought{font-size:12px}main{width:calc(100% - 48px);margin-inline:24px}.top{padding-inline:24px}}
@media(max-width:760px){:root{--inset:22px}.rail{position:static;width:100%;height:auto;border:0;padding:20px 24px}.rail img{width:112px}.rail .thought,.rail nav,.rail .scope{display:none}.workspace{margin:0}.top{padding:0 12px;height:56px;font-size:11px;gap:10px}.top>span{display:none}main{width:calc(100% - 24px);margin:24px 12px 40px}.reading-region{padding-block:26px;margin-bottom:22px}h1{font-size:28px}h2{font-size:21px}.chapter{margin-bottom:24px}summary,.r1-kickoff-questions li>strong:first-child,.r1-solution-item>p>strong:first-child{font-size:16px}body{font-size:16px;line-height:1.85}.role{font-size:10px}.mobile-contents{display:block}.mobile-contents>summary{cursor:pointer;font-size:13px;padding:10px 6px}.mobile-contents>summary::after{display:none}.mobile-contents nav{position:absolute;top:56px;left:0;right:0;background:white;border-bottom:1px solid var(--line);padding:12px 24px;max-height:60vh;overflow-y:auto}.mobile-contents nav a{display:block;padding:10px 0;font-size:14px}.figure-hint{display:block}}
