.yl-directions{margin:0 0 14px;padding:12px;border:1px solid var(--yl-border);border-radius:14px;background:var(--yl-soft);color:var(--yl-fg)}
.yl-direction-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.yl-direction-row{display:flex;align-items:flex-start;gap:9px;min-width:0}
.yl-direction-icon{flex:none;width:32px;height:32px;overflow:visible;color:var(--yl-fg)}
.yl-direction-icon text{fill:currentColor;font:16px sans-serif}
.yl-direction-copy{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.yl-direction-copy strong{font-size:.86rem;line-height:1.5}
.yl-direction-copy .yl-small{font-size:.8rem}
.yl-body .yl-direction-hint{margin:10px 0 0;font-size:.77rem;line-height:1.5}
.yl-moving-arrow{fill:var(--yl-moving,var(--yl-fg));stroke:var(--yl-bg);stroke-width:1.3;stroke-linejoin:round}
.yl-toward-arrow{fill:none;stroke:var(--yl-toward,var(--yl-fg));stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.yl-direction-empty{fill:none;stroke:var(--yl-muted);stroke-width:1.4;stroke-dasharray:3 3}
@media(max-width:440px){.yl-direction-rows{grid-template-columns:minmax(0,1fr);gap:10px}.yl-directions{padding:10px}}