.mi .mi-pr{width:100%;max-width:390px;padding:var(--ds-s-3);color:var(--ds-ink)}
.mi-pr-meta,.mi-pr-route{margin:0 0 var(--ds-s-2);color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-pr-route{margin-top:calc(-1 * var(--ds-s-1))}
.mi-pr-banner{margin:0 0 var(--ds-s-2);padding:var(--ds-s-2);border-left:3px solid var(--ds-line);background:var(--ds-wash);color:var(--ds-ink-2);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-pr-list{display:flex;flex-direction:column;gap:var(--ds-s-3)}
.mi-pr-group h2,.mi-pr-group h3,.mi-pr-keyin h2{margin:0;color:var(--ds-ink-3);font-size:var(--ds-text-caps);line-height:var(--ds-lh-caps);font-weight:var(--ds-w-semi);letter-spacing:var(--ds-track-caps);text-transform:uppercase}
.mi-pr-group h3{margin-top:var(--ds-s-2);padding-left:var(--ds-s-2)}
.mi-pr-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:var(--ds-s-2);min-height:56px;padding:var(--ds-s-2) 0;border-bottom:1px solid var(--ds-rule)}
.mi-pr-row.is-readonly{display:block;position:relative;padding-right:0}
.mi-pr-check{display:flex;width:44px;height:44px;align-items:center;justify-content:center;cursor:pointer}
.mi-pr-check input{position:absolute;width:1px;height:1px;opacity:0}
.mi-pr-check span{width:24px;height:24px;border:1px solid var(--ds-line);border-radius:var(--ds-r-sm);background:var(--ds-surface)}
.mi-pr-check input:checked+span{border-color:var(--ds-action);background:var(--ds-action);box-shadow:inset 0 0 0 5px var(--ds-surface)}
.mi-pr-check input:focus-visible+span{outline:2px solid var(--ds-focus-ring);outline-offset:2px}
.mi-pr-copy{min-width:0}
.mi-pr-row.is-readonly .mi-pr-name{padding-right:100px}
.mi-pr-row.is-readonly .mi-pr-detail{padding-right:38px}
.mi-pr-name{font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm);font-weight:var(--ds-w-medium)}
.mi-pr-detail{margin-top:2px;color:var(--ds-ink-3);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-pr-control{display:flex;justify-content:flex-end;min-width:112px}
.mi-pr-control.is-readonly{position:absolute;top:var(--ds-s-2);right:0;bottom:var(--ds-s-2);display:block;width:96px;min-width:0}
.mi-pr-control .mi-stepper{gap:var(--ds-s-1)}
.mi-pr-qty{position:absolute;right:0;bottom:0;min-width:38px;text-align:right;font-size:var(--ds-text-sm);font-weight:var(--ds-w-semi)}
.mi-pr-keyin{margin:var(--ds-s-2) 0;padding:var(--ds-s-2);background:var(--ds-wash);font-size:var(--ds-text-sm);line-height:var(--ds-lh-sm)}
.mi-pr-keyin h2{margin-bottom:var(--ds-s-2)}
.mi-pr-keyin div{padding:var(--ds-s-1) 0;border-top:1px solid var(--ds-rule)}
@media(max-width:759px){
  .mi .mi-pr{padding:var(--ds-s-3) 0}
  .mi-pr-row{min-height:56px;grid-template-columns:44px minmax(0,1fr)}
  .mi-pr-control{grid-column:2;justify-content:flex-start;min-width:0}
  .mi-pr-name{font-size:var(--ds-text-p-body);line-height:var(--ds-lh-p-body)}
  .mi-pr-detail{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-pr-meta{font-size:var(--ds-text-p-meta);line-height:var(--ds-lh-p-meta)}
  .mi-pr-check{min-width:44px;min-height:44px}
  .mi-pr-control .mi-stepper-button{width:44px;min-width:44px;height:44px;min-height:44px}
  .mi-pr-control .mi-stepper input{min-width:42px;width:42px;height:44px;min-height:44px;font-size:var(--ds-text-p-body)}
}
@media(prefers-reduced-motion:reduce){.mi-pr *{scroll-behavior:auto;transition:none}}