.email-comparison, .greeting-guide, .tone-guide {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
}
.email-comparison th, .greeting-guide th, .tone-guide th {
    background: #f5f5f5;
    padding: 12px;
    text-align: left;
    border: 1px solid #ddd;
}
.email-comparison td, .greeting-guide td, .tone-guide td {
    padding: 12px;
    border: 1px solid #ddd;
    vertical-align: top;
}
.email-example {
    background: #f8f9fa;
    border-left: 4px solid #007cba;
    padding: 20px;
    margin: 20px 0;
    font-family: 'Courier New', monospace;
    white-space: pre-wrap;
    border-radius: 4px;
}
.checklist-container {
    display: flex;
    gap: 20px;
    margin: 20px 0;
}
.checklist-column {
    flex: 1;
}
.checklist-column input[type="checkbox"] {
    margin-right: 8px;
}
pre.email-template {
    background: #e3f2fd;
    border: 1px solid #bbdefb;
    padding: 20px;
    border-radius: 8px;
}
.mermaid {
    text-align: center;
    margin: 30px 0;
    padding: 20px;
    background: #f5f5f5;
    border-radius: 8px;
}