/* CV (Р119, дирижёр): под арканоидом — визитная карточка.
   Слева имя и роль (пиксельная антиква + Inter), справа контакты строками «подпись · ссылка».
   Без разделителей: карточка держится полем и тоном, углы откушены ступенями по 2px, как у кнопок. */

.page-cv .page-in { padding-bottom: 0; }                     /* Р139: футер сразу после визитки */

.vc { display: flex; justify-content: center; padding: 56px 0 64px; }
.vc-card {
    --pxs: 2px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 40px 64px;
    width: min(100%, 880px);
    padding: 48px 56px;
    text-align: left;                       /* страница CV центрирует текст — визитке нужна своя выключка */
    background: color-mix(in srgb, var(--paper) 95.5%, var(--ink));
    clip-path: polygon(calc(var(--pxs)*2) 0, calc(100% - var(--pxs)*2) 0, calc(100% - var(--pxs)*2) var(--pxs), calc(100% - var(--pxs)) var(--pxs), calc(100% - var(--pxs)) calc(var(--pxs)*2), 100% calc(var(--pxs)*2), 100% calc(100% - var(--pxs)*2), calc(100% - var(--pxs)) calc(100% - var(--pxs)*2), calc(100% - var(--pxs)) calc(100% - var(--pxs)), calc(100% - var(--pxs)*2) calc(100% - var(--pxs)), calc(100% - var(--pxs)*2) 100%, calc(var(--pxs)*2) 100%, calc(var(--pxs)*2) calc(100% - var(--pxs)), var(--pxs) calc(100% - var(--pxs)), var(--pxs) calc(100% - var(--pxs)*2), 0 calc(100% - var(--pxs)*2), 0 calc(var(--pxs)*2), var(--pxs) calc(var(--pxs)*2), var(--pxs) var(--pxs), calc(var(--pxs)*2) var(--pxs));
}
.vc-name {
    margin: 0;
    font: 400 42px/46px 'LoRes 21 Serif', var(--font-ui, 'Inter Tight', system-ui, sans-serif);
    letter-spacing: 0; font-synthesis: none;
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: geometricPrecision;
    color: var(--ink);
}
.vc-role { margin: 14px 0 0; font: 500 18px/1.3 var(--font-ui, 'Inter Tight', system-ui, sans-serif); color: var(--ink); }
.vc-sub { margin: 4px 0 0; font: 400 16px/1.4 var(--font-ui, 'Inter Tight', system-ui, sans-serif); color: var(--ink-2); }
.vc-meta { margin: 28px 0 0; font: 400 14px/1.7 var(--font-ui, 'Inter Tight', system-ui, sans-serif); color: var(--ink-2); font-variant-numeric: tabular-nums; }
.vc-links { list-style: none; margin: 0; padding: 0; display: grid; align-content: end; justify-items: start; gap: 18px; }
.vc-links li { display: grid; gap: 4px; }
.vc-k { font: 500 12px/1 var(--font-ui, 'Inter Tight', system-ui, sans-serif); letter-spacing: 0.06em; text-transform: uppercase; color: var(--ink-3); }
.vc-links a {
    width: fit-content;
    font: 400 17px/1.35 var(--font-ui, 'Inter Tight', system-ui, sans-serif);
    color: var(--ink);
    text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 4px;
    text-decoration-color: color-mix(in srgb, var(--ink) 30%, transparent);
    transition: text-decoration-color 160ms var(--ease-out, ease-out), color 160ms var(--ease-out, ease-out);
    overflow-wrap: anywhere;
}
@media (hover: hover) and (pointer: fine) { .vc-links a:hover { color: var(--accent); text-decoration-color: var(--accent); } }
.vc-links a:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 767px) {
    .vc { padding: 40px 0 48px; }
    .vc-card { grid-template-columns: 1fr; padding: 32px 24px; gap: 32px; }
}

/* аудит №11: ссылки визитки — зона нажатия 44px, рисунок строки тот же */
.vc-links a { display: inline-flex; align-items: center; min-height: 44px; }
.vc-links { gap: 4px; }