.layout{display:flex;gap:3em;align-items:flex-start}.layout main{flex:1;min-width:0}.sidebar{width:200px;flex-shrink:0}.sidebar-title{font-size:.95em;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:1em}.topic-list{list-style:none;padding:0;margin:0}.topic-list li{margin-bottom:.6em}.topic-list a{display:flex;justify-content:space-between;font-size:.95em}.topic-count{opacity:.5;font-size:.85em}@media (max-width: 840px){.layout{flex-direction:column}.sidebar{width:100%;margin-top:2em;border-top:thin solid #333;padding-top:1.5em}}.search-wrap{margin-bottom:2em;margin-bottom:2em;position:relative}#search-box{width:100%;padding:.6em .9em;background:rgba(0,0,0,0);border:thin solid #444;border-radius:4px;color:inherit;font-size:1em;font-family:inherit;box-sizing:border-box}#search-results{list-style:none;padding:0;margin:.3em 0 0;position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:thin solid #444;border-radius:4px;max-height:300px;overflow-y:auto;z-index:10}#search-results:empty{display:none;border:none}#search-results li a{display:block;padding:.6em .9em;text-transform:capitalize}#search-results li a:hover{background:#2a2a2a;border-bottom:none}.container{max-width:68em}.container{padding:0 4em;box-sizing:border-box}header{position:relative;padding-right:3em}.search-wrap{margin-bottom:2em;max-width:100%;margin-bottom:2em}@media (max-width: 840px){.layout{display:flex;flex-direction:column}.sidebar{order:-1;border-top:none;margin-top:0;margin-bottom:2em;padding-top:0}}@media (max-width: 840px){.hero-banner img{height:110px}}#search-box:focus{outline:none;border-color:#959bf0;box-shadow:0 0 0 1px #959bf0}@media (max-width: 840px){.container{padding:0 1em}}