/* Tag Pills v1.2 — sitewide styles */

.tag-pills{
  --pill-gap:.5rem;
  --pill-py:.25rem;
  --pill-px:.5rem;
  --pill-radius:9rem;
  --pill-font-size:.9rem;
  --pill-weight:500;
  --pill-bg:rgba(0,0,0,.05);
  --pill-border:rgba(0,0,0,.18);
  --pill-fg:#BBBABF;
  --pill-bg-hover:rgba(0,0,0,.08);
  --pill-border-hover:rgba(0,0,0,.28);
  --pill-focus:0 0 0 .16rem rgba(0,0,0,.25);
  --pill-container-py:.5rem;
  --pill-container-px:.5rem;
  --pill-line-height: 1;
  font-family: "Crimson Pro", serif;
  --pill-font-size: var(--p3);
  --pill-weight: 400;
  padding: var(--pill-container-py) var(--pill-container-px);
  display:block;
  --pill-justify: space-evenly; /* try space-between if you prefer edge-to-edge */
  --pill-fill: 3rem;           /* adjust if last row looks too loose/tight */
  padding-bottom: 1.5rem !important;
}

@media (prefers-color-scheme: dark){
  .tag-pills{
    --pill-bg:rgba(255,255,255,.06);
    --pill-border:rgba(153,137,246);
    --pill-bg-hover:rgba(255,255,255,.10);
    --pill-border-hover:rgba(255,255,255,.36);
    --pill-focus:0 0 0 .16rem rgba(255,255,255,.30);
  font-family: "Crimson Pro", serif;  /* same as P3 */
  --pill-font-size: var(--p3);        /* same size as P3 */
  --pill-weight: 400;                 /* P3 Regular */
  }
}

.tag-pills__list{
  display: flex;
  flex-wrap: wrap;
  gap: var(--pill-gap);
  justify-content: center;        /* or var(--pill-justify, center) */
  margin: 0;                      /* <-- remove UL indent */
  padding: 0;                     /* <-- remove UL indent */
  list-style: none;               /* belt + suspenders */
}


.tag-pills .tag-pill{
  display:inline-flex; align-items:center; white-space:nowrap; line-height:var(--pill-line-height);
  font-size:var(--pill-font-size); font-weight:var(--pill-weight); color:var(--pill-fg);
  border:1px solid var(--pill-border); background:var(--pill-bg); border-radius:var(--pill-radius);
  padding:var(--pill-py) var(--pill-px); text-decoration:none;
  transition:background .15s ease,border-color .15s ease,box-shadow .15s ease,transform .06s ease;
}

.tag-pills a.tag-pill:hover{ background:var(--pill-bg-hover); border-color:var(--pill-border-hover); }
.tag-pills a.tag-pill:focus-visible{ outline:none; box-shadow:var(--pill-focus); }
.tag-pills .tag-pill.is-more{ opacity:.8; }

.tag-pills .hash{ display:inline-block; opacity:.6; margin-right:.35rem; font-weight:inherit; }

/* Optional compact variant */
.tag-pills.compact{
  --pill-gap:.4rem; --pill-py:.2rem; --pill-px:.5rem; --pill-font-size:.85rem;
}

.tag-pills .tag-pill{
  /* …existing styles… */
  white-space: nowrap;
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: manual;
}

/* Some Squarespace themes draw bullets via ::before or ::marker */
.tag-pills__list > li{ list-style: none; margin: 0; padding: 0; }
.tag-pills__list > li::before,
.tag-pills__list > li::marker{ content: none !important; }

/* Kill any global link “›/→” decoration inside pills */
.tag-pills a.tag-pill::after{ content: none !important; }