.site{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.container.header-content{flex-wrap:nowrap;justify-content:space-between;height:100%;gap:16px}.container.header-content,a.brand{display:flex;flex-direction:row;align-items:center}a.brand{color:#fff;text-decoration:none;gap:4px}a.brand img{height:auto;width:58px}.custom-header{background-color:#100019;color:#fff;padding:10px 0;box-shadow:0 4px 6px rgba(0,0,0,.1);position:fixed;width:100%;z-index:999}.brand-name{font-size:1.5rem;font-weight:700;margin:-2px}.blog-link{color:#fff;text-decoration:none;font-size:1.25rem;font-weight:500;transition:color .2s ease-in-out;margin:0 10px}.blog-link:hover{color:#fc0}.search-container{flex:1 1;max-width:400px;position:relative;justify-content:center}.search-bar,.search-container{display:flex;align-items:center}.search-bar{background-color:hsla(0,0%,100%,.2);border-radius:25px;padding:4px 8px;transition:all .3s ease-in-out}.search-input{border:none;outline:none;flex:1 1;padding:2px 4px;border-radius:20px;font-size:1rem;background:transparent;color:#fff}.search-input::placeholder{color:hsla(0,0%,100%,.7)}.search-btn{background:transparent;border:none;color:#fff;font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0 8px;transition:color .2s ease-in-out}.highlight,.search-btn:hover{color:#fc0}@media (max-width:768px){.brand-name{font-size:1.25rem;transition:opacity .3s ease-in-out}.brand-name.hidden-mobile{opacity:0;pointer-events:none}.blog-link{font-size:1rem;left:120px}.blog-link.hidden-mobile{opacity:0;pointer-events:none}.search-container{max-width:125px}.search-bar{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;opacity:1;background-color:transparent}.search-bar .search-input{width:0;padding:0;opacity:0;pointer-events:none;transition:all .3s ease-in-out}.search-bar.open{width:calc(100% - 50px);background-color:hsla(0,0%,100%,.1)}.search-bar.open .search-input{width:100%;padding:2px 4px;opacity:1;pointer-events:auto}}@media (max-width:480px){.custom-header{padding:14px 0}.header-content{flex-direction:row;align-items:center}.search-bar.open{width:300px}a.brand img{height:auto;width:42px}}footer{background-color:#100019;color:#ddd;padding:20px 0;font-size:14px;margin-top:15px}.footer-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 20px}.footer-top a img{filter:drop-shadow(0 3px 8px darkgray)}.footer-logo{font-size:20px;font-weight:700}.footer-links{display:flex;gap:20px}.footer-links a{color:#ddd;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-divider{border:0;height:1px;background-color:#444;margin:15px 0}.footer-social{display:flex;justify-content:center;gap:15px;margin-bottom:10px}.footer-social a{color:#ddd;font-size:18px;transition:color .3s}.footer-social a:hover{color:#fff}.footer-copyright{text-align:center;font-size:12px;color:#aaa}@media (max-width:768px){.footer-top{flex-direction:column;text-align:center}.footer-links{margin-top:10px;flex-direction:column;gap:10px}}