#cases[data-case-previews] #cases-title { max-width: 780px; font-size: clamp(30px, 3.8vw, 54px); line-height: 1.08; opacity: 1; transform: none; }
#cases[data-case-previews] .fx-lede { max-width: 430px; }
#cases[data-case-previews] .fx-cases-grid { gap: 20px; align-items: stretch; }
#cases[data-case-previews] .fx-cases-grid > li { opacity: 1; transform: none; }
#cases[data-case-previews] .fx-case-card { display: flex; flex-direction: column; height: 100%; padding: 26px; gap: 0; }
#cases[data-case-previews] .fx-case-card:focus-visible { outline: 2px solid #67ffbd; outline-offset: 5px; }
#cases[data-case-previews] .fx-case-card-head { margin-bottom: 10px; gap: 10px; flex-wrap: wrap; }
#cases[data-case-previews] .fx-case-draft { color: #b9b6d8; border: 1px solid #393750; background: #25243966; letter-spacing: 0; font-family: inherit; font-size: 11px; padding: 4px 8px; margin-left: auto; }
#cases[data-case-previews] .fx-case-profile { margin: 0 0 18px; color: #b6b3c9; font-size: 12px; line-height: 1.5; }
#cases[data-case-previews] .fx-case-card h3 { font-size: clamp(20px, 2vw, 26px); line-height: 1.16; margin: 0 0 20px; min-height: 2.32em; max-width: 100%; }
#cases[data-case-previews] .case-preview-message { margin: 0 0 20px; padding: 17px 18px; border: 1px solid #3e3851; border-left: 3px solid #b4a4ff; border-radius: 4px 14px 14px 4px; background: linear-gradient(110deg, #29213f70, #19152640); }
#cases[data-case-previews] .case-preview-channel { font-size: 10px; letter-spacing: .04em; text-transform: uppercase; color: #b4aecb; line-height: 1.5; margin-bottom: 10px; }
#cases[data-case-previews] .case-preview-sender { display: block; font-size: 12px; color: #c9baff; margin-bottom: 6px; }
#cases[data-case-previews] blockquote { margin: 0; color: #f0edf9; font-size: 15px; line-height: 1.5; font-style: normal; }
#cases[data-case-previews] .case-preview-explanation { display: grid; gap: 16px; margin: 0 0 22px; }
#cases[data-case-previews] .case-preview-explanation dt { font-size: 11px; font-weight: 600; letter-spacing: .025em; margin-bottom: 5px; color: #b6b3c9; }
#cases[data-case-previews] .case-preview-explanation dd { margin: 0; color: #dedbe9; font-size: 14px; line-height: 1.55; }
#cases[data-case-previews] .case-preview-skill { border-top: 1px solid #ffffff12; padding-top: 14px; }
#cases[data-case-previews] .case-preview-skill dt { color: #6aefb5; }
#cases[data-case-previews] .fx-case-more { margin-top: auto; font-size: 13px; padding-top: 2px; }
#cases[data-case-previews] .fx-case-privacy { margin-top: 22px; }
#cases[data-case-previews] .fx-case-privacy p { max-width: 880px; color: #b6b3c9; }
@media (max-width: 680px) {
  #cases[data-case-previews] .fx-cases-grid { grid-template-columns: 1fr; gap: 16px; }
  #cases[data-case-previews] .fx-case-card { padding: 20px; }
  #cases[data-case-previews] .fx-case-card h3 { min-height: 0; }
  #cases[data-case-previews] .fx-case-draft { font-size: 10px; }
  #cases[data-case-previews] .case-preview-message { padding: 14px; }
}
@media (max-width: 360px) {
  #cases[data-case-previews] .fx-case-card { padding: 16px; }
  #cases[data-case-previews] .fx-case-draft { margin-left: 0; }
}