/* English-only layout adjustments; the shared particle stylesheet loads first. */
.mpa-intro h1 .nb { display: inline; white-space: normal; }
.mpa-language-link { font-size: 13px; }
.mpa-language-link a { color: var(--text-sub); text-decoration: underline; }
.mpa-field-label { min-width: 5.5em; }
.mpa-card h2 { flex-wrap: wrap; }
.mpa-row { grid-template-columns: 6.5em minmax(0, 1fr) auto; }
.mpa-details > summary span { white-space: normal; }
.mpa-shortcuts strong { overflow-wrap: anywhere; }
@media (max-width: 619px) {
    .mpa-field { flex-wrap: wrap; }
    .mpa-field-label { flex-basis: 100%; }
    .mpa-row { grid-template-columns: 5.4em minmax(0, 1fr) auto; }
    .mpa-rect { flex-wrap: wrap; }
}
@media (max-width: 380px) {
    .mpa-shortcuts button { flex-direction: column; align-items: flex-start; }
}

.mpa-guide-grid { display: grid; gap: 18px; }
@media (min-width: 620px) {
    .mpa-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mpa-select span { max-width: 6em; }
}
