.experience-view .basic-info-card { padding: 24px; margin: 18px 0 24px; }
.basic-info-card .card-heading { margin-bottom: 8px; }
.basic-info-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px 20px; margin: 22px 0; }
.basic-info-grid label { margin: 0; color: var(--muted); font-size: 12px; min-width: 0; }
.basic-info-grid :is(input, select) { display: block; width: 100%; min-width: 0; margin-top: 7px; height: 44px; padding: 10px 12px; border: 1px solid var(--settings-border); border-radius: 9px; color: var(--ink); background: var(--settings-surface); font: inherit; }
.basic-info-grid input::placeholder { color: var(--quiet); }
.basic-info-card .profile-readonly-identity { margin: 18px 0 0; }
@media (max-width: 850px) { .basic-info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 600px) { .basic-info-grid { grid-template-columns: minmax(0, 1fr); gap: 15px; } .experience-view .basic-info-card { padding: 18px; } }