.article-floating-cta .reader-now,.article-floating-cta .reader-ask{display:none}@media(max-width:767px){:is(#jjb-hero-forge,[data-jjb-editorial]) .article-floating-cta.has-reader{left:12px;right:12px;width:auto;max-width:none;transform:none;align-items:center;gap:4px;padding:4px 4px 4px 6px;background:var(--jjb-surface);border:1px solid var(--jjb-border);border-radius:var(--jjb-radius-pill);box-shadow:var(--jjb-shadow-soft)}:is(#jjb-hero-forge,[data-jjb-editorial]) .article-floating-cta.has-reader :is(.cta-close,.dock-brand,.dock-copy){display:none}:is(#jjb-hero-forge,[data-jjb-editorial]) .article-floating-cta.has-reader .jjb-btn{flex:none;min-height:44px;height:44px;padding-inline:14px;white-space:nowrap;border-radius:var(--jjb-radius-pill);box-shadow:none}.article-floating-cta .reader-now{flex:1;min-width:0;height:44px;padding:0 6px;display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--jjb-text-primary);text-align:left;cursor:pointer;border-radius:var(--jjb-radius-pill)}.article-floating-cta .reader-ask{flex:none;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--jjb-text-primary);cursor:pointer;border-radius:50%}.article-floating-cta .reader-ask[hidden]{display:none}.article-floating-cta .reader-ask svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.article-floating-cta :is(.reader-now,.reader-ask):focus-visible{outline:2px solid var(--jjb-focus);outline-offset:-2px}.reader-ring{position:relative;flex:none;width:32px;height:32px}.reader-ring svg{width:100%;height:100%;display:block;transform:rotate(-90deg);fill:none;stroke:var(--jjb-border);stroke-width:3}.reader-ring .reader-ring-bar{stroke:var(--jjb-brand-500, #ff5a11);stroke-linecap:round}.reader-ring i{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;font-style:normal;line-height:1}.reader-copy{min-width:0;display:block;font-size:13px;line-height:1.2}.reader-copy small{display:block;font-size:11px;color:var(--jjb-text-tertiary);white-space:nowrap}.reader-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(max-width:359px){:is(#jjb-hero-forge,[data-jjb-editorial]) .article-floating-cta.has-reader{gap:2px}:is(#jjb-hero-forge,[data-jjb-editorial]) .article-floating-cta.has-reader .jjb-btn{padding-inline:10px}.article-floating-cta .reader-now{gap:6px;padding:0 4px}.reader-ring{width:28px;height:28px}}@media(max-width:339px){.reader-ring{display:none}}.reader-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:72dvh;margin:0;padding:0;border:0;border-radius:20px 20px 0 0;background:var(--jjb-surface);color:var(--jjb-text-primary);overflow:hidden}.reader-sheet[open]{display:flex;flex-direction:column}.reader-sheet::backdrop{background:#00000073}.reader-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:12px 8px 8px 20px;flex:none}.reader-sheet-title{margin:0;font-size:24px;line-height:1.2}.reader-sheet-close{width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:inherit;cursor:pointer}.reader-sheet-close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.reader-sheet-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 20px calc(16px + env(safe-area-inset-bottom,0px))}.reader-sheet-body .toc-list{display:block;max-height:none;overflow:visible;padding:0}.reader-sheet-body .toc-list a{display:flex;gap:12px;align-items:center;min-height:46px;border-bottom:1px solid var(--jjb-border);color:var(--jjb-text-secondary);text-decoration:none}.reader-sheet-body .toc-list a:last-child{border-bottom:0}.reader-sheet-body .toc-list a[aria-current]{color:var(--jjb-brand-500, #ff5a11);font-weight:600;background:none}.reader-sheet-body .article-ai{margin:0;padding:0;background:none;border:0;max-width:none}.reader-sheet-body .article-ai .variant-title{display:none}html.reader-sheet-open{overflow:hidden}@media(prefers-reduced-motion:no-preference){.reader-sheet[open]{animation:reader-sheet-up .28s cubic-bezier(.2,.7,.2,1)}@keyframes reader-sheet-up{0%{transform:translateY(100%)}to{transform:none}}}@media print{.reader-sheet{display:none}}
/*# sourceMappingURL=/cdn/shop/t/288/assets/jjb-reader-dock.css.map */
