section.layout-351{>hgroup{margin-bottom:var(--scale-4)}>div{position:relative;width:100%;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--scale--2) var(--scale-3);border:1px solid var(--border-gradient-light);background:url(/texture.png);background-size:20%;background-color:var(--surfaces-surface);background-blend-mode:difference;box-shadow:0 36px 10px 0 rgba(0,0,0,0),0 23px 9px 0 rgba(0,0,0,.01),0 13px 8px 0 rgba(0,0,0,.04),0 6px 6px 0 rgba(0,0,0,.07),0 1px 3px 0 rgba(0,0,0,.08);@container main (width > 991px){flex-direction:row;height:65vh}>.divider{background:var(--border-gradient-dark);flex-grow:0;flex-shrink:0;flex-basis:1px}>article{display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;@container main (width > 991px){height:100%;min-width:4rem;flex-direction:row}>header{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:var(--scale--2) var(--scale-2) var(--scale--2) var(--scale-2);cursor:pointer;min-height:48px;transition:background .3s ease-in-out;@container main (width > 991px){min-width:4rem;flex-direction:column;padding:var(--scale-0) 0 var(--scale-2) 0}&:hover{background:light-dark(rgba(0,0,0,.1),rgba(255,255,255,.05))!important}&.active{background:light-dark(rgba(0,0,0,.05),rgba(255,255,255,.025))}>span{margin:unset;margin-left:auto;@container main (width < 991px){font-size:var(--scale-2)!important}@container main (width > 991px){writing-mode:vertical-rl;margin-top:auto;rotate:180deg;margin-left:unset}}}>main{flex-shrink:0;flex-grow:1;@container main (width > 991px){overflow:auto}>div{padding:var(--scale-2);max-width:calc(769px + var(--scale-4))}h3{margin-top:unset}.actions{align-self:end}}}}}