.mc-ex{border:1px solid var(--color-mc-tile-border);border-radius:var(--radius-md);background:var(--color-mc-tile);font-size:var(--text-small);border-inline-start-width:3px;padding:.75rem 1rem;line-height:1.65}.mc-ex[data-tone=correct]{border-color:var(--color-mc-border-accent);border-inline-start-color:var(--color-mc-accent);background:var(--color-mc-accent-faint)}.mc-ex[data-tone=incorrect]{border-color:#ec728059;border-inline-start-color:var(--color-mc-danger);background:#ec728012}.mc-ex-label{color:var(--color-mc-text);flex-wrap:wrap;align-items:center;gap:.125rem .5rem;margin:0;font-weight:500;line-height:1.6;display:flex}.mc-ex[data-tone=correct] .mc-ex-label svg{color:var(--color-mc-accent-text);flex:none}.mc-ex[data-tone=incorrect] .mc-ex-label svg{color:var(--color-mc-danger);flex:none}.mc-ex-status{font-weight:600}.mc-ex-title{color:var(--color-mc-text-secondary);font-weight:400}.mc-ex-text{color:var(--color-mc-text-soft);margin:.25rem 0 0}
.mc-img{margin:0}.prose-rules>.mc-img{margin-block:1.25em}.mc-img-btn{border:1px solid var(--color-mc-border-strong);border-radius:var(--radius-lg);background:var(--color-mc-bg);cursor:zoom-in;width:100%;max-width:100%;padding:0;line-height:0;display:block;position:relative;overflow:hidden}.mc-img-btn:hover{border-color:var(--color-mc-border-accent)}.mc-img-el{width:100%;max-width:100%;height:auto;display:block}.mc-img-hint{border:1px solid var(--color-mc-tile-border);border-radius:var(--radius-md);background:var(--color-mc-bg);color:var(--color-mc-text);align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1.45;display:inline-flex;position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem}.mc-img-cap{color:var(--color-mc-text-secondary);text-align:start;margin:.5rem 0 0;font-size:.875rem;line-height:1.6}dialog.mc-lightbox{width:100%;max-width:none;height:100%;max-height:none;color:var(--color-mc-text);background:#0d111af5;border:0;margin:0;padding:1rem;position:fixed;inset:0;overflow:auto}dialog.mc-lightbox:not([open]){display:none}dialog.mc-lightbox[open]{flex-direction:column;align-items:center;display:flex}dialog.mc-lightbox::backdrop{background:#0d111af5}.mc-lightbox-bar{justify-content:flex-end;width:100%;max-width:80rem;display:flex}.mc-lightbox-close{border:1px solid var(--color-mc-border-strong);border-radius:var(--radius-lg);background:var(--color-mc-tile);min-height:2.75rem;color:var(--color-mc-text);align-items:center;gap:.5rem;padding:0 1rem;font-size:1rem;line-height:1.5;display:inline-flex}.mc-lightbox-close:hover{border-color:var(--color-mc-border-accent)}.mc-lightbox-img{object-fit:contain;border:1px solid var(--color-mc-border-strong);border-radius:var(--radius-lg);width:100%;max-width:80rem;height:auto;max-height:calc(100dvh - 8rem);margin-top:.75rem;display:block}@media (max-width:639px){dialog.mc-lightbox{padding:.5rem 0}.mc-lightbox-bar{padding-inline:.5rem}.mc-lightbox-img{border-inline:0;border-radius:0;max-width:none}.mc-lightbox-cap{padding-inline:1rem}}.mc-lightbox-cap{max-width:60rem;color:var(--color-mc-text-soft);text-align:start;margin:.75rem 0 0;font-size:1rem;line-height:1.7}html:has(dialog.mc-lightbox[open]){overflow:hidden}