/* Layout only. Shared appearance belongs to theme.css. */
*{box-sizing:border-box}
body{margin:0}
header,main,footer{max-width:1220px;margin:auto;padding:24px 38px}
header{display:flex;justify-content:space-between;gap:20px}
h1{margin:20px 0 25px;max-width:1000px}
h3{margin:0}
dt{margin-top:17px}
dd{margin:3px 0 0}
pre{padding:15px;overflow:auto}
select{padding:8px}
button{padding:10px 15px}
input[type=range]{width:min(100%,500px)}
details{margin:25px 0}
footer{margin-top:40px}
[hidden]{display:none!important}
@media(max-width:780px){header,main,footer{padding:20px}
header span:not(.landing-links){display:none}}
.play-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 16px}
.play-heading h1{margin:12px 0}
.play-heading p{margin:14px 0}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}
.reference-index{max-width:900px}
.reference-index>section{padding:20px 0;scroll-margin-top:20px}
.reference-index>section>h2{margin:0 0 10px}
header .landing-links{display:block;white-space:nowrap;align-self:center}