.profile-card { border-left: 6px solid var(--member); display: grid; gap: 18px; }
.profile-heading { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--line); padding-bottom: 12px; }
.profile-heading h2 { font: 700 28px/1.1 Georgia, serif; margin: 3px 0; }
.profile-dot { width: 16px; height: 16px; border-radius: 50%; background: var(--member); }
.four-cols { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.option-box, .school-box { background: #f1f3eb; border: 1px solid #dce1d3; border-radius: 13px; padding: 15px; }
.school-box { display: grid; gap: 14px; background: #f7f1e8; border-color: #e6d8c5; }
.sticky-save { position: sticky; bottom: 18px; display: flex; justify-content: flex-end; pointer-events: none; }
.sticky-save button { box-shadow: 0 8px 25px rgba(38,49,40,.25); pointer-events: auto; }
@media (max-width: 900px) { .four-cols { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 800px) { .four-cols { grid-template-columns: 1fr; } .sticky-save { justify-content: stretch; } .sticky-save button { width: 100%; } }