/* 投稿から渡された部門色を、全掲載先で共通の配色に組み立てる。 */
.interview-themed{
  --interview-gradient:linear-gradient(222.244deg,var(--interview-color-top) 13.112%,var(--interview-color-bottom) 84.109%);
  --interview-tag-gradient:linear-gradient(191.41deg,var(--interview-color-top) 13.112%,var(--interview-color-bottom) 84.109%);
  --interview-schedule-color:var(--interview-color-bottom);
  --interview-schedule-gradient:linear-gradient(180deg,var(--interview-color-top) 0%,var(--interview-color-bottom) 100%);
  --main:var(--interview-gradient);
}

/* カードの所属タグ。ページ側では配置位置だけを指定する。 */
.interview-summary-card__tag{
  position:absolute;
  z-index:2;
  display:flex;
  box-sizing:border-box;
  align-items:center;
  width:fit-content;
  max-width:83.98%;
  height:34px;
  margin:0;
  padding:0 15px;
  border:1.5px solid transparent;
  border-radius:24px;
  background:var(--interview-tag-gradient);
  background-clip:text;
  -webkit-background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  font-family:var(--font-ja);
  font-size:13px;
  font-weight:600;
  line-height:normal;
  letter-spacing:1px;
  white-space:nowrap;
}
.interview-summary-card__tag::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1.5px;
  background:var(--interview-tag-gradient);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}