.simple-divider{
  height:2px;
  background:linear-gradient(to right, var(--color-gray-300), var(--color-gray-400), var(--color-gray-300));
  margin:var(--space-l) 0;
  border-radius:1px;
}

.blog-visual,
.projects-visual,
.services-visual{
  width:120px;
  height:120px;
  background:var(--color-blue);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--color-light);
  font-size:2rem;
  font-weight:bold;
  margin:var(--space-m);
}

.blog-visual{
  background:var(--color-bright-sun);
}

.projects-visual{
  background:var(--color-mandy);
}

.services-visual{
  background:var(--color-royal-blue);
}

.tool-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:60px;
  height:60px;
  background:var(--color-blue);
  color:var(--color-light);
  border-radius:50%;
  font-size:1.5rem;
  font-weight:bold;
  margin:0 auto var(--space-m);
}

.globe-icon,
.theme-icon,
.rss-icon,
.platform-icon,
.collab-icon{
  font-size:1.2rem;
  line-height:1;
}

.theme-icon{
  font-size:1.5rem;
}

.rss-icon{
  font-size:1.3rem;
}

.platform-icon,
.collab-icon{
  background:var(--color-gray-200);
  color:var(--color-gray-700);
  width:30px;
  height:30px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.9rem;
  font-weight:bold;
}

@media (max-width:640px){
  .blog-visual,
  .projects-visual,
  .services-visual{
    width:80px;
    height:80px;
    font-size:1.5rem;
    margin:var(--space-s);
  }
  
  .tool-icon{
    width:50px;
    height:50px;
    font-size:1.2rem;
  }
}
custom-card{--gutter:var(--space-xs-s);background-color:var(--card-bg,var(--color-bg-accent));border:4px solid var(--color-bg-accent);border-radius:var(--border-radius-medium);color:var(--color-text);display:grid;grid-template-rows:[image] max-content [headline] max-content [meta] max-content [desc] auto [footer] max-content;max-inline-size:unset;padding:var(--space-s-m)}custom-card>:empty{display:none}custom-card ::-moz-selection{background-color:var(--color-accent);color:var(--color-dark)}custom-card ::selection{background-color:var(--color-accent);color:var(--color-dark)}custom-card :is(h2,h3){--flow-space:var(--space-m);grid-row:headline}custom-card :is(h2,h3) a{text-decoration:none}custom-card>:is(picture,figure){grid-row:image;--flow-space:0}custom-card img{aspect-ratio:16/9;block-size:auto;max-inline-size:var(--max-img-width,100%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}custom-card>.meta{font-size:var(--size-step-min-1);grid-row:meta}custom-card>p{grid-row:desc}custom-card>footer{font-size:var(--size-step-min-2);grid-row:footer}custom-card :is(a,p,h2,h3){overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}custom-card[no-padding]{background-color:transparent;border:4px solid var(--color-bg-accent);border-radius:none;padding:0}custom-card[img-square] img{aspect-ratio:1}custom-card[note]{grid-template-columns:1fr;grid-template-rows:[headline] max-content [desc] auto}custom-card[clickable]:focus-within,custom-card[clickable]:hover{border:4px solid var(--color-accent)}custom-card[clickable]:focus-within a:focus{outline:none}custom-card[clickable]{position:relative}custom-card[clickable] a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}