.profile-about-card.section-card { background:var(--card-bg); border:2px solid var(--border-color); border-radius:var(--radius-card); padding:24px; min-width:0; }
.profile-about-card .section-title { margin:0 0 16px; font-family:Outfit,sans-serif; font-size:1.2rem; line-height:1.3; }
.profile-about-card .section-title .material-symbols-outlined { font-size:24px; line-height:1; flex-shrink:0; }
.profile-about-text { color:var(--text-secondary); font-size:.95rem; line-height:1.65; overflow-wrap:anywhere; }
.profile-about-text h3 { color:var(--text-primary); font-size:1rem; font-weight:700; line-height:1.4; margin:20px 0 8px; }
.profile-about-text p { margin:0 0 12px; }
.profile-about-text ul, .profile-about-text ol { margin:8px 0 16px; padding-left:24px; }
.profile-about-text li { margin:4px 0; }
.profile-about-text li::marker { color:var(--primary-color); }
.profile-about-text > :first-child { margin-top:0; }
.profile-about-text > :last-child { margin-bottom:0; }
.profile-description-editor { min-height:200px; max-height:520px; overflow-y:auto; background:var(--input-bg); border:2px solid var(--border-color); border-radius:var(--radius-control); padding:16px; font-family:Outfit,sans-serif; }
.profile-description-editor:focus-visible { outline:2px solid var(--primary-color); outline-offset:3px; }
.profile-description-tools button[aria-pressed="true"] { color:var(--primary-color); border-color:var(--primary-color); background:color-mix(in srgb,var(--primary-color) 8%,var(--card-bg)); }
.profile-description-live-preview { margin-top:20px; min-width:0; }
.profile-description-live-preview .section-title { display:flex; align-items:center; gap:8px; color:var(--text-primary); }
.profile-description-live-preview .section-title .material-symbols-outlined { color:var(--primary-color); }
#prof-desc[hidden], .profile-description-editor[hidden], .profile-description-tools[hidden], .profile-description-live-preview[hidden], #profile-description-preview-toggle[hidden], #profile-description-preview-empty[hidden] { display:none; }
.profile-about-toggle, .profile-description-tools button { display:inline-flex; align-items:center; justify-content:center; gap:8px; line-height:1; min-height:44px; padding:12px 16px; background:var(--card-bg); border:2px solid var(--border-color); border-radius:var(--radius-control); color:var(--text-primary); font:inherit; font-weight:600; cursor:pointer; }
.profile-about-toggle { margin-top:16px; }
.profile-about-toggle .material-symbols-outlined,.profile-description-tools .material-symbols-outlined { font-size:20px; line-height:1; flex-shrink:0; }
.profile-about-toggle:focus-visible,.profile-description-tools button:focus-visible { outline:2px solid var(--primary-color); outline-offset:3px; }
.profile-about-toggle:hover,.profile-description-tools button:hover { border-color:var(--primary-color); }
.profile-about-card [hidden] { display:none; }
.profile-description-tools { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:8px; }
.profile-description-help { margin:8px 0 0; font-size:14px; color:var(--text-secondary); line-height:1.6; }
@media(max-width:900px) { .profile-main-col > .profile-about-card { order:5; } }
@media(max-width:640px) { .profile-about-card.section-card { padding:16px; } }