/* Road signs guide: sign cards, color key, look-alike pairs. */
.guide .sg-jump{margin:4px 0 14px}
.guide .sg-jump a{display:inline-block;padding:11px 18px;border-radius:12px;background:#E65C00;color:#fff;font-weight:800;text-decoration:none}
.guide .sg-jump a:hover{background:#C2410C}
.sg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin:14px 0 20px}
.sg-card,.sg-pair{display:flex;align-items:center;gap:14px;padding:12px;background:#fff;border:1px solid #E5E7EB;border-radius:14px}
.sg-card img{flex:0 0 auto;width:auto;max-width:84px;height:auto;margin:0;border-radius:0}
.sg-card>div,.sg-pair>div:last-child{min-width:0}
.guide .sg-card h3,.guide .sg-pair h3{font-size:17px;line-height:1.3;margin:0 0 3px}
.guide .sg-card p,.guide .sg-pair p{font-size:15px;line-height:1.45;margin:0}
.sg-card.sg-wide{margin:12px 0 14px}
.sg-colors{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 18px;margin:14px 0 20px}
.sg-colors>div{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45;min-width:0}
.sg-colors .sw{flex:0 0 22px;height:22px;border-radius:6px;box-shadow:inset 0 0 0 1px rgba(15,23,42,.18);display:block;margin-top:1px}
.sg-colors .sw-w{background:linear-gradient(135deg,#fff 50%,#111827 50%)}
.sg-pairs{display:grid;gap:12px;margin:14px 0 20px}
.sg-pics{flex:0 0 auto;display:flex;align-items:center;gap:8px}
.sg-pics img{width:auto;max-width:72px;height:auto;margin:0;border-radius:0}
@media (max-width:520px){.sg-pair{flex-direction:column;align-items:flex-start}}