.testnet-market-section { margin-top: 28px; }
.testnet-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.testnet-section-heading h2 { margin: 4px 0 0; font-size: 24px; letter-spacing: -.025em; }
.testnet-section-heading a { color: #1769ff; font-size: 14px; font-weight: 750; text-decoration: none; }
.testnet-eyebrow { color: #1769ff; font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.testnet-list-status { min-height: 20px; margin: 0 0 12px; color: #64748b; font-size: 12px; }
.testnet-sync-status { display: flex; align-items: center; gap: 7px; width: max-content; min-height: 24px; padding: 4px 9px; border-radius: 999px; background: #eaf8ef; color: #17633d; font-weight: 700; }
.testnet-sync-status i { width: 6px; height: 6px; border-radius: 50%; background: #23a264; }
.testnet-sync-status.is-stale { background: #fff4d8; color: #865800; }
.testnet-sync-status.is-stale i { background: #d18a00; }
.testnet-market-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.testnet-market-card { display: grid; gap: 14px; min-width: 0; padding: 18px; border: 1px solid #dce4ee; border-radius: 15px; background: #fff; color: #152238; text-decoration: none; box-shadow: 0 2px 8px rgba(15,31,54,.035); transition: border-color .16s,box-shadow .16s,transform .16s; }
.testnet-market-card:hover { border-color: #afc5df; box-shadow: 0 8px 22px rgba(15,31,54,.08); transform: translateY(-1px); }
.testnet-market-card:focus-visible { outline: 3px solid #1769ff; outline-offset: 3px; }
.testnet-card-top,.testnet-card-bottom,.testnet-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.testnet-card-asset,.testnet-detail-asset { display: flex; align-items: center; gap: 11px; min-width: 0; }
.testnet-card-logo { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; overflow: hidden; border: 1px solid #dce4ee; border-radius: 50%; background: #f7f9fc; color: #52657d; font-size: 11px; font-weight: 800; }
.testnet-card-logo :is(img,svg) { width: 100%; height: 100%; object-fit: contain; }
.testnet-card-asset>div>strong,.testnet-card-asset>div>span { display: block; }
.testnet-card-asset>div>span { margin-top: 2px; color: #66778e; font-size: 12px; }
.testnet-state { flex: 0 0 auto; padding: 5px 8px; border-radius: 999px; background: #eef2f7; color: #465a72; font-size: 10px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.testnet-state.state-open { background: #eaf2ff; color: #1456bd; }
.testnet-state.state-accepted { background: #fff4d8; color: #865800; }
.testnet-state.state-settled { background: #eaf8ef; color: #17633d; }
.testnet-market-card h3 { margin: 0; font-size: 18px; line-height: 1.35; letter-spacing: -.02em; }
.testnet-card-time { margin: 0; color: #66778e; font-size: 12px; }
.testnet-card-bottom { padding-top: 12px; border-top: 1px solid #e8edf3; color: #66778e; font-size: 12px; }
.testnet-card-bottom strong { color: #18304d; font-variant-numeric: tabular-nums; }
.testnet-empty { grid-column: 1/-1; padding: 34px; border: 1px dashed #ccd7e4; border-radius: 15px; background: #fff; text-align: center; }
.testnet-empty h2,.testnet-empty h3 { margin: 0; color: #182b46; font-size: 20px; }
.testnet-empty p { margin: 7px 0 18px; color: #64748b; }
.testnet-empty.is-error { border-style: solid; }
.testnet-detail-shell { max-width: 1120px; }
.testnet-detail-shell>.back-link { display: inline-flex; margin-bottom: 16px; }
.testnet-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 300px; align-items: start; gap: 16px; }
.testnet-detail-card,.testnet-action-card { padding: 28px; border: 1px solid #dce4ee; border-radius: 18px; background: #fff; box-shadow: 0 6px 24px rgba(15,31,54,.055); }
.testnet-detail-head { align-items: flex-start; }
.testnet-detail-asset .testnet-card-logo { width: 48px; height: 48px; }
.testnet-detail-asset>div>span { display: block; margin-bottom: 3px; color: #64748b; font-size: 12px; font-weight: 700; }
.testnet-detail-asset h1 { margin: 0; font-size: 28px; line-height: 1.18; letter-spacing: -.035em; }
.testnet-detail-sides { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 24px 0; }
.testnet-detail-sides section { padding: 16px; border-radius: 12px; background: #f2f5f9; }
.testnet-detail-sides section:first-child { background: #102e50; color: #fff; }
.testnet-detail-sides span,.testnet-detail-sides strong { display: block; }
.testnet-detail-sides span { margin-bottom: 7px; color: #64748b; font-size: 11px; font-weight: 750; text-transform: uppercase; }
.testnet-detail-sides section:first-child span { color: #b8cce1; }
.testnet-detail-sides strong { line-height: 1.35; }
.testnet-detail-terms { margin: 0; }
.testnet-detail-terms>div,.testnet-accept-costs>div,.testnet-identity dl>div { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.5fr); gap: 18px; padding: 12px 0; border-bottom: 1px solid #e5ebf2; }
.testnet-detail-terms dt,.testnet-accept-costs dt,.testnet-identity dt { color: #66778e; }
.testnet-detail-terms dd,.testnet-accept-costs dd,.testnet-identity dd { margin: 0; color: #182b46; text-align: right; font-weight: 650; overflow-wrap: anywhere; }
.testnet-identity { margin-top: 12px; }
.testnet-identity summary { min-height: 44px; padding: 12px 0; color: #52657d; font-size: 13px; font-weight: 700; cursor: pointer; }
.testnet-identity dl { margin: 0; }
.testnet-action-card { position: sticky; top: 88px; }
.testnet-action-card h2 { margin: 0 0 5px; font-size: 19px; }
.testnet-action-card>[role=status] { margin: 0 0 14px; color: #5d6f86; line-height: 1.5; }
.testnet-action-card>[role=status]:empty { display: none; }
.testnet-action-card .button { width: 100%; min-height: 46px; }
.testnet-accept-costs { margin: 14px 0; }
.testnet-accept-costs>div { padding: 8px 0; font-size: 13px; }
.testnet-accept-steps { display: grid; gap: 0; margin: 2px 0 16px; padding: 0; list-style: none; }
.testnet-accept-steps li { position: relative; display: grid; grid-template-columns: 24px minmax(0,1fr); align-items: center; gap: 9px; min-height: 34px; color: #718096; font-size: 12px; font-weight: 700; }
.testnet-accept-steps li:not(:last-child)::after { content: ''; position: absolute; left: 11px; top: 27px; bottom: -7px; width: 2px; background: #dce4ee; }
.testnet-accept-steps li>span { display: grid; place-items: center; z-index: 1; width: 24px; height: 24px; border: 1px solid #cbd6e3; border-radius: 50%; background: #fff; color: #64748b; font-size: 11px; }
.testnet-accept-steps li.is-current { color: #182b46; }
.testnet-accept-steps li.is-current>span { border-color: #1769ff; background: #1769ff; color: #fff; }
.testnet-accept-steps li.is-complete { color: #36536f; }
.testnet-accept-steps li.is-complete>span { border-color: #b6dfc7; background: #eaf8ef; color: #17633d; }
.testnet-accept-steps li.is-complete:not(:last-child)::after { background: #b6dfc7; }

@media(max-width:800px) {
  .testnet-detail-layout { grid-template-columns: 1fr; }
  .testnet-action-card { position: static; }
  .testnet-market-grid,.testnet-detail-sides { grid-template-columns: 1fr; }
  .testnet-market-section { margin-top: 20px; }
  .testnet-detail-card,.testnet-action-card { padding: 18px; border-radius: 14px; }
  .testnet-detail-asset h1 { font-size: 23px; }
  .testnet-detail-terms>div,.testnet-accept-costs>div,.testnet-identity dl>div { grid-template-columns: 1fr; gap: 4px; }
  .testnet-detail-terms dd,.testnet-accept-costs dd,.testnet-identity dd { text-align: left; }
  .testnet-section-heading { align-items: center; }
  .testnet-section-heading h2 { font-size: 22px; }
}