.my-plan-save { white-space: normal; text-align: center; max-width: 100%; }
.my-plan-save[aria-pressed="true"] { border-color: var(--navy, #143f41); background: #143f4110; color: var(--navy, #143f41); }
.my-plan-save:disabled { opacity: .6; cursor: default; }
.my-plan { padding-block-end: 48px; }
.my-plan-toolbar { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; margin-block-end: 24px; }
.my-plan-toolbar p { margin: 0; font-weight: 700; }
.my-plan-list { list-style: none; margin: 0 0 24px; padding: 0; display: grid; gap: 20px; }
.my-plan-list[hidden], .my-plan-empty[hidden], .my-plan-notice[hidden] { display: none; }
.my-plan-item { padding: 24px; border: 1px solid var(--line, #d4d8d3); border-radius: 3px; min-width: 0; background: var(--white, #fffdf7); }
.my-plan-position { font-size: 12px; color: var(--muted, #536362); margin: 0 0 10px; }
.my-plan-item h2 { margin: 0 0 12px; font: 500 clamp(23px, 3vw, 31px)/1.25 var(--display, Georgia, serif); overflow-wrap: anywhere; }
.my-plan-summary { max-width: 75ch; overflow-wrap: anywhere; }
.my-plan-language { font-size: 12px; color: var(--muted, #536362); }
.my-plan-duration { margin-block: 12px; font-size: 13px; }
.my-plan-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-block-start: 18px; }
.my-plan-actions .btn { min-height: 44px; padding: 10px 16px; white-space: normal; text-align: center; }
.my-plan-actions button:disabled { opacity: .5; cursor: default; }
.my-plan-empty { padding: 24px; margin-block-end: 24px; border: 1px dashed var(--line, #d4d8d3); }
.my-plan-empty p { margin: 0; }
.my-plan-notice { padding: 14px 18px; border-inline-start: 3px solid var(--az-red, #812f40); background: #812f400a; }
.my-plan-status { min-height: 1.5em; color: var(--navy, #143f41); }
.my-plan-feedback { position: fixed; z-index: 50; inset-inline: 16px; bottom: 20px; width: fit-content; max-width: min(620px, calc(100% - 32px)); margin: 0 auto; padding: 14px 18px; border: 1px solid var(--line, #d4d8d3); border-radius: 3px; background: var(--cream, #fff9ef); color: var(--navy, #143f41); box-shadow: 0 4px 20px #143f4120; overflow-wrap: anywhere; }
.my-plan-feedback:empty { display: none; }
@media (max-width: 520px) { .my-plan-item { padding: 18px; } .my-plan-actions .btn { flex: 1 1 auto; } }