#header {
gap: 16px;
padding: 16px;
}
#info_long {
display: none;
}
#info_short {
display: unset;
}
#header > h1 {
display: none;
}
#sidebar {
display: none;
}
#with_sidebar:target ~ #sidebar {
display: unset;
grid-area: c;
width: unset;
max-width: unset;
}
#with_sidebar:target ~ #content {
display: none;
}
#with_sidebar:not(:target) ~ * #show_sidebar {
display: unset;
flex: auto;
}
#with_sidebar:target ~ * #hide_sidebar {
display: unset;
flex: auto;
}
#menu > li > * {
height: 32px;
}
#menu > li > a {
font-size: 100%;
}
#content {
padding: 0 16px;
}