/* The label wrapper remains in the DOM; its children share the panel grid. */
.contract .contract-label{display:contents}
.contract .contract-label>span{max-width:none;white-space:nowrap}
.contract #address{white-space:nowrap;overflow-wrap:normal;word-break:normal}

@media(min-width:651px){
 header+.contract{grid-template-columns:max-content max-content max-content max-content;justify-content:start;column-gap:12px}
 .contract .contract-label>img{grid-column:1;grid-row:1}
 .contract .contract-label>span{grid-column:2;grid-row:1}
 .contract #address{grid-column:3;grid-row:1;width:auto}
 .contract #copy{grid-column:4;grid-row:1;margin:0}
}

@media(max-width:650px){
 header+.contract{grid-template-columns:32px max-content max-content minmax(0,1fr);column-gap:8px;row-gap:4px;padding:5px 8px}
 .contract .contract-label>img{grid-column:1;grid-row:1/3;align-self:center;width:32px;height:28px}
 .contract .contract-label>span{grid-column:2;grid-row:1;align-self:center;font-size:8.5px}
 .contract #copy{grid-column:3;grid-row:1;justify-self:start;margin:0}
 .contract #address{grid-column:2/-1;grid-row:2;width:100%;font-size:clamp(9px,2.9vw,12px);line-height:1.5;text-align:left;letter-spacing:0}
}