/* Two compact frames inside each chapter. Effects never change layout or intercept taps. */
[data-study-page-hidden]{display:none!important}
.chapter-swipe{touch-action:pan-y;overscroll-behavior-x:contain}
.study-group{--study-accent:#419bb5;--study-light:#bceeff;--study-paper:#effbff;position:relative;border:2px solid var(--study-accent);border-radius:15px;background:var(--study-paper);box-shadow:0 3px 0 #2b1d1424,inset 0 0 0 2px #ffffffb3;margin:8px 0;padding:0 8px 8px;isolation:isolate}
.study-group.study-practice{--study-accent:#c58a28;--study-light:#ffe3a1;--study-paper:#fff8e9}
.study-group:before{content:"";position:absolute;inset:-2px;border:2px solid var(--study-light);border-radius:inherit;pointer-events:none;animation:study-glow 4s ease-in-out infinite;z-index:-1}
.study-practice:before{border-style:dashed;animation-delay:-2s}
.study-toggle{display:flex;align-items:center;gap:7px;width:100%;min-height:44px;border:0;border-radius:11px;background:transparent;padding:5px 2px;text-align:left;color:var(--ink);cursor:pointer;font:700 15px/1.3 var(--f-body)}
.study-toggle .study-symbol{display:grid;place-items:center;width:26px;height:26px;border:2px solid var(--study-accent);border-radius:9px;background:var(--study-light);font-size:19px;flex:none}
.study-toggle .study-count{font-size:12px;font-weight:600;color:#675a48}
.study-toggle .study-fold{margin-left:auto;font-size:12px;white-space:nowrap;color:#574938}
.study-group.is-collapsed{padding-bottom:0}
.study-content{min-width:0}
#shelf .paged .study-content.chapter-tasks{padding:4px 0 2px;gap:10px 8px}
#shelf .paged .study-group .lib-row{background:#ffffffdf}
#shelf .paged .study-learn .lib-row{border-color:#416b76}
#shelf .paged .study-practice .lib-row{border-color:#806238}
.focus-paged .fx-study-items{display:grid;gap:7px;min-width:0}
.focus-paged .fx-study-items .fx-sec{margin:0;padding:6px 8px;border:1px solid var(--study-accent);border-radius:10px;background:#ffffffd9;min-width:0}
.focus-paged .fx-study-items .fx-st{min-width:0;width:100%}
.focus-paged .fx-study-items .fx-st>b{font-size:15px;line-height:1.3}
.focus-paged .fx-study-items .fx-btns{margin-top:4px;gap:6px;flex-wrap:wrap}
.focus-paged .fx-study-items .fx-go{min-height:44px;padding:5px 9px;font-size:14px;max-width:100%}
.focus-paged .fx-secs{display:block;padding:0 4px 8px;min-width:0}
.focus-paged .study-group:before{inset:0;border-radius:inherit}
.focus-paged .study-extra{display:block;padding:0;border:0;background:transparent}
.focus-paged .focus-chapter-navigation{margin:6px 0}
.focus-paged .fx-uhead:disabled{opacity:1}
@keyframes study-glow{0%,100%{box-shadow:0 0 0 0 transparent;opacity:.55}50%{box-shadow:0 0 8px 1px var(--study-light);opacity:1}}
@media(prefers-reduced-motion:reduce){.study-group:before{animation:none;opacity:.8}}
@media(max-width:600px){.study-group{padding-left:6px;padding-right:6px;margin:6px 0}.study-toggle{font-size:14px;gap:5px}.study-toggle .study-count{font-size:11px}.study-toggle .study-fold{font-size:11px}.fit-pages span{max-width:46%;font-size:11px;line-height:1.35}}

/* Keep the moving page inside the catalogue and block taps during its short transition. */
#shelf .library.paged,.fx-card.focus-paged{overflow:hidden}
.fx-card.focus-paged.page-overflow .fx-body{overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.chapter-turning{pointer-events:none;will-change:transform,opacity}
