.knowledge-base-container{position:relative;overflow:hidden}.slide-out-left{animation:slideOutLeft .3s ease-in-out forwards}.slide-in-right{animation:slideInRight .3s ease-in-out forwards}.slide-out-right{animation:slideOutRight .3s ease-in-out forwards}.slide-in-left{animation:slideInLeft .3s ease-in-out forwards}@keyframes slideOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.mobile-section-button{transition:all .2s ease-in-out;transform:translate(0)}.mobile-section-button:hover{transform:translate(2px);box-shadow:0 4px 12px #0000001a}.mobile-section-button:active{transform:translate(0)}.back-button{transition:all .2s ease-in-out}.back-button:hover{transform:translate(-2px)}.mobile-content-area{min-height:60vh;max-height:80vh;overflow-y:auto}@media (max-width: 1023px){.knowledge-base-desktop{display:none!important}}@media (min-width: 1024px){.knowledge-base-mobile{display:none!important}}@media (min-width: 460px) and (max-width: 768px){.knowledge-base-container{padding:16px!important}.mobile-content-area{padding:20px!important}.mobile-section-button{padding:18px!important}}@media (max-width: 459px){.knowledge-base-container{padding:12px!important}.knowledge-base-header{flex-direction:column;gap:16px;align-items:stretch}.knowledge-base-header h2{text-align:center;margin-bottom:0}.zone-selector-container{width:100%}.zone-selector-container label{display:block!important;margin-bottom:8px;text-align:center}.zone-selector-container select{width:100%}.mobile-content-area{padding:16px!important;margin:0 -12px;border-radius:8px}.mobile-content-area h3{font-size:18px;margin-bottom:16px}.mobile-content-area .prose{font-size:14px;line-height:1.6}.mobile-content-area .prose h1{font-size:20px;margin-top:24px;margin-bottom:16px}.mobile-content-area .prose h2{font-size:18px;margin-top:20px;margin-bottom:12px}.mobile-content-area .prose p{margin-bottom:12px}.mobile-content-area .prose li{margin-left:16px;margin-bottom:4px}.mobile-section-button{padding:16px!important;margin-bottom:12px}.mobile-section-button h3{font-size:16px}.mobile-section-button p{font-size:13px}.back-button{padding:12px 0;margin-bottom:20px}.back-button span{font-size:16px}}