.content {
  overflow: visible;
  padding-block-end: 1.5rem;
}

.js-fi-container {
  isolation: isolate;
  position: relative;
  z-index: 101;
}

.js-fi-grid {
  display: grid;
  user-select: none;
  padding: 0;
  position: relative;
  align-items: center;
}

.js-fi-grid input,
.js-fi-grid button {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.js-fi-grid input[type='radio']+label::before {
  display: none;
}

.js-fi-grid input[type="radio"]:checked+label {
  color: #fff;
  background-color: #e12d3e;
}

.js-fi-grid input[type="radio"]+label {
  border-top: 1px solid #fff;
  margin: 0;
  padding: .5rem 1rem;
  font-size: .875rem;
  font-weight: 600;
}

.js-fi-grid input[type="radio"]:first-child+label {
  border-top: 0;
}

.js-fi-inputs {
  border-bottom: 1px solid #0000004d;
  display: flex;
  padding: 1rem;
}

.js-fi {
  width: 100%;
}

.js-fi-toggles {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.js-fit {
  margin: 0;
}

.js-fit:not(:last-child) {
  border-right: thin solid #0000004d;
}

.js-fitb {
  cursor: pointer;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem .25rem 1rem .75rem;
}

.js-fitp {
  background-color: #d7e1e6;
  box-shadow: 0 0.25rem 0.25rem #0000001a;
  color: #212121;
  inset-inline: 0;
  position: absolute;
}

.js-fitp.order {
  display: grid;
  gap: 1rem;
  grid-template-columns: 1fr 1fr;
  padding: 1rem;
}

.order-title,
.order-write,
.order-button {
  grid-column: 1 / -1;
}

[open] .js-fitb {
  background-color: #d7e1e6;
  color: #212121;
}

[open] .js-fitb svg {
  transform: rotate(-180deg);
}

.js-fitb::-webkit-details-marker {
  display: none;
}

.entry {
  border-bottom: 1px solid gray;
  display: grid;
  grid-template-columns: 1fr;
  padding-block: 1.5rem;
}

.entry-text h2 {
  margin: 0;
}

.entry-links {
  display: flex;
  flex-wrap: wrap;
  column-gap: 0.25rem;
  position: relative;
}

.entry-links>* {
  flex: 1 1 35ch;
}

.entry-links>a,
.entry-links summary {
  background-color: #336;
  background-image: url(../images/audio.svg);
  background-position: 0.5rem 50%;
  background-repeat: no-repeat;
  background-size: 1.5cap;
  color: #fff;
  cursor: pointer;
  display: block;
  margin-block-end: 0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 2.5rem;
}

.entry-links>[href*='.pdf'] {
  background-image: url(../images/pdf.svg);
}

.entry-links>[data-icon='web-only'] {
  background-image: url(../images/web-only.svg);
}

.entry-links details {
  margin: 0;
  padding-block-end: 0.5rem;
}

.entry-links summary {
  background-image: url(../images/other-languages.svg);
}

.entry-links summary::-webkit-details-marker {
  display: none;
}

.entry-links>a:focus-visible,
.entry-links summary:focus-visible {
  background-color: #15c;
  box-shadow: none;
}

.entry-links div {
  background-color: #eee;
  border-radius: 3px;
  box-shadow: 0 0.25rem 0.25rem #0000001a;
  column-fill: balance;
  column-width: 20ch;
  padding: 0.5rem;
  position: relative;
  z-index: 99;
}

.entry-links div::before {
  position: absolute;
  top: -7px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  content: '';
  border-right: 10px solid transparent;
  border-bottom: 10px solid #eee;
  border-left: 10px solid transparent;
}

.entry-links div a {
  background-image: none;
  display: block;
  padding: 0.2rem 0.5rem;
}

@media (width>=45em) {
  .js-fi-grid {
    gap: 1.5rem .5rem;
    grid-template-columns: 2.5fr 1fr;
    padding-inline: 1.5rem;
  }

  .js-fi-grid input[type="radio"]+label {
    font-size: .75rem;
  }

  .js-fi-inputs {
    border: 0;
    padding: 0;
  }

  .js-fi-toggles {
    display: flex;
  }

  .js-fit:not(:last-child) {
    border: 0;
  }

  .js-fitp {
    inline-size: max-content;
    inset-inline: unset;
  }

  .js-fitp.order {
    font-size: 0.875rem;
    padding: 1rem;
    right: 0;
  }
}

@media (width>=55em) {
  .entry {
    gap: 1.5rem;
    grid-template-columns: 2.5fr 1fr;
  }

  .entry-links {
    display: block;
  }

  .entry-links div {
    font-size: 0.8rem;
    position: absolute;
    inset-inline-end: 0;
    width: 115%;
  }

  .entry-links div:has(> :nth-child(14)) {
    width: 145%;
  }
}

@media (hover: hover) {

  .js-fit:not([open]) .js-fitb:hover {
    color: #18ffff;
  }

  .entry-links>a:hover,
  .entry-links summary:hover {
    background-color: #15c;
  }

}

@media (scripting: none) {

  .js-fi-inputs {
    display: none;
  }

  @media (width >=45em) {
    .js-fitp.order {
      right: unset;
    }
  }

}

@media print {

  .js-fi-container {
    display: none;
  }

  .entry-links {
    gap: 1rem;
  }

  .entry-links > * {
    flex: none;
  }

  .entry-links a,
  .entry-links summary {
    padding: 0;
    text-decoration: underline;
  }

}

/*------------------------------------*\

# FILTER

\*------------------------------------*/

#js-fw:has([value=calendar]:checked) .entry:not([data-topics*=calendar]),
#js-fw:has([value=disability]:checked) .entry:not([data-topics*=disability]),
#js-fw:has([value=general]:checked) .entry:not([data-topics*=general]),
#js-fw:has([value=medicare]:checked) .entry:not([data-topics*=medicare]),
#js-fw:has([value=retirement]:checked) .entry:not([data-topics*=retirement]),
#js-fw:has([value=survivors]:checked) .entry:not([data-topics*=survivors]),
#js-fw:has([value=online]:checked) .entry:not([data-topics*=online]),
#js-fw:has([value=ssn]:checked) .entry:not([data-topics*=ssn]),
#js-fw:has([value=ssi]:checked) .entry:not([data-topics*=ssi]),
#js-fw:has([value=appeals]:checked) .entry:not([data-topics*=appeals]) {
  display: none;
}

[hidden] {
  display: none;
}