/* SCROLL7.COM: the founder's vertical rainbow lettermark. */
.scroll7-logo{display:block;object-fit:contain!important;width:25px!important;height:160px!important;min-width:25px!important;max-width:none!important;max-height:none!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;flex:none!important;padding:0!important;filter:drop-shadow(0 1px 1px #18344c44)}
:is(.app-header,.site-header){min-height:174px!important;height:auto!important;align-items:center!important;gap:14px!important;padding-top:7px!important;padding-bottom:7px!important;overflow:visible!important}
:is(.app-header,.site-header) .brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0;max-width:min(52%,520px);text-decoration:none}
:is(.app-header,.site-header) .brand-copy,:is(.app-header,.site-header) .brand>span{min-width:0;overflow-wrap:anywhere;white-space:normal}
:is(.app-header,.site-header) .brand strong{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;font-size:clamp(14px,1.6vw,22px)!important;line-height:1.2!important}
:is(.app-header,.site-header) .brand small{white-space:normal!important;font-size:10px!important;line-height:1.4!important;letter-spacing:.05em!important}
.game-header .wordmark,.masthead .wordmark{display:flex!important;align-items:center;gap:12px}
.game-header .scroll7-logo,.masthead .scroll7-logo{width:22px!important;min-width:22px!important;height:140px!important}
.game-header .wordmark>span{font-size:clamp(14px,2vw,21px);line-height:1.25}
@media(max-width:680px){
 :is(.app-header,.site-header){min-height:138px!important;gap:8px!important;padding:6px 10px!important;flex-wrap:wrap!important}
 .scroll7-logo{width:20px!important;min-width:20px!important;height:128px!important}
 :is(.app-header,.site-header) .brand{max-width:calc(100% - 8px)!important;flex:1 1 150px!important;gap:8px!important}
 :is(.app-header,.site-header) .brand strong{font-size:14px!important}
 :is(.app-header,.site-header) :is(.seven-seals-button,.nav-gentle-revelations,.bless-button,.header-bless){font-size:11px!important;line-height:1.3!important;min-height:38px!important;white-space:normal!important;padding:8px!important;flex:1 1 120px!important}
 .game-header .scroll7-logo,.masthead .scroll7-logo{height:115px!important;width:18px!important;min-width:18px!important}
}
@media print{.scroll7-logo{height:110px!important;width:18px!important;min-width:18px!important}}

/* Full reader uses a three-column header: keep the brand within its own column. */
.app-header .brand{max-width:100%!important}
@media(max-width:680px){.app-header{display:grid!important;grid-template-columns:1fr 1fr!important}.app-header .brand{grid-column:1 / -1!important}.app-header .nav-gentle-revelations,.app-header .header-bless{width:100%!important;max-width:none!important;justify-self:stretch!important}.site-header .brand{flex-basis:100%!important}}