/* Hanseby frame around the read-along pages (7.AudioBook_Norsk_Master / 8.AudioBook_Eng_Master). */
:root{--bg:#f2eadc;--accent:#6e1f14;--on-accent:#fbfaf6}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#f2eadc;--panel:#F6F1E6;--ink:#1F1A14;--muted:#6B5F50;--line:#CDC1AB;--accent:#6e1f14;--on-accent:#fbfaf6}}
main>h1{text-align:center;font-weight:400}
main>.sub,main>details{display:none!important}
.hbr-bar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:8px clamp(14px,3vw,36px);background:rgba(242,234,220,.95);border-bottom:1px solid #d8ccba;font-family:"EB Garamond",Georgia,serif}
.hbr-back{justify-self:start;display:inline-flex;align-items:center;gap:8px;color:#15110d;text-decoration:none;font-size:18px;min-height:44px}
.hbr-back img{height:18px;width:auto}
.hbr-title{font-size:20px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hbr-mode{justify-self:end;display:inline-flex;border:1.5px solid #15110d}
.hbr-mode button{font:500 16px/1 "EB Garamond",Georgia,serif;background:transparent;color:#15110d;border:0;padding:0 14px;min-height:40px;cursor:pointer}
.hbr-mode button[aria-pressed="true"]{background:#15110d;color:#fbfaf6}
.hbr-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:1360px;margin:4px auto 28px;padding:0 clamp(14px,3vw,36px);font-family:"EB Garamond",Georgia,serif}
.hbr-nav a,.hbr-nav span.dis{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border:1.5px solid #15110d;color:#15110d;text-decoration:none;font-size:18px}
.hbr-nav a:hover{background:#15110d;color:#fbfaf6}
.hbr-nav span.dis{opacity:.35}
.hbr-nav .count{font-size:18px;color:#54483c;border:0;padding:0}
.hbr-nav a.lock{background:#6e1f14;border-color:#6e1f14;color:#fbfaf6}
.hbr-read .k,.hbr-read .rw{--p:100!important}
.hbr-read .bar{display:none!important}
:focus-visible{outline:2px solid #15110d;outline-offset:3px}
@media (max-width:640px){.hbr-title{display:none}.hbr-bar{grid-template-columns:1fr auto}.hbr-back span{display:none}}
/* Home-page iPad demo */
body.hbr-embed{background:#17110c;overflow:hidden}
.hbr-embed main{padding:0;max-width:none;margin:0}
.hbr-embed main>h1,.hbr-embed .bar,.hbr-embed .hot{display:none!important}
.hbr-embed .stage{border-radius:0;box-shadow:none}
.hbr-embed .w{cursor:default;pointer-events:none}