/* Base sidebar; the Patreon presentation may override its palette and spacing. */
body.br-sidebar-enabled{--br-sidebar-width:72px;--br-sidebar-offset:0px}
body.br-sidebar-enabled.admin-bar{--br-sidebar-offset:32px}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"]{position:fixed;left:0;top:var(--br-sidebar-offset);bottom:0;width:var(--br-sidebar-width);box-sizing:border-box;display:flex;align-items:center;flex-direction:column;gap:10px;padding:20px 0 22px;z-index:80;background:var(--br-page,#f8f8f8);color:var(--br-ink,#151515);font-family:inherit}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] a,body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] button{box-sizing:border-box;flex-shrink:0;width:44px;height:44px;min-height:44px;padding:11px;display:flex;align-items:center;justify-content:center;position:relative;border:0;border-radius:12px;background:transparent;color:var(--br-muted,#686868);box-shadow:none;text-decoration:none;cursor:pointer;font:inherit}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] [hidden]{display:none!important}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] .br-rail-brand{padding:3px;margin-bottom:16px}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] .br-rail-brand img{width:38px;height:38px;object-fit:cover;border-radius:50%}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] :is(a:hover,button:hover,a[aria-current="page"]){background:var(--br-hover,#eee);color:var(--br-ink,#151515)}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] svg{width:22px;height:22px;fill:none!important;stroke:currentColor!important;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] svg *{pointer-events:none}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] .br-rail-bottom{margin-top:auto;display:flex;flex-shrink:0;flex-direction:column;gap:10px}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"].br-sidebar-overflow{overflow-y:auto;overflow-x:hidden}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"].br-sidebar-overflow .br-rail-label{display:none!important}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] .br-rail-label{position:absolute;left:52px;white-space:nowrap;padding:7px 10px;border:1px solid var(--br-line,#ddd);border-radius:7px;background:var(--br-bg,#fff);color:var(--br-ink,#151515);box-shadow:0 4px 18px #0001;font-size:12px;font-weight:600;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] :is(a:hover,a:focus-visible,button:hover,button:focus-visible) .br-rail-label{opacity:1;visibility:visible}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] :is(a,button):focus-visible{outline:2px solid var(--br-ink,#151515);outline-offset:3px}
.br-mobile-primary{display:none}
/* Desktop switches only. The rail offset and menu deduplication are structural. */
@media(min-width:768px){
 body.br-sidebar-enabled.br-desktop-frame:not(.br-ui){background:var(--br-page,#f8f8f8)}
 body.br-sidebar-enabled.br-desktop-frame:not(.br-ui) #main-container{margin:8px 10px;min-height:calc(100vh - 16px);border:1px solid var(--br-line,#e5e5e5);border-radius:12px;background:var(--br-bg,#fff);isolation:isolate}
 body.br-sidebar-enabled.br-sidebar-rendered:not(.br-ui) #main-container{margin-left:var(--br-sidebar-width)}
 body.br-sidebar-enabled.br-desktop-frame:not(.br-ui) #header{border-radius:12px 12px 0 0}
 body.br-sidebar-enabled.br-desktop-frame:not(.br-ui) #footer{border-radius:0 0 12px 12px}
 body.br-sidebar-rendered:not(.br-ui) #header-menu-1 .br-utility-item{display:none!important}
}
/* Blocksy's fluid header uses the viewport width; keep it inside the space beside the rail. */
@media(min-width:768px){body.br-sidebar-rendered.br-desktop-header:not(.br-ui) #header [data-column-set]>.ct-container-fluid{max-width:100%}}
/* Keep the visitor's fixed desktop header inside the existing frame. */
@media(min-width:768px){
 body.br-sidebar-rendered.br-desktop-header:not(.logged-in):not(.br-ui) #header [data-device="desktop"] [data-sticky]{left:var(--br-sidebar-width);right:0;top:0;width:auto}
 body.br-sidebar-rendered.br-desktop-header.br-desktop-frame:not(.logged-in):not(.br-ui) #header [data-device="desktop"] [data-sticky]{left:calc(var(--br-sidebar-width) + 1px);right:11px;top:9px}
 /* Mask the outer frame gap while the visitor header is fixed. */
 body.br-sidebar-rendered.br-desktop-header.br-desktop-frame:not(.logged-in):not(.br-ui) #header [data-device="desktop"] [data-sticky]::before{content:"";position:absolute;left:0;right:0;top:-9px;height:22px;z-index:-1;background:var(--br-page,#f8f8f8);pointer-events:none}
 body.br-sidebar-rendered.br-desktop-header.br-desktop-frame:not(.logged-in):not(.br-ui) #header [data-device="desktop"] [data-sticky] [data-row="top"]{border-radius:11px 11px 0 0}
}
@media(max-width:767px){body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"]{display:none!important}body.br-sidebar-enabled .br-mobile-appearance[data-br-sidebar-control]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-height:40px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--br-ink,inherit);box-shadow:none;cursor:pointer}body.br-sidebar-enabled .br-mobile-appearance[data-br-sidebar-control] svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;pointer-events:none}}
@media(max-width:767px){
 html.br-dark body.br-sidebar-enabled #offcanvas [data-id="button"] :is(.ct-button,.ct-button-ghost){background:#f5f5f5!important;color:#151515!important;border-color:#f5f5f5!important}
 html.br-dark body.br-sidebar-enabled #offcanvas [data-id="button"] :is(.ct-button,.ct-button-ghost):hover{background:#ddd!important;color:#151515!important;border-color:#ddd!important}
 html.br-dark body.br-sidebar-enabled #offcanvas [data-id="button"] :is(.ct-button,.ct-button-ghost) *{color:inherit!important}
}
/* Compact mobile header and the authorized primary pages beneath it. */
@media(max-width:767px){
 body.br-sidebar-rendered:not(.br-ui) #header [data-device="mobile"] [data-row="middle"] [data-column="start"] .site-branding[data-id="logo"]{display:none}
 body.br-sidebar-rendered:not(.br-ui) #header [data-device="mobile"] [data-row="middle"]>.ct-container{grid-template-columns:auto minmax(0,1fr)}
 body.br-sidebar-rendered:not(.br-ui) #header [data-device="mobile"] [data-row="middle"] [data-column="end"]{width:100%;min-width:0}
 body.br-sidebar-rendered:not(.br-ui) #header [data-device="mobile"] [data-row="middle"] [data-column="end"]>[data-items="primary"]{display:flex;width:100%;flex-direction:row-reverse;justify-content:space-between;align-items:center}
 body.br-sidebar-rendered:not(.br-ui) #header [data-device="mobile"] .ct-header-trigger .ct-label{display:none}
 body.br-sidebar-rendered:not(.br-ui) #header [data-device="mobile"] [data-row="bottom"]:has([data-items]>[data-id="socials"]):not(:has([data-items]>[data-id]:not([data-id="socials"]))){display:none}
 body.br-sidebar-enabled:not(.br-ui) .br-mobile-primary{display:flex;align-items:stretch;gap:24px;max-width:100%;min-width:0;padding:0 16px;overflow-x:auto;overscroll-behavior-x:contain;background:var(--br-bg,#fff);border-bottom:1px solid var(--br-line,#e5e5e5);-webkit-overflow-scrolling:touch;scrollbar-width:thin}
 body.br-sidebar-enabled:not(.br-ui) .br-mobile-primary a{position:relative;flex:0 0 auto;display:flex;align-items:center;min-height:44px;color:var(--br-ink,#151515);font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;white-space:nowrap}
 body.br-sidebar-enabled:not(.br-ui) .br-mobile-primary a[aria-current="page"]{box-shadow:inset 0 -2px currentColor}
 body.br-sidebar-enabled:not(.br-ui) .br-mobile-primary a:focus-visible{outline:2px solid currentColor;outline-offset:-3px}
}
@media(min-width:768px){body.br-sidebar-enabled .br-mobile-appearance[data-br-sidebar-control]{display:none!important}}
@media(prefers-reduced-motion:reduce){body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] .br-rail-label{transition:none}}
body.br-sidebar-enabled .br-rail[data-br-sidebar="plugin"] img.br-custom-icon{width:22px;height:22px;max-width:22px;max-height:22px;object-fit:contain;filter:none!important;pointer-events:none}