/* Layout contract: 1440 → x358 / w868; 1920 → w1040 (capped). */
/* Keep the paper flush with the viewport without the source page's gray scrollbar gutter. */
html, body { scrollbar-width:none; }
html::-webkit-scrollbar, body::-webkit-scrollbar { width:0; height:0; display:none; }
:root { --case-width:clamp(868px,calc(35.833333vw + 352px),1040px); --case-left:calc(var(--sidebar-w) + (100vw - var(--sidebar-w) - var(--case-width)) * .3059585492); }
.page-shell .hero { width:var(--case-width); margin-left:var(--case-left); padding-top:182px; padding-bottom:18px; }
.hero .hero-heading { gap:18px; }
.hero h1 { margin:0; font:600 40px/44px "PingFang SC",sans-serif; letter-spacing:-1.6px; }
.role-tags { display:flex; flex-wrap:wrap; gap:10px; }
.role-tags span { display:flex; align-items:center; height:30.398px; padding:4px 8px; border:1px solid rgba(25,22,24,.3); border-radius:100px; font:400 12.845px/22.4px Inter,sans-serif; color:rgba(25,22,24,.9); white-space:nowrap; }
.role-tags span:first-child { width:121.516px; }
.paper-content { position:relative; margin-left:var(--sidebar-w); overflow:clip; height:var(--scaled-height,8000px); }
.paper-section-backgrounds { position:absolute; inset:0; pointer-events:none; z-index:0; background:white; }
#work2-frame { z-index:1; width:var(--frame-width,1440px)!important; }
#work2-frame { position:absolute; top:0; left:var(--frame-left,0px); width:1440px; max-width:none; height:var(--source-height,10000px); border:0; transform:scale(var(--content-scale,1)); transform-origin:top left; display:block; }
.paper-content [id] { scroll-margin-top:100px; }
.toc button { line-height:20px; }
.toc .back-button { line-height:normal; }
.toc nav { margin:0; }
@media (min-width:768px) and (max-width:1279.98px) {
 :root { --sidebar-w:220px; --case-width:calc(100vw - 280px); --case-left:250px; }
 .toc { width:210px; }
 .toc-label { font-size:13px; }
 .toc-number { margin-right:10px; }
}
@media (max-width:767.98px) {
 :root { --sidebar-w:0px; --case-width:calc(100vw - 40px); --case-left:20px; }
 .toc { position:relative; top:auto; left:auto; width:100%; padding:24px 20px 0; }
 .toc .back-button { margin:0 0 20px; }
 .toc nav { display:flex; overflow-x:auto; gap:20px; padding-bottom:8px; }
 .toc-item { flex:none; width:auto; margin:0; height:32px; }
 .toc-line { display:none; }
 .toc-number { margin-right:6px; }
 .toc-item.is-active,.toc-item:hover,.toc-item:focus-visible { transform:none; }
 .page-shell .hero { padding-top:40px; }
 .hero h1 { font-size:30px; line-height:36px; letter-spacing:-1px; }
 .paper-content [id] { scroll-margin-top:24px; }
}

.role-tags span:nth-child(3){width:98.297px;}