/* Small, useful echoes of the bureau: people first, then clear working steps. */
.interlocutor-note{grid-column:1/-1;min-width:0;margin-top:28px;padding-top:20px;border-top:1px solid var(--brand-sky-end);color:var(--brand-ink)}
.interlocutor-note>p{font-size:var(--text-compact);line-height:1.5;margin:0 0 16px;font-weight:var(--weight-heading)}
.interlocutor-note ul{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;list-style:none;padding:0;margin:0}
.interlocutor-note li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:var(--text-caption);line-height:1.5}
.interlocutor-note svg{display:block;width:26px;height:26px;flex:none}
.method-note{margin-top:22px;border-top:1px solid var(--line);border-bottom:0}
.method-note summary{min-height:48px;padding:12px 0;font-size:var(--text-body);font-weight:var(--weight-heading);line-height:1.5;gap:16px}
.method-note summary::after{font-size:20px;color:var(--accent);line-height:1}
.method-note summary:hover{color:var(--accent-hover)}
.method-note summary:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset);border-radius:var(--radius-control)}
.method-note .method-note-body{padding:0 0 4px;color:var(--ink)}
.method-note .method-note-body p,.method-note .method-note-body li{font-size:var(--text-body);line-height:1.7;margin:0;padding:0;animation:none}
.method-note ul{padding-left:18px;margin:12px 0}
.method-note li+li{margin-top:8px}
.method-note li::marker{color:var(--brand-ink)}
.method-note .method-note-body .method-note-close{border-top:1px solid var(--line);padding-top:12px;font-size:var(--text-compact);color:var(--muted)}
@media(max-width:760px){.interlocutor-note{max-width:360px}.interlocutor-note ul{justify-content:flex-start;gap:16px}}
@media(max-width:620px){.interlocutor-note{margin-top:24px;padding-top:18px}.interlocutor-note ul{gap:28px}.method-note{margin-top:18px}.method-note summary{min-height:48px}}