/* 3D FlipBook issue pages (inc/flipbook-ads.php v2). The stage is untouched; no text below the book. */
.ca-fb-main{display:block}
.ca-fb-stage{position:relative} /* no overflow/transform here: the plugin's .fullscreen (position:fixed; z-index:500001) must keep escaping */
.ca-fb-stage:focus{outline:none}
.ca-fb-ads{margin:0;padding:0}

/* Side rails: fixed, touching the viewport edges. Only inserted (by JS) at >=768px; the book is padded so they never overlap it. */
.ca-fb-rail{position:fixed;top:50%;transform:translateY(-50%);z-index:30;width:120px;max-height:100vh;min-height:250px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ca-fb-rail-l{left:0}
.ca-fb-rail-r{right:0}
html.ca-fb-rails .ca-fb-stage{padding-inline:128px}
@media(min-width:1280px){
	.ca-fb-rail{width:160px}
	html.ca-fb-rails .ca-fb-stage{padding-inline:168px}
}
@media(max-width:767px){.ca-fb-rail{display:none!important}html.ca-fb-rails .ca-fb-stage{padding-inline:0}}

/* Full-screen entry ad (Careerdle pattern): shown only while html.ca-fbm-on (set by inline JS, so no-JS = straight to the book). */
html.ca-fbm-on,html.ca-fbm-on body{overflow:hidden}
.ca-fbm{display:none;position:fixed;inset:0;z-index:100002;background:#fff;flex-direction:column}
html.ca-fbm-on .ca-fbm{display:flex}
.ca-fbm-top{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid #eee}
.ca-fbm-label{font:600 12px/1.2 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#888}
.ca-fbm-skip{padding:10px 22px;border:0;border-radius:6px;background:#111;color:#fff;font:700 15px/1 system-ui,sans-serif;cursor:pointer;min-width:120px}
.ca-fbm-skip:disabled{opacity:.5;cursor:default}
.ca-fbm-body{flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto}
.ca-fbm-slot{width:100%;max-width:970px;min-height:250px;display:flex;align-items:center;justify-content:center}