@media(max-width:800px){
header .topbar{display:block;padding:1rem 0}
header .brand{display:inline-block}
header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:1rem;align-items:stretch}
header nav a,header nav a:not(.nav-cta){display:flex;align-items:center;min-height:46px;padding:.55rem .7rem;border:1px solid #54707a;border-radius:3px;color:#fff;font-size:.9rem;line-height:1.25;text-decoration:none;overflow-wrap:anywhere}
header nav a:focus-visible,header nav a:hover{outline:2px solid #e8bd6e;outline-offset:2px}
.wrap,main,section,article,.panel,.post,.card{min-width:0}
img,video,iframe{max-width:100%}
input:not([type="checkbox"]):not([type="radio"]),select,textarea{max-width:100%}
.code-row input{width:min(100%,18rem)}
.code-row .button{max-width:100%}
.social-links a{overflow-wrap:anywhere}
}
@media(max-width:390px){header nav{grid-template-columns:1fr}}