sidebar-for-bayou/static/sidebar.css

@media (min-width: 776px) {
    body:has(div.sidebar) {
        max-width: 50em;
    }

    div.wrapper:has(div.sidebar) {
        display: grid;
        grid-template-columns: minmax(20em,35em) 15em;
        column-gap: 60px;
    }
}

div.sidebar {
    font-size: 0.9em;
    line-height: 1.8;
}

@media (max-width: 775px) {
    div.sidebar {
        display: none;
    }
}

div.sidebar header {
    margin-bottom: 0;
}

div.sidebar header h1 {
    font-size: 1.0em;
    color: var(--accent1);
}

ul.blogroll {
  padding-inline: 0;
}

ul.blogroll li {  
  list-style-type: none !important;
}

ul.blogroll li a {
  text-decoration: none;
  color: var(--text);
}

ul.blogroll li a span {
  color: var(--accent2);
}

div.blogroll-footer-links {
  line-height: 1.3em;
}

div.blogroll-footer-links a {
  display: inline-block;
  margin-inline: 2px;
  box-sizing: border-box;
  
  border-inline-start: solid thin var(--accent2);
}

div.blogroll-footer-links a:first-of-type {
  border-inline-start: none;
  margin-inline-start: 0;
}