book-preview{display:block}.book-sample{border-block:1px solid var(--line,#ccc)}.book-sample p{max-width:65ch}.br-open,.br-dialog button,.br-dialog select{font:inherit;border:1px solid currentColor;border-radius:3px;min-height:44px;padding:8px 14px;background:transparent;color:inherit;cursor:pointer}.br-open{background:var(--ink,#272421);color:var(--paper,#fff);margin-block:12px}.br-dialog{box-sizing:border-box;width:min(1440px,98vw);height:96dvh;max-width:98vw;max-height:98dvh;padding:0;border:1px solid #aca79f;border-radius:6px;color:var(--ink,#272421);background:var(--paper,#f5f3ef);overflow:hidden;font:16px/1.4 'IBM Plex Sans',Arial,sans-serif}.br-dialog[open]{display:flex;flex-direction:column}.br-dialog::backdrop{background:rgb(20 18 16 / .8)}.br-dialog:fullscreen{width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:0}.br-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid var(--line,#ccc7bf);flex-shrink:0}.br-header h2{font:500 clamp(20px,3vw,28px)/1.2 'IBM Plex Sans',Arial,sans-serif;margin:0}.br-header p{font-size:13px;margin:4px 0 0}.br-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 20px;flex-shrink:0}.br-toolbar label{display:flex;align-items:center;gap:6px}.br-dialog select{background:#fff;padding:6px;max-width:175px}.br-dialog button:disabled{opacity:.45;cursor:default}.br-dialog :focus-visible,.br-open:focus-visible{outline:3px solid var(--accent,#175ba0);outline-offset:3px}.br-help{font-size:13px;padding:0 20px;margin:0 0 8px;flex-shrink:0}.br-viewport{flex:1;min-height:160px;overflow:auto;background:var(--soft,#ddd8cf);overscroll-behavior:contain}.br-surface{height:100%;min-width:100%;width:max-content;display:flex;align-items:safe center;justify-content:safe center}.br-surface:has(.br-book){width:100%;overflow:hidden}.br-book{width:100%;height:100%;min-width:0!important;min-height:0!important}.br-book .stf__parent{min-width:0!important}.br-still{display:block;max-width:none!important;height:auto;flex:none;margin:12px;box-shadow:0 3px 18px #0002}.br-nav{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 20px;flex-shrink:0}.br-nav p{font-size:14px;text-align:center;margin:0;min-width:160px}.br-credits{font-size:12px;padding:0 20px 10px;flex-shrink:0;max-height:24dvh;overflow:auto}.br-credits summary{cursor:pointer;padding:5px 0}.br-credits p{margin:6px 0;max-width:100ch}.br-linear{max-width:1100px;margin:auto;padding:24px;font:18px/1.6 'IBM Plex Sans',Arial,sans-serif}.br-linear img{display:block;width:min(100%,700px);height:auto;margin:auto}.br-linear figure{margin:40px 0}.br-linear h1{line-height:1.15}.br-linear a{color:inherit}.br-linear figcaption{text-align:center}.br-linear details{margin:20px 0}.br-linear .br-pages{list-style:none;padding:0}.br-linear .br-pages li{border-top:1px solid #ccc}
@media(max-width:650px){.br-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}.br-header{padding:10px 12px;gap:8px}.br-header p{max-width:220px}.br-toolbar{padding:8px 12px;gap:6px;font-size:13px}.br-dialog select{max-width:145px}.br-help{padding-inline:12px;font-size:12px}.br-nav{gap:8px;padding:8px}.br-nav button{padding:8px}.br-nav p{font-size:12px;min-width:100px}.br-credits{padding-inline:12px}.br-linear{padding:16px}.br-open{width:100%;max-width:350px}}
@media(prefers-reduced-motion:reduce){.br-dialog *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


.br-cover-entry{display:inline-block;margin-top:8px;min-height:44px;padding:10px 0}
a[data-book-open]{cursor:pointer}
.br-dialog[open] .br-surface{animation:br-opening .3s ease-out both}
@keyframes br-opening{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:650px){
 .br-header{padding-top:max(10px,env(safe-area-inset-top))}
 .br-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
 .br-toolbar label{display:grid;min-width:0}
 .br-dialog select{width:100%;max-width:none}
 .br-toolbar [data-fullscreen]{grid-column:1/-1}
 .br-credits{padding-bottom:max(10px,env(safe-area-inset-bottom))}
}
@media(max-height:560px){
 .br-header p,.br-help,.br-toolbar [data-fullscreen]{display:none}
 .br-viewport{min-height:80px}
 .br-credits{max-height:80px}
}