:root{--reader-height:56px;--reading-offset:0px}
.reader-enabled .site-header{position:sticky;top:0;z-index:40;transition:transform 220ms cubic-bezier(.2,.7,.2,1),visibility 0s;will-change:transform}
.reader-enabled .site-header.reader-header-hidden{transform:translateY(-110%);visibility:hidden;pointer-events:none;transition:transform 220ms cubic-bezier(.2,.7,.2,1),visibility 0s 220ms}
.reading-bar{position:fixed;inset:0 0 auto;z-index:45;height:var(--reader-height);background:#fff;border-bottom:1px solid #dfe4dc;opacity:0;transform:translateY(-110%);visibility:hidden;transition:transform 220ms cubic-bezier(.2,.7,.2,1),opacity 160ms,visibility 0s 220ms} /* taste-skill-ignore: the fixed reading navigation uses a quiet boundary. */
.reading-bar[data-visible=true]{opacity:1;transform:translateY(0);visibility:visible;transition-delay:0s}
.reading-bar-inner{height:100%;max-width:1240px;padding:0 32px;margin:auto;display:flex;align-items:center;gap:15px;color:#253027;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.reader-control{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:#29352d;font:inherit;font-size:13px;line-height:1.5;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color 140ms,color 140ms,transform 120ms}
.reader-control:hover{background:#edf1e9;color:#17231a}.reader-control:active{transform:scale(.96)}.reader-control:focus-visible,.reader-brand:focus-visible,.reader-menu :focus-visible{outline:2px solid #426c43;outline-offset:2px}
.reader-control[hidden],.reader-menu[hidden],.reader-menu [hidden]{display:none!important}
.reader-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.reader-back{padding:0;width:36px;flex:0 0 36px}.reader-brand{color:#202721;font-size:16px;font-weight:700;text-decoration:none;letter-spacing:-.03em;flex-shrink:0}.reader-context{font-size:14px;font-weight:550;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0;flex:1}.reader-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.reader-more{position:relative;flex-shrink:0}.reader-more-toggle{width:36px;padding:0}.reader-menu{position:absolute;right:0;top:calc(100% + 10px);width:220px;max-width:calc(100vw - 32px);padding:7px;border:1px solid #dfe4dc;border-radius:10px;background:#fff;box-shadow:0 10px 28px #1a281a1a;z-index:2} /* taste-skill-ignore: this is an actual navigation popup. */
.reader-menu>button,.reader-menu>a{display:flex;align-items:center;width:100%;min-height:42px;padding:10px 12px;border:0;border-radius:5px;background:none;text-align:left;color:#28372c;font:inherit;font-size:14px;text-decoration:none;cursor:pointer}.reader-menu>button:hover,.reader-menu>a:hover{background:#f0f3ed}
.reader-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom));z-index:38;width:44px;height:44px;padding:0;border:1px solid #d4dcd1;border-radius:10px;background:#fff;box-shadow:0 4px 16px #1a281a14;opacity:0;transform:translateY(6px);visibility:hidden;transition:opacity 160ms,transform 160ms,background-color 140ms,visibility 0s 160ms}.reader-top[data-visible=true]{opacity:1;transform:none;visibility:visible;transition-delay:0s}.reader-top>.ui-icon{width:20px;height:20px} /* taste-skill-ignore: a floating utility control may use a boundary and shadow. */
.reader-enabled .detail-page [id]{scroll-margin-top:calc(var(--reader-height) + 20px)}
.reader-enabled .reading-rail{top:calc(var(--reading-offset) + 24px);transition:top 220ms cubic-bezier(.2,.7,.2,1)}
.reader-enabled .sidebar-sticky{top:calc(var(--reading-offset) + 23px);transition:top 220ms cubic-bezier(.2,.7,.2,1)}
.reader-enabled .post-disclosure-summary,.reader-enabled .case-list-row{transition:background-color 140ms}.reader-enabled .disclosure-button>.ui-icon:last-child,.reader-enabled .case-list-more>summary>.ui-icon{transition:transform 160ms}
.reader-arrival{animation:reader-arrival 700ms ease-out}@keyframes reader-arrival{from{background-color:#e5eddf}to{background-color:#fff}}
@media(max-width:700px){:root{--reader-height:52px}.reading-bar-inner{padding:0 16px;gap:10px}.reader-back,.reader-more-toggle{width:40px;min-height:44px;flex-basis:40px}.reader-brand,.reader-actions{display:none}.reader-context{font-size:13px}.reader-top{right:16px;bottom:calc(18px + env(safe-area-inset-bottom))}.reader-menu{top:calc(100% + 5px)}.reader-enabled .reading-rail{position:static;transition:none}}
@media(max-width:650px){.reader-enabled .shell.menu-open .sidebar{position:fixed;top:var(--reading-offset);z-index:42;max-height:calc(100dvh - var(--reading-offset) - 16px);overflow:auto}.reader-enabled .sidebar-sticky{transition:none}}
@media(prefers-reduced-motion:reduce){.reader-enabled .site-header,.reading-bar,.reader-control,.reader-top,.reader-enabled .reading-rail,.reader-enabled .sidebar-sticky,.reader-enabled .post-disclosure-summary,.reader-enabled .disclosure-button>.ui-icon:last-child,.reader-enabled .case-list-row,.reader-enabled .case-list-more>summary>.ui-icon{transition:none!important}.reader-arrival{animation:none}.reader-control:active{transform:none}}
