/* Administration > Settings > E-mail previews */
.em-bar { display: flex; flex-wrap: wrap; gap: var(--s3); align-items: center; margin-bottom: var(--s5); }
.em-bar .btn { margin-left: auto; }
.em-layout { display: grid; grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); gap: var(--s5); align-items: start; }
.em-kinds .list > li { padding: 0; min-height: 0; }
.em-kinds .list a { display: block; width: 100%; padding: var(--s3) var(--s5); color: var(--text); }
.em-kinds .list a:hover { text-decoration: none; background: var(--surface-2); }
.em-kinds .list a[aria-current="page"] { font-weight: 600; }
.em-dl { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: var(--s2) var(--s4); margin: 0; }
.em-dl dt { color: var(--muted); }
.em-dl dd { margin: 0; font-weight: 600; overflow-wrap: anywhere; }
.em-frame-wrap { overflow-x: auto; border-radius: var(--r); }
.em-frame { display: block; max-width: 100%; border: 1px solid var(--border); border-radius: var(--r); background: #FAF9F7; margin: 0 auto; }
.em-text-card > summary { cursor: pointer; }
.em-text { margin: 0; padding: var(--s4) var(--s5); white-space: pre-wrap; overflow-wrap: anywhere; font-size: 13px; line-height: 1.55; }
@media (max-width: 900px) { .em-layout { grid-template-columns: minmax(0, 1fr); } .em-bar .btn { margin-left: 0; } }