/* CIT Tools home: the "Quick links" (Image Uploader, Host4CIT, Donate) as a bar right under the header.
   It scrolls away with the page. Phones: three tiles in a row. */
.side{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:10px 22px;
  border-bottom:1px solid color-mix(in srgb,var(--gold) 35%,var(--line));
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--gold) 13%,var(--bg)) 22%,color-mix(in srgb,var(--gold) 13%,var(--bg)) 78%,transparent)}
.side h2{margin:0;font:400 19px/1 var(--head);letter-spacing:.6px;text-transform:uppercase;color:var(--gold)}
.side-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.side .it{--c:var(--gold)}
.side .tool-card{align-items:center;gap:10px;min-height:0;padding:6px 18px 6px 6px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line));background:var(--panel);backdrop-filter:none}
.side .it:hover .tool-card{transform:none}
.side .tool-art{width:34px;height:34px;border-radius:50%}
.side .nm{padding-right:0}
.side .tool-card h3{font-size:16.5px}
.side .d{display:none}
@media (max-width:760px){
  .side{display:block;padding:10px 12px}
  .side h2{font-size:17px;margin-bottom:8px}
  .side-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .side .tool-card{flex-direction:column;gap:6px;min-height:88px;padding:9px 6px;border-radius:12px;text-align:center}
  .side .tool-art{width:34px;height:34px;border-radius:9px}
  .side .tool-card h3{font-size:14px}
}