.status-badge {
            font-size: 1.2rem;
            padding: 0.3rem 1rem;
            border-radius: 2rem;
            display: inline-block;
        }.author-bio{display:block}
        .status-up { background-color: #d1e7dd; color: #0f5132; border: 1px solid #badbcc; }
        .status-down { background-color: #f8d7da; color: #842029; border: 1px solid #f5c2c7; }
        .result-detail { background: #f8f9fa; padding: 1rem; border-radius: 8px; font-family: monospace; white-space: pre-wrap; }
        .quick-example { cursor: pointer; transition: all 0.2s; }
        .quick-example:hover { background-color: #e9ecef; transform: translateY(-2px); }
        .spinner-border-sm { width: 1rem; height: 1rem; }
        .input-group-custom { margin-bottom: 1rem; }
        .protocol-selector { margin-bottom: 1rem; }
        .response-time { font-family: 'Courier New', monospace; font-weight: bold; }
        .warning-box { background-color: #fff3cd; border-left: 4px solid #ffc107; padding: 1rem; margin: 1.5rem 0; border-radius: 0 8px 8px 0; }
        .timeline { position: relative; padding-left: 2rem; }
        .timeline:before { content: ''; position: absolute; left: 7px; top: 0; bottom: 0; width: 2px; background: #0d6efd; }
        .timeline-item { position: relative; margin-bottom: 1.5rem; }
        .timeline-item:before { content: ''; position: absolute; left: -1.5rem; top: 5px; width: 12px; height: 12px; border-radius: 50%; background: #0d6efd; }