/* ── m3 11 Talk strip — maarch-3/sections/11-talk-strip/brief.md ──
   Figma 1:1473 title 700/42/1.1 (black + coral) @ (142,8476) · 1:1485 rule 626×2 black 64% @ y8559 ·
   1:1471 note 600/26 @ x1221 */

.m3-talk {
    background: var(--skin-canvas);
    padding: calc(36 * var(--u)) 0 calc(71.6 * var(--u));
}
.m3-talk__row { display: flex; align-items: flex-end; color: var(--skin-black); }
.m3-talk__title { font-size: var(--fs-sub); font-weight: 700; line-height: 1.1; white-space: nowrap; }
.m3-talk__title em { font-style: normal; color: var(--skin-coral); }
.m3-talk__rule {
    flex: 1;
    height: 2px;
    margin: 0 calc(23 * var(--u)) calc(9 * var(--u)) calc(18 * var(--u));
    background: rgba(0, 0, 0, .64);
    transition: background .2s ease;
}
.m3-talk__note {
    margin: 0 calc(12 * var(--u)) calc(4 * var(--u)) 0;
    font-size: var(--fs-body);
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}
.m3-talk__row:hover .m3-talk__rule { background: var(--skin-coral); }

@media (max-width: 767.98px) {
    .m3-talk { padding: 24px 0 48px; }
    .m3-talk__row { flex-direction: column; align-items: flex-start; gap: 14px; }
    .m3-talk__title { font-size: 28px; }
    .m3-talk__rule { display: none; }
    .m3-talk__note { margin: 0; font-size: 17px; white-space: normal; }
}