/* Extracted from pages/canary.html */
.canary-page { max-width: 700px; margin: 0 auto; padding: 2rem; }
.canary-block {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px;
    padding: 2rem; margin: 2rem 0; font-family: var(--font-mono); font-size: 0.85rem;
    line-height: 2; white-space: pre-wrap;
}
.canary-block .canary-title {
    font-size: 1.1rem; font-weight: 700; color: var(--accent);
    display: block; margin-bottom: 1rem;
}
.canary-block .canary-date {
    font-size: 1rem; font-weight: 600; color: var(--text);
    display: block; margin-bottom: 1.5rem;
}
.canary-statement {
    padding: 0.3rem 0; border-bottom: 1px solid var(--border);
    display: flex; align-items: baseline; gap: 0.75rem;
}
.canary-statement:last-of-type { border-bottom: none; }
.canary-num { color: var(--accent); font-weight: 600; min-width: 1.5rem; }
.canary-text { color: var(--text-dim); }
.canary-sig {
    margin-top: 2rem; padding-top: 1rem; border-top: 1px solid var(--border);
    font-size: 0.75rem; color: var(--text-dim);
}
.canary-sig .sig-label { color: var(--accent); }
.canary-status {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.3em 0.8em; border-radius: 4px; font-family: var(--font-mono);
    font-size: 0.8rem; font-weight: 600; margin-bottom: 1rem;
}
.status-active {
    background: rgba(61,220,132,0.15); color: var(--green);
    border: 1px solid var(--green);
}
.status-warning {
    background: rgba(255,170,51,0.15); color: var(--orange);
    border: 1px solid var(--orange);
}
.status-dead {
    background: rgba(255,69,58,0.15); color: var(--red);
    border: 1px solid var(--red);
}
.schedule-info {
    background: var(--bg-card); border: 1px solid var(--border); border-radius: 8px;
    padding: 1.5rem; margin: 1.5rem 0;
}
.schedule-info h3 { font-size: 0.95rem; margin-bottom: 0.75rem; }
.schedule-info p { color: var(--text-dim); font-size: 0.85rem; line-height: 1.7; margin-bottom: 0.5rem; }
.schedule-table { width: 100%; border-collapse: collapse; margin: 1rem 0; font-size: 0.8rem; }
.schedule-table th { text-align: left; color: var(--accent); padding: 0.5rem; border-bottom: 1px solid var(--border); }
.schedule-table td { padding: 0.5rem; color: var(--text-dim); border-bottom: 1px solid var(--border); }