/* Keep the original three-plan layout; only center the page heading. */
.learning-card-header{text-align:center}

/* The plan selectors are real controls; keep their hit areas clear on touch screens. */
.learning-card-tabs button{appearance:none;min-height:40px;padding:8px 14px;border:1px solid transparent;border-radius:5px;background:#263b5d;color:#cbd6e9;font:inherit;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.learning-card-tabs button:nth-child(2){background:#2d3353}
.learning-card-tabs button:nth-child(3){background:#4a3b23;color:#ffd767}
.learning-card-tabs button.is-active{border-color:#9aa4ff;box-shadow:0 0 0 2px rgba(154,164,255,.16)}
.learning-card-tabs button:focus-visible{outline:2px solid #b8c0ff;outline-offset:2px}
.learning-plan.is-selected{outline:2px solid rgba(151,160,255,.62);outline-offset:2px}