/* Device identity is independent of page layout; labels remain useful without images. */
.md-device-id{display:inline-flex;align-items:center;gap:var(--mds-space-4,16px);min-width:0;max-width:100%;vertical-align:middle}
.md-device-icon{display:block;flex:none;object-fit:contain;max-width:none}
.md-device-icon--48{width:var(--mds-space-7,48px);height:var(--mds-space-7,48px)}
.md-device-icon--64{width:var(--mds-space-8,64px);height:var(--mds-space-8,64px)}
.md-device-icon--96{width:calc(var(--mds-space-7,48px)*2);height:calc(var(--mds-space-7,48px)*2)}
.md-device-id__text{display:flex;flex-direction:column;gap:var(--mds-space-1,4px);min-width:0;overflow-wrap:anywhere}
.md-device-results{grid-template-columns:repeat(auto-fit,minmax(min(100%,calc(var(--mds-space-8,64px)*5)),1fr))}
.md-device-id__name{overflow-wrap:anywhere;line-height:var(--mds-lh-body,1.5)}
.md-device-id__detail{font-size:14px;font-weight:400;line-height:var(--mds-lh-body,1.5);color:var(--mds-color-text-secondary,var(--md-shell-ink,inherit));overflow-wrap:anywhere}
.md-device-heading__prefix{display:block}
.md-device-heading__model{display:flex;align-items:center;gap:var(--mds-space-4,16px);margin-top:var(--mds-space-2,8px);min-width:0}
.md-device-heading__model>span{min-width:0;overflow-wrap:anywhere}
.md-device-heading__detail{display:block;margin-top:var(--mds-space-2,8px);font-size:16px;font-weight:400;line-height:var(--mds-lh-body,1.5);letter-spacing:normal}
.md-device-title{display:flex;align-items:center;gap:var(--mds-space-4,16px);min-width:0}
.md-device-title>span{min-width:0;overflow-wrap:anywhere}
.md-device-context{display:block;margin-top:var(--mds-space-1,4px);font-size:16px;font-weight:400;line-height:var(--mds-lh-body,1.5);letter-spacing:normal;color:var(--mds-color-text-secondary,inherit);overflow-wrap:anywhere}
/* Secondary labels sit inside headings: outside the design system they keep the published 14/16px, on .md-ds pages the tokens. */
.md-ds .md-device-id__detail{font-size:var(--mds-fs-small)}
.md-ds .md-device-heading__detail,.md-ds .md-device-context{font-size:var(--mds-fs-body)}
@media(max-width:600px){
  h1.md-device-title{flex-direction:column;align-items:flex-start}
  h1.md-device-title>span{width:100%}
}