.line-pack-components {
    margin-block: .65rem;
    padding: .65rem;
    border: 1px solid #dce3eb;
    border-radius: .5rem;
    background: #f8fafc;
    color: #334155;
    font-size: .8rem;
    line-height: 1.8;
    text-align: start;
    white-space: normal;
    overflow-wrap: anywhere;
}
.line-pack-components .line-pack-heading {
    display: block;
    font-size: inherit;
    margin-block-end: .35rem;
}
.line-pack-components .line-pack-list {
    display: grid;
    gap: .45rem;
    padding: 0;
    margin: 0;
    list-style: none;
}
.line-pack-components .line-pack-list li {
    display: flex;
    flex-wrap: wrap;
    gap: .1rem .65rem;
    align-items: baseline;
}
.line-pack-components .line-pack-title {
    flex-basis: 100%;
    font-weight: 600;
}
.line-pack-note {
    display: block;
    margin-block-start: .35rem;
    color: #64748b;
    font-size: .75rem;
    white-space: normal;
}
.order-pack-item { margin-block: .5rem; }
.order-pack-item > strong { font-size: .85rem; }
@media print {
    .line-pack-components { background: transparent; color: #000; font-size: 10px; }
    .line-pack-components li { break-inside: avoid; }
    .line-pack-note { color: #444; font-size: 9px; }
}