/* Fixed readable UI sizes; viewport width changes the layout, never page zoom. */
body.by-system-layout{--by-ui:1px;--by-aura-inset:24px}
html body.by-system-layout .card-started .profile::after{
 background-image:image-set(url('/wp-content/uploads/by-profile/by-bside-v12-logo-256.png') 1x,url('/wp-content/uploads/by-profile/by-bside-v12-logo-512.png') 2x,url('/wp-content/uploads/by-profile/by-bside-v12-logo-1024.png') 3x)
}
.by-logo-aura{left:calc(var(--by-logo-left) - var(--by-aura-inset));top:calc(var(--by-logo-top) - var(--by-aura-inset));width:calc(var(--by-logo-size) + var(--by-aura-inset)*2);height:calc(var(--by-logo-size) + var(--by-aura-inset)*2)}
.by-content,.by-post-info,.by-case>div{min-width:0;overflow-wrap:break-word}
.by-content img{max-width:100%;height:auto}
.by-prose pre{max-width:100%;overflow-x:auto}
.by-prose p{font-size:inherit!important}
.by-blog-filters{flex-wrap:wrap;row-gap:3px}

@media(min-width:1121px){
 body.by-system-layout{--by-ui:1px;--by-aura-inset:20px;--by-cyber-divider:polygon(0 0,85px 0,90px 5px,100% 5px,100% 6px,85px 6px,80px 8px,0 8px)}
 html body.by-system-layout .page_wrap{padding:clamp(24px,4dvh,90px) 0 calc(56*var(--by-ui))!important;min-height:100dvh;height:auto!important}
 html body.by-system-layout .page .container.opened{width:calc(100% - 104*var(--by-ui))!important;max-width:calc(1480*var(--by-ui))!important;height:min(calc(100dvh - 76*var(--by-ui)),calc(800*var(--by-ui)))!important;max-height:none!important;min-height:min(560px,calc(100dvh - 88px))!important;margin-inline:auto!important}
 html body.by-system-layout .page .container.opened .header{left:calc(-38*var(--by-ui))!important;top:calc(30*var(--by-ui))!important;width:calc(72*var(--by-ui))!important}
 html body.by-system-layout .page .container.opened .card-inner{top:calc(30*var(--by-ui))!important;height:calc(100% - 60*var(--by-ui))!important;min-width:0}
 html body.by-system-layout .container.layout-futurism-style .card-started,html body.by-system-layout .container.layout-futurism-style .header{perspective:calc(480*var(--by-ui))!important}
 html body.by-system-layout .card-started .profile{--by-logo-size:calc(96*var(--by-ui));--by-logo-top:calc(18*var(--by-ui));--by-logo-left:calc(68*var(--by-ui))}
 html body.by-system-layout .card-started .profile .image{--by-avatar-size:calc(144*var(--by-ui));width:var(--by-avatar-size)!important;height:var(--by-avatar-size)!important;top:calc(44% + 70*var(--by-ui) - var(--by-avatar-size))}
 html body.by-system-layout .card-started .profile .image img{width:var(--by-avatar-size)!important;height:var(--by-avatar-size)!important;padding:calc(9*var(--by-ui)) calc(5*var(--by-ui)) 0}
 html body.by-system-layout .card-started .profile .title{top:calc(44% + 83*var(--by-ui));font-size:calc(28*var(--by-ui))!important;line-height:1.2}
 html body.by-system-layout .card-started .profile .subtitle{top:calc(44% + 123*var(--by-ui));font-size:calc(16*var(--by-ui))!important;min-height:calc(24*var(--by-ui));padding-inline:calc(8*var(--by-ui))}
 html body.by-system-layout .card-started .profile .social{top:calc(44% + 165*var(--by-ui))}
 html body.by-system-layout .card-started .profile .social a{width:calc(40*var(--by-ui));height:calc(40*var(--by-ui));line-height:calc(40*var(--by-ui));font-size:calc(18*var(--by-ui))!important}
 html body.by-system-layout .card-started .profile .social a span{font-size:inherit!important}
 html body.by-system-layout .card-started .profile .r-description{left:calc(24*var(--by-ui));right:calc(24*var(--by-ui));top:calc(44% + 216*var(--by-ui));bottom:calc(84*var(--by-ui))}
 .by-profile-summary p{font-size:calc(13*var(--by-ui))}.by-profile-skills{gap:calc(6*var(--by-ui));margin-top:calc(12*var(--by-ui))!important}.by-profile-skills li{font-size:calc(11*var(--by-ui));padding:calc(5*var(--by-ui)) calc(8*var(--by-ui))}
 html body.by-system-layout .card-started .profile .lnks{height:calc(70*var(--by-ui))}
 html body.by-system-layout .card-started .profile .lnks .lnk{gap:calc(12*var(--by-ui))}
 html body.by-system-layout .card-started .profile .lnks .lnk .text{font-size:calc(14*var(--by-ui))}
 html body.by-system-layout .card-started .profile .lnks .lnk .ion{font-size:calc(22*var(--by-ui))}
 html body.by-system-layout .card-started .profile .lnks::before{height:calc(8*var(--by-ui));top:calc(-5*var(--by-ui))}
 html body.by-system-layout .header .top-menu ul li a{padding:calc(17*var(--by-ui)) 2px}
 html body.by-system-layout .header .top-menu ul li a .icon{display:block;height:auto;font-size:calc(22*var(--by-ui));line-height:1.25;margin-bottom:calc(4*var(--by-ui))}
 html body.by-system-layout .top-menu a .link{font-size:calc(9*var(--by-ui))!important;line-height:1.5}
 html body.by-system-layout .by-content{padding:calc(36*var(--by-ui)) calc(38*var(--by-ui))!important;font-size:calc(16*var(--by-ui));line-height:1.8}
 .by-content h1{font-size:calc(43*var(--by-ui));margin:calc(18*var(--by-ui)) 0 calc(22*var(--by-ui))}
 .by-content h2,.by-section-title{font-size:calc(28*var(--by-ui));margin:calc(35*var(--by-ui)) 0 calc(22*var(--by-ui))}
 .by-content h3{font-size:calc(19*var(--by-ui))}.by-content p{margin-bottom:calc(20*var(--by-ui))}.by-content>p,.by-prose p{font-size:inherit!important}.by-content>.by-lead{font-size:calc(17*var(--by-ui))!important}
 .by-eyebrow,.by-kicker{font-size:calc(10*var(--by-ui))}.by-eyebrow{padding-left:calc(18*var(--by-ui))}.by-eyebrow:before{width:calc(6*var(--by-ui));height:calc(6*var(--by-ui));top:calc(7*var(--by-ui))}
 .by-facts{margin:calc(28*var(--by-ui)) 0 calc(35*var(--by-ui))}.by-facts div{padding:calc(19*var(--by-ui)) calc(16*var(--by-ui))}.by-facts strong{font-size:calc(23*var(--by-ui))}.by-facts span{font-size:calc(11*var(--by-ui))}
 .by-expertise{gap:calc(20*var(--by-ui))}.by-expertise article{padding-top:calc(16*var(--by-ui))}.by-expertise article>span{font-size:calc(9*var(--by-ui))}.by-expertise p,.by-case p{font-size:calc(13*var(--by-ui))}
 .by-callout{padding:calc(20*var(--by-ui)) calc(22*var(--by-ui));margin:calc(28*var(--by-ui)) 0}.by-callout p,.by-timeline p{font-size:calc(13*var(--by-ui))}.by-timeline article{margin:calc(26*var(--by-ui)) 0}.by-timeline time{font-size:calc(11*var(--by-ui))}.by-timeline strong,.by-certificates p{font-size:calc(12*var(--by-ui))}.by-certificates h4{font-size:calc(16*var(--by-ui))}.by-certificates a,.by-button{font-size:calc(12*var(--by-ui))}
 html body .by-blog-toolbar .by-blog-title{font-size:calc(24*var(--by-ui))!important}.by-blog-toolbar{gap:calc(18*var(--by-ui));padding-bottom:calc(23*var(--by-ui));margin-bottom:calc(30*var(--by-ui))}.by-blog-toolbar::after{height:calc(8*var(--by-ui));bottom:calc(-3*var(--by-ui))}.by-blog-filters{font-size:calc(13*var(--by-ui));gap:calc(17*var(--by-ui))}.by-blog-search summary svg{width:calc(18*var(--by-ui));height:calc(18*var(--by-ui))}
 .by-post-grid,.by-case-grid{gap:calc(24*var(--by-ui))}.by-post-info,.by-case>div{padding:calc(19*var(--by-ui))}.by-post h3,.by-reading-layout .by-post h3{font-size:calc(21*var(--by-ui));line-height:1.4}.by-post-info p,.by-reading-layout .by-post-info p{font-size:calc(16*var(--by-ui))}.by-post-info .by-kicker,.by-reading-layout .by-post-info .by-kicker{font-size:calc(11*var(--by-ui))}.by-case h3{font-size:calc(19*var(--by-ui))}.by-case span{font-size:calc(11*var(--by-ui))}
 .by-contact-links strong{font-size:calc(17*var(--by-ui))}.by-contact-links span{font-size:calc(9*var(--by-ui))}.by-small{font-size:calc(12*var(--by-ui))!important}
 html body.by-system-layout .custom-footer{font-size:calc(11*var(--by-ui))!important;bottom:calc(12*var(--by-ui))!important;line-height:1.6;padding:0 16px}
 html body.by-system-layout .custom-footer p{font-size:inherit!important;line-height:inherit}
 /* Article lines grow with the type, with a readable character-count limit. */
 html body.by-reading-layout.single-post .page_wrap{padding:calc(21.8181818*var(--by-ui)) 0 calc(56*var(--by-ui))!important}
 html body.by-reading-layout.single-post .page .container.opened{width:calc(100% - 104*var(--by-ui))!important;max-width:calc(1540*var(--by-ui))!important;height:calc(100dvh - 88*var(--by-ui))!important;min-height:min(560px,calc(100dvh - 88px))!important}
 html body.by-reading-layout.single-post .page .container.opened .header{left:calc(-26*var(--by-ui))!important;top:calc(16*var(--by-ui))!important}
 html body.by-reading-layout.single-post .page .container.opened .card-inner{left:calc(66*var(--by-ui))!important;top:0!important;width:calc(100% - 66*var(--by-ui))!important;height:100%!important}
 html body.by-reading-layout.single-post .by-article{padding:calc(36*var(--by-ui)) calc(48*var(--by-ui))!important;max-width:calc(1240*var(--by-ui))}
 html body.by-reading-layout.single-post .by-prose{font-size:calc(18*var(--by-ui))!important;max-width:78ch}
 html body.by-reading-layout.single-post .by-article>h1{font-size:calc(38*var(--by-ui));max-width:40ch}.by-prose h2{font-size:calc(27*var(--by-ui))}.by-prose h3{font-size:calc(22*var(--by-ui))}.by-meta,.by-hero-image figcaption{font-size:calc(11*var(--by-ui))}.by-prose pre,.by-prose table{font-size:calc(15*var(--by-ui))}.by-tags a{font-size:calc(11*var(--by-ui))}
 html body.by-reading-layout.single-post .by-hero-image{max-width:min(100%,1536px)}
}
/* Narrow desktops and landscape windows must not clip the profile footer. */
@media(min-width:1121px) and (max-height:700px){
 html body.by-system-layout .card-started .profile .r-description{display:none!important}
 html body.by-system-layout .card-started .profile .image{--by-avatar-size:112px;top:calc(38% + 60px - var(--by-avatar-size))}
 html body.by-system-layout .card-started .profile .slide{height:38%!important}
 html body.by-system-layout .card-started .profile .title{top:calc(38% + 70px);font-size:25px!important}
 html body.by-system-layout .card-started .profile .subtitle{top:calc(38% + 106px);font-size:14px!important}
 html body.by-system-layout .card-started .profile .social{top:calc(38% + 141px)}
 html body.by-system-layout .header .top-menu ul li a{padding:12px 2px}
}
@media(max-width:1120px){
 .by-blog-toolbar{flex-wrap:wrap}.by-blog-filters{margin-left:auto}
 .by-prose table{display:block;overflow-x:auto;max-width:100%;white-space:normal}
}
@media(max-width:680px){
 html body.by-system-layout .card-started .profile .subtitle{font-size:clamp(12px,3.8vw,15px)!important}
 html body.by-system-layout .card-started .profile .title{font-size:clamp(25px,7.2vw,30px)!important}
 .by-blog-filters{flex-wrap:nowrap}
 .by-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.by-facts div{padding:14px 9px}.by-facts strong{font-size:20px}
}