/* SwapDusk coin/pair landing pages and footer coins column. 2026-11-10. */
.crumbs{font-size:.86rem;color:var(--dim);margin:0 0 12px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink)}
.crumbs span{margin:0 .35em;color:var(--dim)}
.swap-hero{display:flex;gap:16px;align-items:flex-start;margin:0 0 8px}
.swap-hero img,.swap-hero .ci-lg{width:56px;height:56px;flex:none;border-radius:16px}
.swap-hero .kicker{margin:0 0 4px}
.swap-hero h1{margin:0}
.facts{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0;padding:0;list-style:none}
@media (min-width:560px){.facts{grid-template-columns:1fr 1fr}}
.facts li{border:1px solid var(--line);background:#ffffff05;border-radius:14px;padding:12px 14px}
.facts span{display:block;color:var(--dim);font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}
.facts b{color:var(--ink);font-weight:700}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
.cta-row .cta{width:auto;margin:0;padding:14px 22px}
.cta-row .ghost{border-radius:16px;padding:14px 18px}
.related{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}
@media (min-width:560px){.related{grid-template-columns:1fr 1fr}}
.related a{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);text-decoration:none;font-weight:700;background:#ffffff04}
.related a:hover{border-color:var(--line2);background:#ffffff0a;color:var(--ink)}
.related img{width:22px;height:22px}
.related small{display:block;font-weight:600;color:var(--dim);font-size:.78rem}
.swap-dir{display:grid;gap:10px;margin:12px 0 28px;padding:0;list-style:none}
@media (min-width:640px){.swap-dir{grid-template-columns:1fr 1fr}}
.swap-dir a{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;color:var(--ink);text-decoration:none;background:#ffffff04}
.swap-dir a:hover{border-color:var(--line2);background:#ffffff0a;color:var(--ink)}
.swap-dir img{width:28px;height:28px}
.swap-dir b{display:block;font-size:1rem}
.swap-dir small{display:block;color:var(--dim);font-weight:600;font-size:.8rem}
.prose .faq details{border-top:1px solid var(--line)}
.prose .faq summary{cursor:pointer;color:var(--ink);font-weight:700;padding:12px 0}
.prose .faq p{margin:0 0 14px}
footer .wrap.swap-foot{grid-template-columns:1fr 1fr}
@media (min-width:900px){
  footer .wrap.swap-foot,footer .wrap{grid-template-columns:2fr 1fr 1fr 1fr}
  footer .fbrand{grid-column:auto}
}