/* 국중박 예약 — 색·간격은 아래 값만 쓴다 (2026-10-22 화면 정리). 상태 색은 늘 글자와 같이 나온다. */
.nmk-page {
    --nmk-ink: #1f2b33;
    --nmk-ink-2: #4c5c58;
    --nmk-muted: #6b7a76;
    --nmk-line: #e2e8e5;
    --nmk-line-strong: #c9d5d1;
    --nmk-surface: #fff;
    --nmk-subtle: #f5f8f7;
    --nmk-brand: #205b4a;
    --nmk-brand-soft: #e7f1ed;
    --nmk-ok: #1f7a46;      --nmk-ok-soft: #e3f4ea;
    --nmk-live: #205b4a;    --nmk-live-soft: #e7f1ed;
    --nmk-wait: #5b6b8c;    --nmk-wait-soft: #eceff6;
    --nmk-warn: #8a5a00;    --nmk-warn-soft: #fff3d6;
    --nmk-bad: #b42318;     --nmk-bad-soft: #fdecea;
    --nmk-off: #6b7a76;     --nmk-off-soft: #f0f2f1;
    --nmk-radius: 12px;
    --nmk-gap: 24px;
    /* 콘솔 폭을 다 쓴다 (2026-10-22 사장님 「화면도 좀 넓게」) — 넓으면 설정 | 한눈에 두 칸 */
    max-width: 1680px;
    margin: 0;
    padding: 24px;
    color: var(--nmk-ink);
    line-height: 1.6;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
}
.nmk-page *, .nmk-page *::before, .nmk-page *::after { box-sizing: border-box; }
.nmk-page p { margin: 0 0 12px; }
.nmk-page h4 { margin: 0; }

/* 머리 */
.nmk-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px 24px; flex-wrap: wrap; }
.nmk-heading h2 { font-size: 26px; margin: 2px 0 6px; line-height: 1.3; letter-spacing: -.01em; }
.nmk-heading p:last-child { margin-bottom: 0; }
.nmk-eyebrow { color: var(--nmk-muted); font-size: 13px; letter-spacing: .04em; margin-bottom: 0 !important; }
.nmk-lede { color: var(--nmk-ink-2); }

/* 상태 알약·점 — data-tone 하나로 색을 고른다 */
.nmk-badge, .nmk-pill { display: inline-flex; align-items: center; gap: 6px; border-radius: 999px; font-size: 13px; line-height: 1.4; font-weight: 600; white-space: nowrap; color: var(--nmk-off); background: var(--nmk-off-soft); }
.nmk-badge { padding: 8px 14px; }
.nmk-pill { padding: 4px 10px; }
/* 표 상태 알약은 점 없이 — ✅·❌·⚠️ 가 이미 모양을 준다 */
.nmk-badge::before, .nmk-dot { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: currentColor; flex: 0 0 8px; }
[data-tone=ok] { --tone: var(--nmk-ok); --tone-soft: var(--nmk-ok-soft); }
[data-tone=live] { --tone: var(--nmk-live); --tone-soft: var(--nmk-live-soft); }
[data-tone=wait] { --tone: var(--nmk-wait); --tone-soft: var(--nmk-wait-soft); }
[data-tone=warn] { --tone: var(--nmk-warn); --tone-soft: var(--nmk-warn-soft); }
[data-tone=bad] { --tone: var(--nmk-bad); --tone-soft: var(--nmk-bad-soft); }
[data-tone=off] { --tone: var(--nmk-off); --tone-soft: var(--nmk-off-soft); }
.nmk-badge[data-tone], .nmk-pill[data-tone] { color: var(--tone); background: var(--tone-soft); }
.nmk-dot[data-tone] { background: var(--tone); }
.nmk-count { display: inline-block; min-width: 24px; padding: 1px 8px; margin-left: 4px; border-radius: 999px; background: var(--nmk-subtle); border: 1px solid var(--nmk-line); color: var(--nmk-ink-2); font-size: 12px; font-weight: 600; text-align: center; vertical-align: middle; }

/* 알림 줄 */
.nmk-page .nmk-notice { padding: 14px 18px; border-radius: var(--nmk-radius); margin: 20px 0; background: var(--nmk-warn-soft); border: 1px solid #f3dfae; }
.nmk-page .nmk-notice[data-tone=live] { background: var(--nmk-brand-soft); border-color: #cfe2da; }
#nmkNotice:not(:empty) { padding: 14px 18px; margin-bottom: 20px; background: var(--nmk-subtle); border: 1px solid var(--nmk-line); border-left: 4px solid var(--nmk-brand); border-radius: 10px; }
.nmk-page .nmk-alert { margin: 0 0 20px; padding: 12px 16px; border-radius: 10px; background: var(--nmk-bad-soft); color: #8a1f1f; font-weight: 600; }

/* 카드 */
.nmk-card { min-width: 0; background: var(--nmk-surface); border: 1px solid var(--nmk-line); border-radius: 16px; padding: 24px 28px; margin: var(--nmk-gap) 0; box-shadow: 0 1px 2px #243b320d, 0 4px 16px #243b320a; }
.nmk-card h3 { margin: 0 0 16px; font-size: 18px; line-height: 1.4; }
.nmk-card p:last-child { margin-bottom: 0; }
.nmk-card .nmk-heading h3 { margin: 0; }
.nmk-card > .nmk-heading { margin-bottom: 20px; }
.nmk-card hr { border: 0; border-top: 1px solid var(--nmk-line); margin: 24px 0; }
.nmk-help { color: var(--nmk-muted); font-size: 13px; line-height: 1.55; }
.nmk-card a { color: var(--nmk-brand); font-weight: 600; }

/* 폼 묶음 — 일정 / 인원·단체 / 박물관 계정 */
.nmk-group { padding: 20px 0; border-top: 1px solid var(--nmk-line); }
.nmk-group:first-child { padding-top: 0; border-top: 0; }
.nmk-group-title { display: block; font-size: 14px; font-weight: 700; color: var(--nmk-ink); margin-bottom: 14px !important; }
.nmk-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 20px; }
.nmk-dates { grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(120px, .65fr); }
.nmk-party { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr) minmax(0, 1fr); }
.nmk-card label, .nmk-slot { display: flex; flex-direction: column; gap: 8px; min-width: 0; margin: 0; font-size: 13px; color: var(--nmk-ink-2); line-height: 1.5; }
.nmk-slot strong { display: flex; align-items: center; min-height: 44px; font-size: 16px; color: var(--nmk-ink); }
.nmk-card input:not([type=checkbox]), .nmk-card select { min-width: 0; width: 100%; min-height: 44px; margin: 0; border: 1px solid var(--nmk-line-strong); border-radius: 8px; padding: 10px 12px; font: inherit; font-size: 15px; line-height: 1.4; background: #fff; color: var(--nmk-ink); transition: border-color .15s, box-shadow .15s; }
.nmk-card input:not([type=checkbox]):hover, .nmk-card select:hover { border-color: #9fb3ae; }
.nmk-card input:not([type=checkbox]):focus, .nmk-card select:focus { outline: none; border-color: var(--nmk-brand); box-shadow: 0 0 0 3px #205b4a26; }
.nmk-card input:disabled, .nmk-card select:disabled { background: var(--nmk-subtle); }
.nmk-card fieldset { min-width: 0; border: 0; padding: 0; margin: 20px 0 12px; }
.nmk-card legend { margin-bottom: 10px; padding: 0; font-size: 13px; color: var(--nmk-ink-2); }
.nmk-group > .nmk-help:first-of-type { margin: -8px 0 14px; }
.nmk-card input[type=checkbox] { flex: 0 0 18px; width: 18px; height: 18px; margin: 0; accent-color: var(--nmk-brand); }

/* 고르는 칩 — 진짜 체크박스는 그대로 두고 감싼 칸만 꾸민다 */
.nmk-options { display: flex; gap: 8px; flex-wrap: wrap; margin: 0; }
.nmk-card .nmk-chips label { flex-direction: row; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px; border: 1px solid var(--nmk-line-strong); border-radius: 999px; background: #fff; color: var(--nmk-ink); font-size: 14px; cursor: pointer; transition: background .15s, border-color .15s; }
.nmk-card .nmk-chips label:hover { border-color: var(--nmk-brand); }
/* 대상 칩 — 이름과 아이디 표시를 한 줄 가운데로 (10/23 사장님 「정렬 맞춤」) */
.nmk-card .nmk-chips label .nmk-chip-name { line-height: 1.2; }
.nmk-card .nmk-chips label .nmk-id { line-height: 1.2; font-size: 12px; color: var(--nmk-muted); font-weight: 500; }
.nmk-card .nmk-chips label:has(input:checked) .nmk-id { color: var(--nmk-brand); opacity: .8; }
.nmk-card .nmk-chips label input { margin: 0; flex: none; }
.nmk-owner { font-size: 13px; font-weight: 700; color: var(--nmk-ink); margin-left: 4px; }
.nmk-card .nmk-chips label:has(input:checked) { background: var(--nmk-brand-soft); border-color: var(--nmk-brand); color: var(--nmk-brand); font-weight: 600; }
.nmk-card .nmk-chips label:has(input:disabled) { opacity: .6; cursor: default; }

/* 박물관 계정 — 연결되면 접힘 */
details.nmk-account > summary { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; cursor: pointer; list-style: none; }
details.nmk-account > summary::-webkit-details-marker { display: none; }
details.nmk-account > summary .nmk-group-title { margin: 0 !important; }
/* 두 번째 아이디 (10/23) — 어느 아이디인지 앞뒤 두 자만 */
.nmk-id { color: var(--nmk-muted); font-size: 12px; font-weight: 500; letter-spacing: .02em; }
.nmk-c-owner .nmk-id { display: block; }
/* 「두 번째 아이디 빼기」는 입력칸과 떼어 둔다 (10/23 사장님 「너무 붙어 있다」) */
.nmk-account-tools { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 20px; padding-top: 16px; border-top: 1px dashed var(--nmk-line); }
.nmk-account-tools .nmk-help { margin: 0; }
details.nmk-account + details.nmk-account { margin-top: 0; }
details.nmk-account > summary .nmk-link { margin-left: auto; color: var(--nmk-brand); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
details.nmk-account[open] > summary .nmk-link { visibility: hidden; }
details.nmk-account[open] > summary { margin-bottom: 14px; }
.nmk-credentials { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.nmk-help.nmk-account-off { padding: 20px 0 0; border-top: 1px solid var(--nmk-line); }

/* 단추 */
.nmk-actions { display: flex; gap: 10px; flex-wrap: wrap; margin: 4px 0 16px; padding-top: 20px; border-top: 1px solid var(--nmk-line); }
.nmk-card button { min-height: 44px; background: var(--nmk-subtle); border: 1px solid var(--nmk-line-strong); border-radius: 8px; padding: 10px 16px; cursor: pointer; font: inherit; font-size: 14px; font-weight: 600; color: var(--nmk-ink); line-height: 1.4; transition: background .15s, border-color .15s; }
.nmk-card button:hover:not(:disabled) { background: #e9efed; border-color: #9fb3ae; }
.nmk-card .nmk-primary { background: var(--nmk-brand); color: #fff; border-color: var(--nmk-brand); }
.nmk-card .nmk-primary:hover:not(:disabled) { background: #184a3c; border-color: #184a3c; }
.nmk-card .nmk-danger { color: var(--nmk-bad); border-color: #f0c4bf; background: #fff; }
.nmk-card .nmk-danger:hover:not(:disabled) { background: var(--nmk-bad-soft); border-color: var(--nmk-bad); }
.nmk-card button:disabled { opacity: .5; cursor: default; }

/* 관리자 카드 */
.nmk-admin-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.nmk-admin-heading h3 { margin: 0; }
.nmk-card .nmk-account-select { flex-direction: row; align-items: center; gap: 12px; }
.nmk-account-select select { width: 220px; max-width: 100%; }
.nmk-pilot { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 24px; align-items: center; padding-top: 20px; border-top: 1px solid var(--nmk-line); }
.nmk-pilot > div:first-child { grid-column: 1 / -1; }
.nmk-pilot .nmk-group-title { margin-bottom: 4px !important; }
.nmk-pilot p { margin: 0; }
.nmk-pilot > button { justify-self: end; }
.nmk-activation { display: flex; align-items: center; gap: 12px 20px; margin-top: 20px; padding-top: 20px; border-top: 1px solid var(--nmk-line); }
.nmk-activation button { flex-shrink: 0; }
.nmk-activation p { margin: 0; }

/* 두 칸 — 설정 | 한눈에 */
.nmk-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--nmk-gap); align-items: start; }
.nmk-layout > .nmk-card, .nmk-side > .nmk-card { margin: 0; }
.nmk-side { display: grid; gap: var(--nmk-gap); min-width: 0; }
@media (min-width: 1280px) {
    .nmk-layout { grid-template-columns: minmax(0, 3fr) minmax(340px, 2fr); }
    .nmk-side { position: sticky; top: 16px; }
}

/* 한눈에 */
.nmk-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin: 0 0 16px; }
.nmk-stats > div { padding: 14px; border: 1px solid var(--nmk-line); border-radius: 10px; background: var(--nmk-subtle); min-width: 0; }
.nmk-stats dt { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--nmk-ink-2); }
.nmk-stats dd { margin: 4px 0 0; font-size: 26px; font-weight: 700; line-height: 1.2; color: var(--nmk-ink); }
.nmk-next { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; padding: 14px 0; border-top: 1px solid var(--nmk-line); border-bottom: 1px solid var(--nmk-line); margin: 0 0 16px !important; }
.nmk-next .nmk-help { flex-basis: 100%; }
.nmk-next strong { font-size: 16px; }
.nmk-verify p { margin-bottom: 8px; color: var(--nmk-ink-2); font-size: 14px; }
.nmk-verify a { display: inline-block; margin-bottom: 6px; }

/* 등록 일정 표 */
.nmk-table { overflow: auto; position: relative; }
.nmk-table table { width: 100%; border-collapse: collapse; font-size: 14px; table-layout: fixed; }
.nmk-col-date { width: 150px; } .nmk-col-slot { width: 80px; } .nmk-col-owner { width: 170px; } .nmk-col-party { width: 150px; } .nmk-col-act { width: 132px; }
.nmk-table th, .nmk-table td { text-align: left; padding: 12px 12px; border-bottom: 1px solid var(--nmk-line); vertical-align: middle; }
.nmk-table th { color: var(--nmk-muted); font-size: 12px; font-weight: 600; background: var(--nmk-subtle); white-space: nowrap; }
.nmk-table tbody tr { transition: background .12s; }
.nmk-table tbody tr:hover td { background: #fafcfb; }
.nmk-table td.nmk-c-act { text-align: right; }
.nmk-table td.nmk-c-date { font-weight: 600; white-space: nowrap; }
.nmk-dow { color: var(--nmk-muted); font-weight: 400; }
.nmk-year { color: var(--nmk-muted); font-weight: 400; font-size: 12px; }
.nmk-pill { white-space: normal; }
.nmk-table tr[data-tone=off] td:not(.nmk-c-act) { color: var(--nmk-muted); }
.nmk-table tr.nmk-empty td { padding: 28px 12px; text-align: center; color: var(--nmk-muted); }
.nmk-by { display: block; color: var(--nmk-warn); font-size: 12px; margin-top: 2px; }
.nmk-card .nmk-row-btn { min-height: 34px; padding: 5px 12px; font-size: 13px; }
.nmk-row-edit { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; }
.nmk-card .nmk-row-edit label { flex-direction: row; align-items: center; gap: 6px; font-size: 13px; }
.nmk-card .nmk-row-edit input { width: 64px; min-height: 34px; padding: 5px 8px; }
.nmk-table tr.nmk-editing td { background: var(--nmk-brand-soft) !important; }
.nmk-past { margin-top: 12px; }
.nmk-past > summary { cursor: pointer; padding: 10px 12px; border-radius: 8px; color: var(--nmk-ink-2); font-size: 13px; font-weight: 600; }
.nmk-past > summary:hover { background: var(--nmk-subtle); }
.nmk-past .nmk-sr-head th { padding: 0; height: 0; font-size: 0; line-height: 0; border: 0; }
.nmk-table-note { margin: 16px 0 0 !important; }
.nmk-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

.nmk-page :focus-visible { outline: 3px solid #7ba89a; outline-offset: 2px; }
.nmk-page summary:focus-visible { outline-offset: 0; border-radius: 8px; }
@media (prefers-reduced-motion: reduce) { .nmk-page * { transition: none !important; } }

@media (max-width: 900px) {
    .nmk-party { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 600px) {
    .nmk-page { padding: 12px; --nmk-gap: 16px; }
    .nmk-heading h2 { font-size: 22px; }
    .nmk-card { padding: 18px; }
    .nmk-fields { gap: 14px; }
    .nmk-dates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .nmk-slot { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 16px; }
    .nmk-slot strong { min-height: 0; }
    .nmk-credentials { grid-template-columns: minmax(0, 1fr); }
    .nmk-admin-heading { align-items: stretch; }
    .nmk-card .nmk-account-select { width: 100%; }
    .nmk-account-select select { flex: 1; width: 0; }
    .nmk-pilot { grid-template-columns: minmax(0, 1fr); }
    .nmk-pilot > button { justify-self: start; }
    .nmk-activation { align-items: flex-start; flex-direction: column; gap: 12px; }
    .nmk-card .nmk-chips label { padding: 6px 12px; min-height: 38px; }
    .nmk-actions > button { flex: 1 1 auto; }
    .nmk-stats dd { font-size: 22px; }
    /* 폰에서는 표 대신 줄마다 카드 — 날짜·상태 / 계정 주인·인원 / 고치기 */
    .nmk-table table, .nmk-table tbody { display: block; }
    .nmk-table colgroup { display: none; }
    .nmk-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .nmk-table tr { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; gap: 6px 10px; padding: 14px 4px; border-bottom: 1px solid var(--nmk-line); }
    .nmk-table td { padding: 0; border: 0; }
    .nmk-table td.nmk-c-date { grid-area: 1 / 1; }
    .nmk-table td.nmk-c-slot { grid-area: 1 / 2; color: var(--nmk-ink-2); }
    .nmk-table td.nmk-c-status { grid-area: 1 / 3; justify-self: end; }
    .nmk-table td.nmk-c-owner { grid-area: 2 / 1 / 3 / 3; color: var(--nmk-ink-2); }
    .nmk-table td.nmk-c-party { grid-area: 2 / 3; justify-self: end; color: var(--nmk-ink-2); }
    .nmk-table td.nmk-c-act { grid-area: 3 / 1 / 4 / -1; text-align: left; }
    .nmk-table td.nmk-c-act:empty { display: none; }
    .nmk-table td.nmk-c-edit { grid-area: 3 / 1 / 4 / -1; }
    .nmk-row-edit { justify-content: flex-start; }
    .nmk-table tr.nmk-empty { display: block; }
}

/* 박물관 아이디 목록 — 아이디가 열 개까지라 한 줄씩 줄을 맞춘다: 번호 · 아이디·주인 · 상태 · 바꾸기 (2026-10-24) */
.nmk-idlist { padding-top: 20px; border-top: 1px solid var(--nmk-line); }
.nmk-idlist-head { display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 14px; font-weight: 700; color: var(--nmk-ink); }
.nmk-idlist details.nmk-account { padding: 11px 0; border-top: 1px solid var(--nmk-line); }
.nmk-idlist details.nmk-account:first-of-type { border-top: 0; }
.nmk-idlist details.nmk-account > summary { display: grid; grid-template-columns: 6.6em minmax(0, 1fr) auto 6.5em; align-items: center; gap: 12px; }
.nmk-idlist details.nmk-account > summary .nmk-group-title { font-size: 14px; white-space: nowrap; }
.nmk-idlist details.nmk-account > summary .nmk-link { margin-left: 0; justify-self: end; white-space: nowrap; }
.nmk-idlist details.nmk-account > summary .nmk-pill { justify-self: start; }
.nmk-idmeta { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nmk-idmeta .nmk-owner { margin-left: 6px; }
.nmk-idlist details.nmk-add > summary { display: flex; }
.nmk-idlist details.nmk-add > summary .nmk-group-title { color: var(--nmk-brand); }
.nmk-idlist details.nmk-add > summary .nmk-link { margin-left: auto; }
.nmk-idlist details.nmk-account[open] { padding-bottom: 18px; }
@media (max-width: 600px) {
    .nmk-idlist details.nmk-account > summary { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 2px; column-gap: 10px; }
    .nmk-idlist details.nmk-account > summary .nmk-idmeta { grid-column: 1 / -1; grid-row: 2; }
}

/* 선생님 화면 (2026-10-24 「선생님 페이지 사용성」) — 결과 먼저, 설정은 한 줄로 접힘, 본인 일정은 주인 칸 없음 */
.nmk-layout:has(> .nmk-settings) { grid-template-columns: minmax(0, 1fr); }
.nmk-settings > summary { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; cursor: pointer; list-style: none; }
.nmk-settings > summary::-webkit-details-marker { display: none; }
.nmk-settings-title { font-size: 16px; font-weight: 700; color: var(--nmk-ink); }
.nmk-settings-line { flex: 1 1 12em; min-width: 0; color: var(--nmk-ink-2); font-size: 14px; }
.nmk-settings > summary .nmk-link { margin-left: auto; color: var(--nmk-brand); font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.nmk-settings[open] > summary { margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--nmk-line); }
.nmk-settings[open] > summary .nmk-link { visibility: hidden; }
.nmk-mine-summary .nmk-heading a { color: var(--nmk-brand); font-weight: 600; }
.nmk-mine-summary .nmk-next { border-bottom: 0; margin-bottom: 4px !important; }
.nmk-tally { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 0; font-size: 14px; color: var(--nmk-ink-2); }
.nmk-tally span { display: inline-flex; align-items: center; gap: 6px; }
.nmk-tally b { color: var(--nmk-ink); font-size: 16px; }
@media (max-width: 600px) {
    /* 본인 일정 줄: 날짜·회차·상태 / 인원 · 수정 — 두 줄 */
    .nmk-mine .nmk-table tr { padding: 12px 2px; }
    .nmk-mine .nmk-table td.nmk-c-party { grid-area: 2 / 1 / 3 / 3; justify-self: start; }
    .nmk-mine .nmk-table td.nmk-c-act { grid-area: 2 / 3; justify-self: end; text-align: right; }
    .nmk-mine .nmk-table td.nmk-c-edit { grid-area: 2 / 1 / 3 / -1; }
}
.nmk-teacher > .nmk-side { margin-top: 16px; }