.fm-watch{
  --fmw-verified:#245f4d;
  --fmw-partial:#a36c18;
  --fmw-open:#963f2f;
  --fmw-ink:#132b35;
  --fmw-muted:#5d6a6e;
  --fmw-line:#d8d0c3;
}

.fm-watch__intro{
  max-width:78rem;
}

.fm-watch__meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin:1.35rem 0;
}

.fm-watch__meta div{
  background:#fff;
  border:1px solid var(--fmw-line);
  border-top:4px solid var(--fmw-verified);
  padding:.85rem 1rem;
}

.fm-watch__meta span{
  display:block;
  color:var(--fmw-muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}

.fm-watch__meta strong{
  display:block;
  margin-top:.2rem;
}

.fm-watch__table-wrap{
  overflow-x:auto;
  margin:1.25rem 0;
  border:1px solid var(--fmw-line);
  background:#fff;
}

.fm-watch__table{
  min-width:72rem;
  margin:0;
}

.fm-watch__table caption{
  padding:1rem;
  text-align:left;
  color:var(--fmw-muted);
  font-size:.88rem;
}

.fm-watch__table th{
  white-space:nowrap;
}

.fm-watch__table td:nth-child(1){width:20%}
.fm-watch__table td:nth-child(2){width:30%}
.fm-watch__table td:nth-child(3){width:31%}
.fm-watch__table td:nth-child(4){width:19%}

.fm-watch__id{
  display:block;
  margin-bottom:.4rem;
  color:var(--fmw-muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.05em;
}

.fm-watch__event-list,
.fm-watch__links{
  display:flex;
  flex-wrap:wrap;
  gap:.35rem;
  margin-top:.65rem;
}

.fm-watch__event{
  display:inline-block;
  border:1px solid var(--fmw-line);
  border-radius:999px;
  padding:.16rem .45rem;
  color:var(--fmw-muted);
  font-size:.68rem;
  line-height:1.35;
}

.fm-watch__status{
  display:inline-block;
  margin-bottom:.55rem;
  border-radius:999px;
  padding:.22rem .55rem;
  color:#fff;
  background:var(--fmw-open);
  font-size:.72rem;
  font-weight:850;
  letter-spacing:.02em;
}

.fm-watch__status[data-state="VERIFIED_EVENT"]{background:var(--fmw-verified)}
.fm-watch__status[data-state="VERIFIED_SCOPE_OPEN_INSTRUMENT"]{background:var(--fmw-partial)}
.fm-watch__status[data-state="OPEN_CAUSAL_BRIDGE"],
.fm-watch__status[data-state="OPEN_CURRENT_STATE"]{background:var(--fmw-open)}

.fm-watch__table p{
  margin:.38rem 0;
}

.fm-watch__label{
  color:var(--fmw-ink);
  font-size:.76rem;
  text-transform:uppercase;
}

.fm-watch__identity{
  border-left:4px solid var(--fmw-partial);
  padding-left:.65rem;
}

.fm-watch__links a{
  font-size:.82rem;
}

.fm-watch__rule{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin:1.2rem 0;
}

.fm-watch__rule > div{
  background:#fff;
  border-left:5px solid var(--fmw-partial);
  padding:1rem;
}

.fm-watch__error{
  border-left:5px solid var(--fmw-open);
  background:#fff;
  padding:1rem;
}

@media(max-width:900px){
  .fm-watch__meta,
  .fm-watch__rule{grid-template-columns:1fr}
}

@media(max-width:760px){
  .fm-watch__table-wrap{
    overflow:visible;
    border:0;
    background:transparent;
  }

  .fm-watch__table,
  .fm-watch__table tbody,
  .fm-watch__table tr,
  .fm-watch__table td{
    display:block;
    width:100%!important;
    min-width:0;
  }

  .fm-watch__table thead,
  .fm-watch__table caption{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }

  .fm-watch__table tr{
    margin:0 0 1rem;
    border:1px solid var(--fmw-line);
    border-top:5px solid var(--fmw-verified);
    background:#fff;
  }

  .fm-watch__table td{
    border-bottom:1px solid var(--fmw-line);
  }

  .fm-watch__table td::before{
    display:block;
    margin-bottom:.35rem;
    color:var(--fmw-muted);
    content:attr(data-column);
    font-size:.7rem;
    font-weight:850;
    letter-spacing:.04em;
    text-transform:uppercase;
  }

  .fm-watch__table td:last-child{border-bottom:0}
}