@layer pages {
.cm{padding-block:6px 64px}
.cm-head{display:flex;gap:24px;align-items:center;background:var(--od-mist);border-radius:18px;padding:28px 32px;margin-block-end:30px}
.cm-undo{flex:none;inline-size:84px;block-size:84px;border-radius:50%;background:var(--od-rose);color:#fff;display:grid;place-items:center;font-size:3rem;line-height:1}
.cm-head p{color:#34445a;margin-block-start:8px;max-inline-size:760px}
.cm-table{inline-size:100%;border-collapse:collapse;font-size:.96rem}
.cm-table thead th{font-family:var(--od-cond);text-transform:uppercase;letter-spacing:.06em;text-align:start;padding:12px 14px;background:var(--od-navy);color:#fff}
.cm-table tbody th{text-align:start;padding:16px 14px;color:var(--od-navy);font-weight:900;inline-size:24%;vertical-align:top}
.cm-table td{padding:16px 14px;vertical-align:top;color:#34445a}
.cm-table tbody tr:nth-child(odd){background:var(--od-paper)}
.cm-where{font-weight:800;color:var(--od-blue)!important;inline-size:22%;word-break:break-word}
.cm-foot{margin-block-start:22px;color:var(--od-mute)}
@media (max-width:760px){.cm-head{flex-direction:column;align-items:flex-start}.cm-table thead{display:none}.cm-table tr{display:grid;padding:10px 0;border-block-end:1px solid var(--od-line)}.cm-table tbody th,.cm-table td,.cm-where{inline-size:auto;padding:4px 10px}}
}