/* Scoped to the pack display module; native forms, prices and quantity controls keep their layout. */
.mcux-enabled .mcux-pack-card,
.mcux-enabled .mcux-pack-context {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: normal;
    line-height: 1.5;
    color: #334155;
}
.mcux-enabled .mcux-pack-card { margin: .65rem 0; font-size: .85rem; }
.mcux-enabled .mcux-pack-context {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 .85rem;
    padding: .75rem .9rem;
    border: 1px solid #d8e1e8;
    border-radius: .45rem;
    background: #f6f8fa;
    font-size: .9rem;
}
.mcux-enabled .mcux-pack-context[hidden] { display: none !important; }
.mcux-enabled .mcux-pack-card p,
.mcux-enabled .mcux-pack-context p { margin: 0; }
.mcux-enabled .mcux-pack-option { font-weight: 650; }
.mcux-enabled .mcux-pack-label { margin-top: .15rem; }
.mcux-enabled .mcux-pack-quantity-help { margin-top: .3rem !important; font-size: .85rem; }
@media (max-width: 480px) {
    .mcux-enabled .mcux-pack-context { padding: .65rem .75rem; font-size: .85rem; }
    .mcux-enabled .mcux-pack-card { font-size: .8rem; }
}