.side-bar{@media only screen and (min-width:600px) and (max-width:959px){padding:1em;margin-bottom:1em;border-radius:1em;box-shadow:0 0 0.25em var(--color-border)}@media only screen and (min-width:960px){margin:0.25em 0.5em 1.5em;padding:1em 1.25em;border-radius:1em;box-shadow:0 0 0.25em var(--color-border);float:right;width:16.25em}& .side-bar-body h2 a{display:block;clear:both;font-size:var(--fs-sm);font-weight:normal;margin:0 0 0.4em;padding:0.4em 0.5em 0.2em 0.5em;background-position:left center;&:hover{text-decoration:none}}& #js_category_menu{& a{color:var(--color-primary);border:1px solid var(--color-primary);border-left:10px solid var(--color-primary);background-color:var(--color-primary-text)}@media only screen and (min-width:600px) and (max-width:959px){& .side-bar-body{justify-content:space-between;align-items:center;& h2{display:block;margin:0.5em;& a{border:none;padding:0.5em 0;text-align:center;margin:0;color:var(--color-primary-text);background-color:var(--color-primary)}}}}}& #js_popular_articles{margin-top:1em;& .popular-articles{border:1px solid var(--color-border-soft);border-radius:0.5em;overflow:hidden}& .popular-heading{margin:0;padding:0.4em 0.75em;font-size:var(--fs-sm);font-weight:bold;background:var(--color-primary);color:var(--color-primary-text)}& .popular-meta{margin:0;padding:0.2em 0.75em;font-size:var(--fs-3xs);color:var(--color-text-muted);background:var(--color-bg-light)}& .popular-list{margin:0;padding:0.25em 0;list-style:none}& .popular-item{display:flex;align-items:baseline;gap:0.4em;padding:0.2em 0.75em 0.2em 0.4em;border-bottom:1px solid var(--color-border-light);line-height:14px;&:last-child{border-bottom:none}}& .popular-rank{flex-shrink:0;width:1.4em;font-size:var(--fs-xs);font-weight:bold;color:var(--color-text-muted);text-align:right}& .popular-item:nth-child(1) .popular-rank{color:var(--color-icon-gold)}& .popular-item:nth-child(2) .popular-rank{color:var(--color-border-mid)}& .popular-item:nth-child(3) .popular-rank{color:#cd7f32}& .popular-link{flex:1;font-size:var(--fs-xs);color:var(--color-link);overflow-wrap:break-word}& .popular-updated{margin:0;padding:0.25em 0.75em;font-size:var(--fs-3xs);color:var(--color-text-muted);text-align:right;background:var(--color-bg-light)}}& .side_indoc_contents{margin:0.5em 0;border:1px solid var(--color-border-soft);& h2{padding:0.25em 0.5em;margin:0;background:var(--color-highlight);color:var(--color-text)}& ul{margin:0.5em 0.75em}& li{line-height:1.1em;& a{font-size:var(--fs-sm)}}}}