.invitation-root { display:grid; gap:16px; min-width:0; }
.invitation-root .invitation-section { padding:16px; min-width:0; }
.invitation-root .invitation-url { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.invitation-root .invitation-url input { flex:1; min-width:180px; }
.invitation-root .invitation-state { font-weight:600; margin:12px 0 6px; }
.invitation-root .is-accessible { color:#186535; }
.invitation-root .is-unreachable { color:#a12828; }
.invitation-root .is-not-verified { color:#705514; }
.invitation-root .invitation-advice { padding-left:20px; line-height:1.5; }
.invitation-root .invitation-advice li + li { margin-top:8px; }
.invitation-root summary { cursor:pointer; padding:8px 0; }
.invitation-root .invitation-report { white-space:pre-wrap; overflow-wrap:anywhere; max-height:320px; overflow:auto; font-size:12px; }
.invitation-root textarea { width:100%; }
.invitation-root .field input[type=number] { max-width:140px; }
@media(max-width:600px) { .invitation-root .invitation-url input { min-width:0; width:100%; flex-basis:100%; } }