/* Device and brand pages (/devices/<brand>/ and /devices/<brand>/<model>/). Builds on /r/report.css. */
.dv-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 14px;font-size:14px;color:var(--on-s-v)}
.dv-crumbs a{color:var(--primary);font-weight:500;text-decoration:none}
.dv-crumbs a:hover{text-decoration:underline}
.dv-crumbs .sep{opacity:.6}
.dv-crumbs [aria-current]{color:var(--on-s)}

/* Related phones: wrap of pill links */
.dv-links{display:flex;flex-wrap:wrap;gap:8px}
.dv-link{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:var(--s-c);color:var(--on-s);font-size:14px;font-weight:500;text-decoration:none}
.dv-link:hover{background:color-mix(in srgb,var(--primary) 14%,var(--s-c));color:var(--primary)}

/* Brand page */
.dv-brand{grid-template-columns:auto 1fr}
.dv-sub{margin:8px 0 0;color:var(--on-s-v);max-width:60ch}
.dv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:16px}
.dv-phone{display:grid;gap:4px;align-content:start;padding:18px 20px;border-radius:20px;background:var(--s-lowest);border:1px solid var(--outline-v);color:var(--on-s);text-decoration:none;min-width:0}
.dv-phone b{font-family:'Space Grotesk',sans-serif;font-size:17px;line-height:1.25}
.dv-phone span{font-size:14px;color:var(--on-s-v)}
.dv-phone .dv-mem{font-size:13px}
.dv-phone:hover{border-color:var(--primary)}
.dv-phone:focus-visible,.dv-link:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}