.xtra-subnav { margin-bottom: 10px; } .xtra-subnav button { flex: 1 1 auto; padding: 0 8px; font-size: 14px; } @media (max-width: 1023px) {
.xtra-subnav { margin-bottom: 8px; }
.xtra-subnav button { height: 36px; }
.xtra-subnav + .search { height: 44px; border-radius: 15px; padding: 0 14px; }
} .split__detail > .xtra-detail { max-width: 760px; margin: 0 auto; }
.xtra-detail h2.serif { font-size: 25px; margin-bottom: 4px; }
.xtra-detail .adopt-form { max-width: 620px; }
.xtra-list .list__item { align-items: flex-start; }
.xtra-list .list__item .pill { margin-top: 2px; }
.xtra-clip { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.xtra-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.xtra-chips button { padding: 6px 12px; border-radius: 999px; background: var(--card); box-shadow: var(--shadow-s); font-size: 13px; font-weight: 700; color: var(--ink-2); }
.xtra-chips button.is-active { background: var(--dark); color: #fff; }
.xtra-kv dd { text-align: left; font-weight: 600; white-space: pre-line; }
@media (max-width: 520px) {
.xtra-kv { grid-template-columns: 1fr; gap: 2px; }
.xtra-kv dd { margin-bottom: 8px; }
} .xtra-alerts { display: grid; gap: 10px; margin-top: 14px; }
.xtra-alert { border-radius: 18px; padding: 14px 16px; font-size: 14px; line-height: 1.45; }
.xtra-alert--sure { background: var(--red-soft); border: 2px solid var(--red); color: #6b1a12; }
.xtra-alert--maybe { background: var(--yellow-soft); border: 1px solid #e6c15a; color: #5f450a; }
.xtra-alert__head { display: flex; align-items: center; gap: 6px; font-size: 16px; font-weight: 800; margin-bottom: 2px; }
.xtra-alert--sure .xtra-alert__head { color: var(--red); }
.xtra-alert__hit { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(0, 0, 0, .1); }
.xtra-alert__reason { margin-top: 4px; white-space: pre-line; }
.xtra-alert .link-btn { display: block; } .xtra-alert__dismissed { margin: 0; padding: 0 4px; }
.xtra-alert__dismissed .link-btn { display: inline; }
.xtra-block-add { color: var(--ink-2); margin-top: 18px; }
.xtra-block-add + .adopt-delete { margin-top: 8px; }
.red { color: var(--red); }
.xtra-cat { margin-top: 6px; margin-right: 4px; white-space: normal; }