.hexBox{
display:flex;
align-items:stretch;
gap:8px;
padding:8px;
margin-bottom:1.5em;
background:var(--sm-white);
border:1px solid var(--sm-hairline);
border-radius:var(--sm-radius-card);
font-family:var(--sm-font-body);
box-shadow:none;
}
.hexStart{
display:flex;
align-items:center;
padding:0 20px;
background:var(--sm-navy);
color:var(--sm-offwhite);
border-radius:var(--sm-radius-pill);
font-family:var(--sm-font-display);
font-weight:700;
font-size:1.25rem;
line-height:1;
letter-spacing:.02em;
}
input.hexEntry{
flex:1 1 0;
min-width:0;
height:52px;
padding:0 10px;
margin:0;
text-align:center;
text-transform:uppercase;
border:1px solid var(--sm-border);
border-radius:var(--sm-radius-pill);
background:var(--sm-white);
color:var(--sm-navy);
font-family:var(--sm-font-display);
font-weight:700;
font-size:1.25rem;
letter-spacing:.06em;
box-shadow:none;
transition:border-color var(--sm-transition);
}
input.hexEntry::placeholder{color:var(--sm-muted);font-weight:400;}
input.hexEntry:focus{
outline:none;
border-color:var(--sm-aqua);
background:var(--sm-white);
}