/* GitHub card layout: one compact profile/chip rail, languages immediately
   beneath it, and a full-width contribution calendar. This file intentionally
   owns the card's internal composition so older layout rules cannot fight it. */
.tooling-activity-shell{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
}

.tooling-activity-content{display:contents!important}

/* PROFILE HEADER --------------------------------------------------------- */
.tooling-github-profile{
  order:0;
  display:grid!important;
  grid-template-columns:minmax(280px,1.15fr) repeat(6,minmax(max-content,.48fr)) auto!important;
  grid-template-rows:auto auto;
  column-gap:clamp(8px,.85cqw,13px)!important;
  row-gap:3px!important;
  align-items:center!important;
  width:100%!important;
  min-width:0!important;
  padding:0 0 8px!important;
  border-left:0!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}

.tooling-github-profile-head{
  grid-column:1!important;
  grid-row:1!important;
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr)!important;
  gap:13px!important;
  align-items:center!important;
  min-width:0!important;
}
.tooling-github-avatar{
  width:70px!important;
  height:70px!important;
}
.tooling-github-identity{min-width:0!important}
.tooling-github-name{
  font-size:clamp(1rem,1.1cqw,1.15rem)!important;
  line-height:1.05!important;
}
.tooling-github-handle{
  margin-top:4px!important;
  font-size:clamp(.49rem,.54cqw,.56rem)!important;
}

/* Flatten both chip groups into the parent grid so every chip gets its own
   evenly distributed column instead of clustering into two islands. */
.tooling-github-meta,
.tooling-github-highlights,
.tooling-github-highlight-list{
  display:contents!important;
}
.tooling-github-highlights>.tooling-github-section-label{display:none!important}

.tooling-github-badge,
.tooling-github-highlight{
  align-self:center!important;
  justify-self:center!important;
  min-height:24px!important;
  padding:4px 9px!important;
  margin:0!important;
  font-size:clamp(.43rem,.47cqw,.49rem)!important;
  white-space:nowrap!important;
}
.tooling-github-meta>.tooling-github-badge:nth-child(1){grid-column:2!important;grid-row:1!important}
.tooling-github-meta>.tooling-github-badge:nth-child(2){grid-column:3!important;grid-row:1!important}
.tooling-github-meta>.tooling-github-badge:nth-child(3){grid-column:4!important;grid-row:1!important}
.tooling-github-meta>.tooling-github-badge:nth-child(4){grid-column:5!important;grid-row:1!important}
.tooling-github-highlight-list>.tooling-github-highlight:nth-child(1){grid-column:6!important;grid-row:1!important}
.tooling-github-highlight-list>.tooling-github-highlight:nth-child(2){grid-column:7!important;grid-row:1!important}

.tooling-github-profile-link{
  grid-column:8!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  margin:0!important;
  padding-left:10px!important;
  font-size:clamp(.46rem,.49cqw,.52rem)!important;
  white-space:nowrap!important;
}

/* Languages sit directly under the identity/chip rail. No extra section gap
   or separator is needed because the profile's bottom rule already separates
   the contribution section. */
.tooling-github-language-section{
  grid-column:1 / -1!important;
  grid-row:2!important;
  width:100%!important;
  min-width:0!important;
  align-self:start!important;
  margin:0!important;
  padding:2px 0 0!important;
  border-top:0!important;
}
.tooling-github-profile .tooling-github-section{
  margin-top:0!important;
  padding-top:0!important;
  border-top:0!important;
}
.tooling-github-language-section .tooling-github-section-label{
  margin-bottom:4px!important;
  font-size:clamp(.43rem,.47cqw,.49rem)!important;
}
.tooling-github-language-bar{
  width:100%!important;
  height:7px!important;
}
.tooling-github-language-legend{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:4px 14px!important;
  margin-top:5px!important;
}
.tooling-github-language-item{
  font-size:clamp(.43rem,.47cqw,.49rem)!important;
}

/* Bio/organizations are optional and remain compact if GitHub supplies them. */
.tooling-github-bio{
  grid-column:1 / -1!important;
  grid-row:3!important;
  margin:4px 0 0!important;
  max-width:72ch!important;
  font-size:clamp(.62rem,.66cqw,.72rem)!important;
  line-height:1.4!important;
}
.tooling-github-profile>.tooling-github-section:not(.tooling-github-highlights):not(.tooling-github-language-section){
  grid-column:1 / -1!important;
  margin-top:4px!important;
}

/* CONTRIBUTIONS ---------------------------------------------------------- */
.tooling-activity-head{
  order:1;
  width:100%!important;
  padding-top:10px!important;
  margin-bottom:8px!important;
}
.tooling-activity-main{
  order:2;
  display:block!important;
  width:100%!important;
  min-width:0!important;
}
.tooling-activity-foot{
  order:3;
  width:100%!important;
  margin-top:8px!important;
  font-size:clamp(.53rem,.56vw,.60rem)!important;
}
.tooling-heatmap-scroll,
.tooling-heatmap-frame{
  width:100%!important;
  min-width:0!important;
  overflow:visible!important;
}
.tooling-heatmap-frame{
  --calendar-gap:2px;
  --calendar-label-width:42px;
  --calendar-body-gap:10px;
}
.tooling-heatmap-months{
  width:100%!important;
  min-height:22px!important;
  grid-template-columns:
    calc(var(--calendar-label-width) + var(--calendar-body-gap) - var(--calendar-gap))
    repeat(var(--week-count,53),minmax(0,1fr))!important;
  column-gap:var(--calendar-gap)!important;
  font-size:clamp(.56rem,.58vw,.64rem)!important;
}
.tooling-heatmap-body{
  width:100%!important;
  grid-template-columns:var(--calendar-label-width) minmax(0,1fr)!important;
  gap:var(--calendar-body-gap)!important;
  align-items:stretch!important;
}
.tooling-heatmap-cells{
  display:grid!important;
  width:100%!important;
  max-width:none!important;
  grid-template-columns:repeat(var(--week-count,53),minmax(0,1fr))!important;
  grid-template-rows:repeat(7,auto)!important;
  grid-auto-columns:unset!important;
  grid-auto-flow:column!important;
  column-gap:var(--calendar-gap)!important;
  row-gap:var(--calendar-gap)!important;
}
.tooling-heatmap-cell{
  width:100%!important;
  height:auto!important;
  aspect-ratio:1 / 1!important;
  min-width:0!important;
}
.tooling-heatmap-days{
  display:grid!important;
  height:100%!important;
  grid-template-rows:repeat(7,1fr)!important;
  row-gap:var(--calendar-gap)!important;
  align-items:center!important;
  font-size:clamp(.54rem,.57vw,.62rem)!important;
  line-height:1!important;
}
.tooling-activity-legend span[data-level]{
  width:11px!important;
  height:11px!important;
}

/* RESPONSIVE ------------------------------------------------------------- */
@container tooling-github (max-width:900px){
  .tooling-github-profile{
    grid-template-columns:minmax(250px,1fr) minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto!important;
    column-gap:16px!important;
    row-gap:6px!important;
  }
  .tooling-github-profile-head{grid-column:1!important;grid-row:1 / span 2!important}
  .tooling-github-meta{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    margin:0!important;
  }
  .tooling-github-meta>.tooling-github-badge{grid-column:auto!important;grid-row:auto!important}
  .tooling-github-highlights{
    display:block!important;
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
  }
  .tooling-github-highlight-list{
    display:flex!important;
    justify-content:space-between!important;
    gap:6px!important;
  }
  .tooling-github-highlight-list>.tooling-github-highlight{grid-column:auto!important;grid-row:auto!important}
  .tooling-github-profile-link{
    grid-column:1 / -1!important;
    grid-row:3!important;
    justify-self:start!important;
    padding-left:0!important;
  }
  .tooling-github-language-section{
    grid-column:1 / -1!important;
    grid-row:4!important;
  }
  .tooling-github-language-legend{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@container tooling-github (max-width:620px){
  .tooling-github-profile{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
  }
  .tooling-github-profile-head{
    grid-template-columns:62px minmax(0,1fr)!important;
  }
  .tooling-github-avatar{
    width:62px!important;
    height:62px!important;
  }
  .tooling-github-meta,
  .tooling-github-highlight-list{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:5px!important;
  }
  .tooling-github-language-legend{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}