/* 説明はラベルに隣接したiボタンから表示する。操作領域は40pxを確保する。 */
.svwb-info-label-row { position: relative; display: flex; align-items: center; gap: 4px; }
.svwb-info-tip { display: inline-flex; align-items: center; }
.svwb-info-tip .btn.tip { width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: var(--muted); flex: none; }
.svwb-info-tip .tip-mark { display: grid; place-items: center; width: 18px; height: 18px; border: 1px solid currentColor; border-radius: 50%; font: 600 13px/1 Georgia, serif; }
.svwb-info-tip .tip[aria-expanded="true"] { color: var(--gold-light); }
.svwb-info-tip .tip:focus-visible { outline: 2px solid var(--gold-light); outline-offset: 2px; }
.svwb-info-tip .tip-pop { position: absolute; inset-inline-start: 0; top: calc(100% + 4px); z-index: 20; display: block; box-sizing: border-box; width: min(320px, 100%); padding: 12px 16px; border: 1px solid var(--popup-border, var(--line)); border-radius: var(--popup-radius, 4px); background: var(--popup-bg, var(--panel)); box-shadow: var(--popup-shadow, none); color: var(--text); font-size: 13px; line-height: 1.7; font-weight: 400; overflow-wrap: anywhere; }
.svwb-info-tip .tip-pop[hidden] { display: none; }
.svwb-info-tip .tip-pop > span { display: block; }
.svwb-info-tip .tip-pop > span + span { margin-top: 8px; }