.dr-notice,
.dr-box,
.dr-checklist,
.dr-toc {
    border: 1px solid rgba(31, 41, 55, 0.12);
    border-radius: 8px;
    margin: 1.5rem 0;
    padding: 1rem;
}

.dr-notice strong,
.dr-box h2,
.dr-checklist h2,
.dr-toc strong {
    display: block;
    color: #1f2937;
    font-size: 1rem;
    margin: 0 0 0.4rem;
}

.dr-notice p,
.dr-box p {
    margin: 0;
}

.dr-notice--medical,
.dr-notice--reviewer,
.dr-notice--privacy,
.dr-box--source {
    background: #eaf4f6;
}

.dr-notice--crisis {
    background: #fdecee;
    border-color: rgba(122, 31, 43, 0.26);
    color: #7a1f2b;
}

.dr-notice--crisis strong {
    color: #7a1f2b;
}

.dr-muted,
.dr-last-updated {
    color: #5f6b7a;
    font-size: 0.95rem;
}

.dr-toc {
    background: #fff3d6;
}

.dr-toc ul,
.dr-box ul,
.dr-checklist ul {
    margin-bottom: 0;
}

.dr-card-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin: 1.5rem 0;
}

.dr-card {
    background: #fffdf9;
    border: 1px solid rgba(31, 41, 55, 0.12);
    border-radius: 8px;
    color: #1f2937;
    display: block;
    padding: 1rem;
    text-decoration: none;
}

.dr-card:hover,
.dr-card:focus-visible {
    border-color: #2f7d7e;
    box-shadow: 0 10px 24px rgba(47, 125, 126, 0.12);
    outline: none;
}

.dr-card strong {
    display: block;
    margin-bottom: 0.35rem;
}

.dr-card span {
    color: #4b5563;
}

.dr-myth-fact {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    margin: 1.5rem 0;
}

.dr-myth-fact > div {
    background: #fffdf9;
    border: 1px solid rgba(31, 41, 55, 0.12);
    border-radius: 8px;
    padding: 1rem;
}