*{box-sizing:border-box}:root{--bg:#090b10;--panel:#10131b;--text:#f5f7fb;--muted:#9ba3b4;--line:rgba(255,255,255,.09);--accent:#9ee7ff;--max:1180px}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% 10%,rgba(124,156,255,.12),transparent 30%),var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-header,main,footer{width:min(calc(100% - 32px),var(--max));margin:auto}.site-header{padding:24px 0;display:flex;justify-content:space-between;position:sticky;top:0;z-index:20;background:rgba(9,11,16,.82);backdrop-filter:blur(14px)}.logo{font-weight:800}.logo span,.eyebrow,.accent{color:var(--accent)}nav{display:flex;gap:22px}nav a{color:var(--muted)}.hero,.tools-hero{padding:90px 0 70px}.eyebrow{font:600 .75rem ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.12em}.hero h1,.tools-hero h1{font-size:clamp(3rem,7vw,6.4rem);line-height:.98;letter-spacing:-.06em;margin:14px 0 24px}.hero p,.tools-hero p{max-width:720px;color:var(--muted);font-size:1.08rem}.button{display:inline-block;padding:12px 17px;border:1px solid var(--line);border-radius:12px;font-weight:600;cursor:pointer}.primary{background:var(--text);color:var(--bg)}.secondary{background:rgba(255,255,255,.03);color:var(--text)}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.section{padding:80px 0;border-top:1px solid var(--line)}.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0 44px}.tool-nav a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem}.tool-nav a:hover{color:var(--text);border-color:rgba(158,231,255,.35)}.tool{padding:55px 0;border-top:1px solid var(--line);scroll-margin-top:90px}.tool h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.045em;margin:6px 0 8px}.tool>p{color:var(--muted);max-width:760px;margin-bottom:28px}.calc-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.panel,.result{border:1px solid var(--line);background:rgba(16,19,27,.9);border-radius:18px;padding:24px}.result{align-self:start;position:sticky;top:92px}.grid2{display:grid;grid-template-columns:1fr 130px;gap:12px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.field{margin-bottom:15px}.field label{display:block;color:var(--muted);font-size:.88rem;margin-bottom:7px}input,select{width:100%;background:#0c0f16;color:var(--text);border:1px solid var(--line);border-radius:11px;padding:12px;font:inherit}.result-label{font:600 .75rem ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.result-value{font-size:clamp(2.2rem,5vw,3.8rem);line-height:1;margin:12px 0}.result-unit{color:var(--accent)}.instruction,.equation{margin-top:18px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}.equation{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--accent)}.error{color:#ffb4b4;min-height:1.3em;margin-top:10px}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid var(--line);text-align:left;font-size:.88rem}th{color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0 55px;color:var(--muted);display:flex;justify-content:space-between;font-size:.82rem}@media(max-width:760px){nav{display:none}.calc-shell,.grid2,.grid3{grid-template-columns:1fr}.result{position:static}footer{flex-direction:column}}

/* Pinned bench reagent quick reference */
.bench-pinned{
  margin:10px 0 70px;
  padding:30px;
  border:1px solid rgba(158,231,255,.25);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 0%,rgba(158,231,255,.09),transparent 28%),
    rgba(16,19,27,.78);
}
.bench-heading{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
}
.bench-heading h2{
  font-size:clamp(2rem,4vw,3.3rem);
  line-height:1;
  letter-spacing:-.05em;
  margin:8px 0 12px;
}
.bench-intro{
  max-width:760px;
  color:var(--muted);
  margin:0;
}
.pin-badge{
  flex:0 0 auto;
  border:1px solid rgba(158,231,255,.28);
  background:rgba(158,231,255,.07);
  color:var(--accent);
  border-radius:999px;
  padding:7px 11px;
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.72rem;
  letter-spacing:.08em;
}
.bench-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.bench-card{
  min-height:150px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.025);
}
.bench-name{
  color:var(--muted);
  font-size:.88rem;
  margin-bottom:14px;
}
.bench-value{
  font-size:1.55rem;
  line-height:1.1;
  font-weight:700;
  letter-spacing:-.035em;
}
.bench-meta{
  margin-top:8px;
  color:var(--accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.76rem;
}
.warning-card{
  border-color:rgba(255,180,180,.26);
}
.bench-warning{
  margin-top:13px;
  padding-top:12px;
  border-top:1px solid var(--line);
  color:#ffcece;
  font-size:.76rem;
  line-height:1.45;
}
.bench-note{
  margin-top:18px;
  padding:15px 16px;
  border-radius:13px;
  border:1px solid var(--line);
  color:var(--muted);
  font-size:.84rem;
  background:rgba(255,255,255,.018);
}
.bench-note strong{color:var(--text)}
@media(max-width:900px){
  .bench-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .bench-pinned{padding:22px}
  .bench-heading{flex-direction:column}
  .bench-grid{grid-template-columns:1fr}
}


/* Links page */
.links-hero{padding:82px 0 54px;border-bottom:1px solid var(--line)}
.links-hero h1{margin:14px 0 20px;font-size:clamp(3rem,8vw,6.6rem);line-height:.95;letter-spacing:-.065em}
.links-hero p:last-child{max-width:700px;color:var(--muted);font-size:1.08rem}
.links-section{padding:58px 0;border-bottom:1px solid var(--line)}
.links-section-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:20px}
.links-section h2{margin:8px 0 0;font-size:2rem;letter-spacing:-.04em}
.links-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.link-card{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center;min-height:118px;padding:19px 20px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.022);transition:.18s ease}
.link-card:hover{transform:translateY(-2px);border-color:rgba(158,231,255,.36);background:rgba(255,255,255,.035)}
.featured-link{grid-column:1/-1;min-height:150px;background:radial-gradient(circle at 90% 20%,rgba(158,231,255,.09),transparent 28%),rgba(255,255,255,.025)}
.link-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;font-weight:700;background:rgba(255,255,255,.025)}
.link-card h2,.link-card h3{margin:0 0 5px;font-size:1.12rem}
.link-card p{margin:0;color:var(--muted);font-size:.88rem}
.link-card>span:last-child{color:var(--accent);font-size:1.1rem}
.spotify-shell{margin-top:20px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}
.spotify-shell iframe{display:block;border:0}
.referral-pill{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem}
.referral-note{margin:20px 0 0;color:var(--muted);font-size:.8rem}
.elsewhere-section h2{font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em;margin:8px 0 24px}
.elsewhere-links{display:flex;flex-wrap:wrap;gap:10px}
.elsewhere-links a{border:1px solid var(--line);border-radius:999px;padding:10px 14px;color:var(--muted)}
.elsewhere-links a:hover{color:var(--text);border-color:rgba(158,231,255,.35)}
@media(max-width:760px){.links-grid{grid-template-columns:1fr}.links-section-head{align-items:flex-start;flex-direction:column}.featured-link{grid-column:auto}}

/* Polish pass */
.skip-link{position:absolute;left:-9999px;top:10px;z-index:999;padding:10px 14px;border-radius:10px;background:var(--text);color:var(--bg)}.skip-link:focus{left:10px}.menu-button{display:none;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.03);color:var(--text);padding:8px 11px;font:inherit;font-size:.86rem}.hero-polished{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:60px;align-items:end}.hero-copy-block{max-width:900px}.hero-status-card{border:1px solid var(--line);border-radius:18px;padding:22px;background:rgba(255,255,255,.025)}.status-label{margin:0 0 14px;color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;letter-spacing:.1em}.hero-status-card ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;color:var(--muted)}.hero-status-card li{display:flex;align-items:center;gap:10px}.hero-status-card li span{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px rgba(158,231,255,.55)}.featured-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.feature-card{min-height:260px;padding:26px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022);transition:transform .2s ease,border-color .2s ease}.feature-card:hover{transform:translateY(-3px);border-color:rgba(158,231,255,.35)}.feature-main{grid-column:1/-1;min-height:310px;background:radial-gradient(circle at 85% 20%,rgba(158,231,255,.1),transparent 30%),rgba(255,255,255,.025)}.feature-kicker{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;letter-spacing:.1em}.feature-card h3{max-width:720px;margin:34px 0 12px;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.05;letter-spacing:-.04em}.feature-card p{max-width:720px;color:var(--muted)}.feature-action{display:inline-block;margin-top:24px;color:var(--accent);font-size:.88rem}.muted-action{color:var(--muted)}.site-footer{width:min(calc(100% - 32px),var(--max));margin:0 auto;padding:38px 0 60px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:start}.site-footer p{margin:7px 0 0;color:var(--muted);font-size:.82rem}.footer-logo{display:inline-block}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-size:.86rem}.footer-links a:hover{color:var(--text)}.notfound{width:min(calc(100% - 32px),800px);margin:0 auto;padding:140px 0}.notfound h1{font-size:clamp(4rem,11vw,8rem);line-height:.9;letter-spacing:-.07em;margin:16px 0 24px}.notfound p{color:var(--muted);max-width:600px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:900px){.hero-polished{grid-template-columns:1fr;gap:30px}.hero-status-card{max-width:520px}}@media(max-width:760px){.menu-button{display:block}.site-nav{display:none;position:absolute;top:68px;left:0;right:0;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(9,11,16,.97);box-shadow:0 16px 50px rgba(0,0,0,.35);flex-direction:column;gap:4px}.site-nav.nav-open{display:flex}.site-nav a{padding:10px 8px}.featured-grid{grid-template-columns:1fr}.feature-main{grid-column:auto}.site-footer{grid-template-columns:1fr}}


/* Polish pass 2 */
.hero-polished{
  grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);
  gap:38px;
}
.hero-status-card{
  max-width:360px;
  justify-self:end;
  width:100%;
}
.hero-status-card li span{
  animation:statusPulse 2.8s ease-in-out infinite;
}
.hero-status-card li:nth-child(2) span{animation-delay:.35s}
.hero-status-card li:nth-child(3) span{animation-delay:.7s}
.hero-status-card li:nth-child(4) span{animation-delay:1.05s}
@keyframes statusPulse{
  0%,100%{opacity:.55;box-shadow:0 0 8px rgba(158,231,255,.25)}
  50%{opacity:1;box-shadow:0 0 16px rgba(158,231,255,.7)}
}

.featured-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.feature-main{
  grid-column:1/-1;
}
.feature-card{
  display:flex;
  flex-direction:column;
}
.feature-card .feature-action{
  margin-top:auto;
  padding-top:24px;
}
.feature-main:hover,
.featured-grid a.feature-card:hover{
  box-shadow:0 18px 60px rgba(0,0,0,.22),0 0 0 1px rgba(158,231,255,.04) inset;
}

.about-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:24px;
}
.about-tags span{
  padding:7px 10px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.72rem;
}

.elsewhere-cards{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.elsewhere-card{
  position:relative;
  min-height:118px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.022);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.elsewhere-card:hover{
  transform:translateY(-2px);
  border-color:rgba(158,231,255,.34);
  background:rgba(255,255,255,.034);
}
.elsewhere-label{
  display:block;
  font-weight:700;
  font-size:1rem;
}
.elsewhere-note{
  display:block;
  margin-top:7px;
  color:var(--muted);
  font-size:.84rem;
}
.elsewhere-arrow{
  position:absolute;
  right:16px;
  top:16px;
  color:var(--accent);
}

@media(max-width:900px){
  .hero-polished{
    grid-template-columns:1fr;
    gap:28px;
  }
  .hero-status-card{
    justify-self:start;
    max-width:520px;
  }
}
@media(max-width:760px){
  .hero h1{
    line-height:.92;
  }
  .featured-grid{
    grid-template-columns:1fr;
  }
  .elsewhere-cards{
    grid-template-columns:1fr;
  }
  .site-footer{
    row-gap:22px;
  }
}


/* Project case study */
.case-hero{
  padding:82px 0 74px;
}
.case-breadcrumb{
  margin-bottom:28px;
  color:var(--muted);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.78rem;
}
.case-breadcrumb a:hover{color:var(--accent)}
.case-hero h1{
  max-width:950px;
  margin:14px 0 24px;
  font-size:clamp(3.4rem,9vw,7.4rem);
  line-height:.92;
  letter-spacing:-.07em;
}
.case-lead{
  max-width:760px;
  color:var(--muted);
  font-size:1.12rem;
}
.case-meta-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  margin-top:46px;
}
.case-meta-grid div{
  padding:16px;
  border:1px solid var(--line);
  border-radius:13px;
  background:rgba(255,255,255,.02);
}
.case-meta-grid span{
  display:block;
  margin-bottom:8px;
  color:var(--accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.65rem;
  letter-spacing:.08em;
}
.case-meta-grid strong{
  font-size:.9rem;
}
.case-section{
  padding:82px 0;
  border-top:1px solid var(--line);
}
.case-section h2{
  max-width:850px;
  margin:10px 0 30px;
  font-size:clamp(2.2rem,5vw,4.3rem);
  line-height:1;
  letter-spacing:-.055em;
}
.case-two-col,
.case-highlight{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:72px;
  align-items:start;
}
.case-two-col h2,
.case-highlight h2{
  margin-bottom:0;
}
.case-copy{
  padding-top:26px;
  color:var(--muted);
  font-size:1.02rem;
}
.case-copy p:first-child{margin-top:0}
.capability-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.capability-card{
  min-height:235px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:16px;
  background:rgba(255,255,255,.022);
}
.capability-card>span{
  color:var(--accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.7rem;
}
.capability-card h3{
  margin:34px 0 10px;
  font-size:1.2rem;
}
.capability-card p{
  color:var(--muted);
  font-size:.88rem;
}
.case-highlight{
  padding:54px;
  border:1px solid rgba(158,231,255,.18);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 20%,rgba(158,231,255,.08),transparent 32%),
    rgba(255,255,255,.018);
  margin:40px 0;
}
.stack-row{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
}
.stack-row span{
  padding:8px 11px;
  border:1px solid var(--line);
  border-radius:999px;
  color:var(--muted);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.75rem;
}
.case-note{
  max-width:760px;
  margin-top:24px;
  color:var(--muted);
  font-size:.83rem;
}
.case-cta{
  padding-bottom:110px;
}
.case-cta p:not(.eyebrow){
  max-width:720px;
  color:var(--muted);
}
@media(max-width:900px){
  .case-meta-grid{grid-template-columns:repeat(2,1fr)}
  .capability-grid{grid-template-columns:repeat(2,1fr)}
  .case-two-col,.case-highlight{grid-template-columns:1fr;gap:24px}
  .case-copy{padding-top:0}
}
@media(max-width:760px){
  .case-hero{padding-top:60px}
  .case-meta-grid,.capability-grid{grid-template-columns:1fr}
  .case-highlight{padding:24px}
}


/* Public repo links */
.repo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.repo-card{
  min-height:220px;
  padding:24px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.022);
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.repo-card:hover{
  transform:translateY(-2px);
  border-color:rgba(158,231,255,.34);
  background:rgba(255,255,255,.034);
}
.repo-kicker{
  color:var(--accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
  font-size:.7rem;
  letter-spacing:.1em;
}
.repo-card h3{
  margin:34px 0 12px;
  font-size:clamp(1.45rem,3vw,2rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.repo-card p{
  color:var(--muted);
  margin:0;
}
.repo-action{
  display:inline-block;
  margin-top:24px;
  color:var(--accent);
  font-size:.88rem;
}
@media(max-width:760px){
  .repo-grid{grid-template-columns:1fr}
}


.showcase-hero-image,
.gallery-card{
  margin:0;
}
.showcase-hero-image{
  margin-top:28px;
  border:1px solid var(--line);
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}
.showcase-hero-image img,
.gallery-card img{
  display:block;
  width:100%;
  height:auto;
}
.showcase-hero-image figcaption,
.gallery-card figcaption{
  padding:16px 18px 18px;
  color:var(--muted);
  font-size:.92rem;
}
.project-gallery{
  display:grid;
  gap:14px;
  margin-top:14px;
}
.project-gallery.two-up{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
.gallery-card{
  border:1px solid var(--line);
  border-radius:18px;
  overflow:hidden;
  background:rgba(255,255,255,.02);
}
.gallery-card figcaption{
  display:grid;
  gap:6px;
}
.gallery-card figcaption strong{
  color:var(--text);
  font-size:1rem;
}
.case-showcase-note{
  max-width:860px;
  margin-bottom:0;
}
@media(max-width:760px){
  .project-gallery.two-up{
    grid-template-columns:1fr;
  }
}


/* Project gallery responsive fix */
html,
body{
  max-width:100%;
  overflow-x:hidden;
}

.case-section,
.showcase-hero-image,
.project-gallery,
.gallery-card{
  min-width:0;
  max-width:100%;
}

.showcase-hero-image,
.gallery-card{
  width:100%;
}

.showcase-hero-image img,
.gallery-card img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  object-fit:contain;
}

.project-gallery.two-up{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.project-gallery.two-up > *{
  min-width:0;
}

@media(max-width:900px){
  .project-gallery.two-up{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .showcase-hero-image,
  .gallery-card{
    border-radius:14px;
  }

  .showcase-hero-image figcaption,
  .gallery-card figcaption{
    padding:12px 14px 14px;
  }
}

/* CLS stability pass */
img{max-width:100%;height:auto}
.site-header{min-height:76px;align-items:center}
.site-nav{min-height:28px;align-items:center}
.hero-polished{align-items:start}
.hero-status-card{min-height:250px}
.showcase-hero-image,.gallery-card{overflow:hidden}
.showcase-hero-image img,.gallery-card img{
  display:block;width:100%;height:auto;max-width:100%;
}
@media(min-width:901px){
  .hero-polished .hero-copy-block h1{min-height:3.85em}
}
@media(max-width:900px){
  .hero-status-card{min-height:0}
  .hero-polished .hero-copy-block h1{min-height:0}
}

/* Useful repositories */
.links-section-copy{max-width:720px;color:var(--muted)}
.useful-repo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.useful-repo-card{display:flex;min-width:0;min-height:250px;padding:24px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.022);flex-direction:column;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.useful-repo-card:hover{transform:translateY(-2px);border-color:rgba(158,231,255,.34);background:rgba(255,255,255,.035)}
.repo-card-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.repo-type{color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;letter-spacing:.1em}
.repo-arrow{color:var(--accent);font-size:1rem}
.useful-repo-card h3{margin:34px 0 12px;font-size:clamp(1.45rem,3vw,2rem);line-height:1.05;letter-spacing:-.04em}
.useful-repo-card p{margin:0;color:var(--muted);font-size:.92rem}
.repo-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:24px}
.repo-tags span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.67rem}
@media(max-width:760px){.useful-repo-grid{grid-template-columns:1fr}}