html{scroll-padding-top:24px}
.reading-page{background:var(--bg)}
.reading-header{width:min(1390px,calc(100% - 64px));height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px;margin:auto;border-bottom:1px solid var(--line)}
.reading-header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}
.reading-header nav>a[aria-current=page]{color:var(--text)}
.reading-header nav>a:hover{color:var(--text)}
.reading-header nav>.button{min-height:40px;padding:9px 18px;font-size:12px;color:var(--bg)}
.reading-layout{display:grid;grid-template-columns:220px minmax(0,820px);gap:90px;width:min(1216px,calc(100% - 96px));margin:0 auto}
.reading-sidebar{position:sticky;top:0;align-self:start;display:flex;flex-direction:column;height:100svh;min-height:560px;max-height:1000px;padding:62px 0 34px;border-right:1px solid var(--line)}
.sidebar-title{font-size:12px;color:var(--text);margin:0 25px 20px 0}
.reading-sidebar nav{display:grid;gap:3px;padding-right:24px}
.reading-sidebar nav a{position:relative;padding:10px 12px;font-size:13px;color:var(--muted);border-radius:6px;line-height:1.5}
.reading-sidebar nav a:hover{color:var(--text);background:#17233866}
.reading-sidebar nav a.active{color:var(--accent);background:#83b7ff0b}
.reading-sidebar nav a.active::before{content:"";position:absolute;left:0;top:13px;bottom:13px;width:2px;background:var(--accent);border-radius:2px}
.sidebar-foot{margin-top:auto;padding-top:48px}
.sidebar-foot img{opacity:.75}
.sidebar-foot p{font-size:13px;line-height:1.6;color:var(--muted);margin:18px 0}
.sidebar-foot a{font-size:11px;color:var(--accent)}
.sidebar-foot a:hover{text-decoration:underline;text-underline-offset:4px}
.reading-main{min-width:0;padding-top:66px}
.reading-intro{padding-bottom:68px;border-bottom:1px solid var(--line)}
.reading-kicker{font-size:13px;color:var(--accent);margin:0 0 25px}
.reading-intro h1{font-size:clamp(49px,5.1vw,76px);font-weight:500;letter-spacing:-.061em;line-height:1.05;margin:0 0 29px}
.reading-intro>p:last-child{font-size:18px;line-height:1.75;color:var(--muted);max-width:48ch;margin:0}
.reading-section{padding:54px 0 55px;border-bottom:1px solid var(--line);scroll-margin-top:34px}
.reading-section h2{font-size:32px;line-height:1.2;font-weight:500;letter-spacing:-1.2px;margin:0 0 24px}
.reading-section h3{font-size:18px;line-height:1.4;font-weight:500;letter-spacing:-.25px;margin:30px 0 12px}
.reading-section p,.reading-section li,.reading-definitions dd{font-size:15px;line-height:1.9;color:var(--muted);max-width:73ch}
.reading-section p{margin:0 0 19px}
.reading-section p:last-child{margin-bottom:0}
.reading-section strong{color:var(--text);font-weight:500}
.reading-section p a{color:var(--accent);text-decoration:underline;text-decoration-color:#83b7ff55;text-underline-offset:4px}
.reading-section p a:hover{text-decoration-color:var(--accent)}
.reading-steps,.reading-list{padding:0 0 0 23px;margin:25px 0}
.reading-steps li,.reading-list li{padding-left:8px;margin-bottom:14px}
.reading-steps li::marker{font-size:13px;color:var(--accent)}
.reading-list li::marker{color:var(--accent)}
.reading-note{margin:28px 0;padding:22px 25px 23px;border-left:2px solid var(--accent);background:#101a2b;border-radius:0 8px 8px 0}
.reading-note h3{font-size:15px;letter-spacing:0;margin:0 0 10px;color:var(--text)}
.reading-note p{font-size:13px;line-height:1.85;margin:0;max-width:76ch}
.verification-note{border-left-color:var(--warning);background:#dfc49b07}
.verification-note h3{color:var(--warning)}
.reading-link{display:inline-block;color:var(--accent);font-size:13px;margin-top:8px;text-decoration:underline;text-decoration-color:#83b7ff55;text-underline-offset:5px}
.reading-link:hover{text-decoration-color:var(--accent)}
.boundary-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 32px;border:1px solid #3a4c68;border-radius:10px;overflow:hidden;background:#111b2b}
.boundary-flow>div{position:relative;padding:21px 18px 18px}
.boundary-flow>div+div{border-left:1px solid #3a4c68}
.boundary-flow>div:nth-child(2){background:#83b7ff08}
.boundary-label{display:block;font-size:11px;color:var(--accent);margin-bottom:14px}
.boundary-flow strong{font-size:14px;line-height:1.5;display:block;max-width:15ch}
.boundary-flow p{font-size:12px;line-height:1.75;margin:10px 0 0}
.reading-definitions{margin:29px 0}
.reading-definitions>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:25px;padding:21px 0;border-top:1px solid var(--line)}
.reading-definitions>div:last-child{border-bottom:1px solid var(--line)}
.reading-definitions dt{font-size:13px;font-weight:500;color:var(--text);padding-top:4px}
.reading-definitions dd{font-size:14px;margin:0}
.reading-footer{padding:40px 0 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.reading-footer .brand img{width:92px;opacity:.85}
.reading-footer nav{display:flex;gap:26px;font-size:12px;color:var(--muted)}
.reading-footer nav a:hover{color:var(--text)}
@media(min-width:1450px){.reading-layout{gap:110px}}
@media(max-width:1100px){.reading-layout{grid-template-columns:190px minmax(0,1fr);gap:50px}.reading-sidebar nav{padding-right:20px}.reading-definitions>div{grid-template-columns:130px minmax(0,1fr);gap:20px}}
@media(max-width:780px){html{scroll-padding-top:72px}.reading-header{width:calc(100% - 40px);height:74px;gap:20px}.reading-header .brand img{width:95px}.reading-header nav{gap:20px;font-size:12px}.reading-header nav>.button{padding:8px 13px;font-size:11px}.reading-layout{display:block;width:calc(100% - 48px)}.reading-sidebar{position:sticky;top:0;z-index:20;display:block;padding:13px 0 12px;height:auto;min-height:0;max-height:none;border-right:0;border-bottom:1px solid var(--line);background:#090d16f5;backdrop-filter:blur(16px)}.sidebar-title,.sidebar-foot{display:none}.reading-sidebar nav{display:flex;gap:5px;padding:0 0 4px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.reading-sidebar nav a{flex:none;padding:8px 12px;white-space:nowrap;font-size:11px}.reading-sidebar nav a.active::before{top:auto;bottom:2px;left:12px;right:12px;width:auto;height:1px}.reading-main{padding-top:45px}.reading-intro{padding-bottom:42px}.reading-intro h1{font-size:57px}.reading-intro>p:last-child{font-size:16px;line-height:1.8}.reading-kicker{font-size:12px;margin-bottom:21px}.reading-section{padding:39px 0 40px;scroll-margin-top:0}.reading-section h2{font-size:29px;margin-bottom:21px}.reading-section p,.reading-section li{font-size:14px}.reading-note{padding:19px 21px}.reading-note p{font-size:12px}.reading-note h3{font-size:14px}.boundary-flow>div{padding:18px 14px}.boundary-flow strong{font-size:12px}.boundary-flow p{font-size:11px}.reading-footer{padding:31px 0 35px}}
@media(max-width:460px){.reading-header nav{gap:17px}.reading-header nav>a:not(.button){display:none}.reading-intro h1{font-size:47px;letter-spacing:-2.7px}.reading-section h2{font-size:28px}.reading-section h3{font-size:17px}.reading-intro>p:last-child{font-size:15px}.boundary-flow{display:block}.boundary-flow>div{padding:20px}.boundary-flow>div+div{border-left:0;border-top:1px solid #3a4c68}.boundary-label{margin-bottom:8px}.boundary-flow strong{max-width:none;font-size:14px}.boundary-flow p{font-size:12px;margin-top:7px}.reading-definitions>div{display:block;padding:19px 0}.reading-definitions dt{padding:0;margin-bottom:8px}.reading-definitions dd{font-size:13px;line-height:1.85}.reading-note{margin:24px 0}.reading-footer nav{gap:20px;font-size:11px}}
