.tooling-activity-content{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(220px,.88fr);
  gap:clamp(18px,2.4cqw,34px);
  align-items:stretch;
  width:100%;
}

.tooling-activity-main{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.tooling-github-profile{
  position:relative;
  min-width:0;
  width:100%;
  padding:clamp(10px,1.8cqw,18px) clamp(2px,.7cqw,10px) clamp(8px,1.2cqw,14px) clamp(20px,2.6cqw,36px);
  border-left:1px solid rgba(255,255,255,.09);
  font-family:"SFMono-Regular",Consolas,monospace;
}

.tooling-github-profile-head{
  display:grid;
  grid-template-columns:clamp(54px,7cqw,80px) minmax(0,1fr);
  gap:clamp(12px,1.8cqw,20px);
  align-items:center;
}

.tooling-github-avatar{
  width:clamp(54px,7cqw,80px);
  height:clamp(54px,7cqw,80px);
  border-radius:50%;
  object-fit:cover;
  border:1px solid rgba(255,255,255,.15);
  background:#0d1217;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
}

.tooling-github-identity{min-width:0}

.tooling-github-name{
  margin:0;
  color:#edf2f4;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(.92rem,1.55cqw,1.16rem);
  font-weight:650;
  line-height:1.12;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}

.tooling-github-handle{
  display:block;
  margin-top:6px;
  color:#727e88;
  font-size:clamp(.5rem,.7cqw,.61rem);
  letter-spacing:.065em;
  text-transform:uppercase;
  overflow-wrap:anywhere;
}

.tooling-github-bio{
  margin:clamp(11px,1.5cqw,17px) 0 0;
  max-width:52ch;
  color:#9da8b1;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:clamp(.7rem,1cqw,.84rem);
  line-height:1.5;
}

.tooling-github-meta{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(5px,.7cqw,8px);
  margin-top:clamp(12px,1.6cqw,18px);
}

.tooling-github-badge{
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:clamp(23px,2.5cqw,27px);
  padding:5px clamp(7px,.8cqw,9px);
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  color:#8c98a1;
  background:rgba(255,255,255,.018);
  font-size:clamp(.43rem,.58cqw,.5rem);
  letter-spacing:.055em;
  text-transform:uppercase;
  white-space:nowrap;
}
.tooling-github-badge strong{color:#dce3e7;font-weight:700}

.tooling-github-section{
  margin-top:clamp(13px,1.8cqw,19px);
  padding-top:clamp(11px,1.55cqw,16px);
  border-top:1px solid rgba(255,255,255,.065);
}

.tooling-github-section-label{
  margin-bottom:clamp(8px,1cqw,11px);
  color:#68747e;
  font-size:clamp(.44rem,.58cqw,.51rem);
  font-weight:700;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.tooling-github-highlight-list{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(5px,.75cqw,8px);
}

.tooling-github-highlight{
  display:inline-flex;
  align-items:center;
  min-height:clamp(24px,2.7cqw,29px);
  padding:5px clamp(8px,.9cqw,10px);
  border:1px solid rgba(255,255,255,.1);
  border-radius:999px;
  color:#cbd3d8;
  background:rgba(255,255,255,.022);
  font-size:clamp(.44rem,.6cqw,.52rem);
  font-weight:700;
  letter-spacing:.055em;
  text-transform:uppercase;
}
.tooling-github-highlight.is-pro{
  color:#c7adff;
  border-color:rgba(142,87,255,.32);
  background:rgba(142,87,255,.08);
}
.tooling-github-highlight.is-achievement{
  color:#aeeab5;
  border-color:rgba(145,243,156,.2);
  background:rgba(145,243,156,.045);
}

.tooling-github-language-section{padding-bottom:1px}

.tooling-github-language-bar{
  display:flex;
  width:100%;
  height:clamp(6px,.75cqw,9px);
  overflow:hidden;
  border-radius:999px;
  background:#11161c;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);
}

.tooling-github-language-segment{
  display:block;
  min-width:2px;
  height:100%;
}
.tooling-github-language-segment+.tooling-github-language-segment{
  box-shadow:inset 1px 0 rgba(7,9,12,.72);
}

.tooling-github-language-legend{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(5px,.8cqw,8px) clamp(9px,1.4cqw,15px);
  margin-top:clamp(8px,1.1cqw,12px);
}

.tooling-github-language-item{
  min-width:0;
  display:grid;
  grid-template-columns:clamp(6px,.75cqw,8px) minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(5px,.65cqw,7px);
  color:#9ca7af;
  font-size:clamp(.44rem,.62cqw,.53rem);
  letter-spacing:.025em;
}
.tooling-github-language-item i{
  width:clamp(6px,.75cqw,8px);
  height:clamp(6px,.75cqw,8px);
  border-radius:50%;
}
.tooling-github-language-item strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#d4dbe0;
  font-weight:650;
}
.tooling-github-language-item small{
  color:#77828b;
  font-size:clamp(.42rem,.57cqw,.49rem);
}

.tooling-github-organizations{
  display:flex;
  flex-wrap:wrap;
  gap:clamp(6px,.85cqw,9px);
}

.tooling-github-organization{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  padding:5px 8px 5px 5px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:999px;
  color:#aeb8c0;
  background:rgba(255,255,255,.018);
  font-size:clamp(.42rem,.56cqw,.49rem);
  letter-spacing:.04em;
  transition:border-color .18s ease,color .18s ease,background .18s ease;
}
.tooling-github-organization:hover{
  color:#eef2f4;
  border-color:rgba(145,243,156,.26);
  background:rgba(145,243,156,.035);
}
.tooling-github-organization img{
  width:clamp(19px,2.2cqw,24px);
  height:clamp(19px,2.2cqw,24px);
  border-radius:5px;
  object-fit:cover;
}
.tooling-github-organization span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.tooling-github-profile-link{
  display:inline-flex;
  margin-top:clamp(12px,1.8cqw,19px);
  color:#91f39c;
  font-size:clamp(.46rem,.62cqw,.55rem);
  font-weight:700;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.tooling-github-profile-link:hover{color:#dffff0}

.tooling-heatmap-cell{
  cursor:default;
  transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;
}
.tooling-heatmap-cell:hover,
.tooling-heatmap-cell:focus-visible{
  position:relative;
  z-index:3;
  transform:scale(1.3);
  filter:brightness(1.22);
  box-shadow:0 0 0 1px rgba(255,255,255,.2),0 0 14px rgba(145,243,156,.18);
  outline:none;
}

.tooling-activity-tooltip{
  position:fixed;
  z-index:200;
  width:max-content;
  min-width:185px;
  max-width:245px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:6px;
  background:rgba(8,11,14,.97);
  box-shadow:0 12px 30px rgba(0,0,0,.34);
  color:#9aa5ae;
  font-family:"SFMono-Regular",Consolas,monospace;
  font-size:.52rem;
  line-height:1.5;
  letter-spacing:.035em;
  pointer-events:none;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .12s ease,transform .12s ease;
}
.tooling-activity-tooltip.is-visible{opacity:1;transform:translateY(0)}
.tooling-activity-tooltip strong{
  display:block;
  margin-bottom:6px;
  color:#edf2f4;
  font-family:Inter,ui-sans-serif,system-ui,sans-serif;
  font-size:.74rem;
  letter-spacing:-.01em;
}
.tooling-activity-tooltip .tooltip-summary{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.tooling-activity-tooltip .tooltip-count{color:#91f39c;font-weight:700}
.tooling-activity-tooltip .tooltip-week{margin-top:5px;color:#6f7a83}

/* The profile stacks according to the GitHub card's available width, not the
   viewport. This keeps split-screen, browser zoom and unusual resolutions sane. */
@container (max-width:760px){
  .tooling-activity-content{grid-template-columns:1fr;gap:18px}
  .tooling-activity-main{display:block}
  .tooling-github-profile{
    padding:18px 0 0;
    border-left:0;
    border-top:1px solid rgba(255,255,255,.08);
  }
  .tooling-github-bio{max-width:64ch}
}

@container (max-width:500px){
  .tooling-github-profile-head{grid-template-columns:52px minmax(0,1fr);gap:12px}
  .tooling-github-avatar{width:52px;height:52px}
  .tooling-github-language-legend{grid-template-columns:1fr}
  .tooling-github-meta{gap:5px}
  .tooling-github-badge{padding-inline:7px}
}

@container (max-width:360px){
  .tooling-github-profile-head{grid-template-columns:46px minmax(0,1fr)}
  .tooling-github-avatar{width:46px;height:46px}
  .tooling-github-name{font-size:.86rem}
  .tooling-github-handle{font-size:.46rem}
}