/* Consistent profile layout and typography, after mobile defaults. */
#profilePage .dossier-grid{grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}
#profilePage:not(.editing) .dossier-left{display:none!important}
#profilePage.editing .dossier-left{grid-column:1/-1;grid-row:auto;position:static;display:flex;flex-wrap:wrap;gap:12px}
#profilePage .left-profile-card,#profilePage .profile-section-nav{display:none!important}
#profilePage .dossier-main,#profilePage .dossier-side{grid-column:auto;grid-row:auto;position:static;max-height:none;overflow:visible;min-width:0;gap:16px}
#profilePage .dossier-card{padding:22px;border:1px solid #e0e5df;border-radius:12px;box-shadow:none;background:#fffefa}
#profilePage .dossier-card .section-heading{margin-bottom:14px}
#profilePage .dossier-card .section-heading h2{font:600 17px/1.4 Inter,system-ui,sans-serif;letter-spacing:0;color:#193b30}
#profilePage .dossier-side .dossier-card{padding:18px;background:#fafbf8}
#profilePage .dossier-side .section-heading h2{font-size:15px}
#profilePage .details-card label{padding:10px 0;gap:4px;font-size:11px;font-weight:500}
#profilePage .details-card .profile-value{font-size:13px;line-height:1.5}
#profilePage .tag-list{gap:6px}#profilePage .tag-list span{padding:5px 9px;font-size:12px;line-height:1.5;border-radius:6px;background:#edf3ee;border:0}
#profilePage .timeline-head h3{font:600 16px/1.4 Inter,system-ui,sans-serif}
#profilePage .timeline-item>p,#profilePage .resume-split .long-value{font:400 14px/1.65 Inter,system-ui,sans-serif}
#profilePage .dossier-hero{border:1px solid #e0e5df;border-radius:14px;box-shadow:none;overflow:hidden;margin-bottom:20px}
#profilePage .dossier-cover{height:170px}#profilePage .dossier-cover:before,#profilePage .dossier-cover:after{display:none}
#profilePage .dossier-identity{padding:0 26px 20px;align-items:center;gap:20px}
#profilePage .dossier-name{padding:18px 0 0;min-width:0}
#profilePage .name-row h1{font:600 28px/1.2 Inter,system-ui,sans-serif;letter-spacing:-.5px;margin:0}
#profilePage .dossier-name>p{font:500 14px/1.5 Inter,system-ui,sans-serif;margin:6px 0;color:#34574b}
#profilePage .identity-meta{font:400 12px/1.5 Inter,system-ui,sans-serif;color:#708078}
#profilePage .dossier-stats{padding:10px 26px;gap:20px;background:#fafbf8}
#profilePage .dossier-stats>div{display:flex;flex-direction:row;align-items:baseline;gap:6px;border:0;padding:0}
#profilePage .dossier-stats strong{font:600 15px/1.5 Inter,system-ui,sans-serif}#profilePage .dossier-stats span{font-size:12px}
#profilePage .resume-split{border:0;gap:12px;background:transparent}
#profilePage .resume-split>div{border:0;padding:0;min-width:0}
#profilePage:not(.editing) .resume-split>.empty-profile-group{display:none}
#profilePage:not(.editing) .resume-split:has(>.empty-profile-group){grid-template-columns:minmax(0,1fr)}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card{padding:12px 14px;background:#f7faf7;border:1px solid #e3e9e3;border-radius:8px}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-heading strong{font-size:14px}
@media(max-width:1050px){#profilePage .dossier-grid{grid-template-columns:minmax(0,1fr) 240px;gap:14px}}
@media(max-width:820px){
 #profilePage .dossier-grid{grid-template-columns:minmax(0,1fr);gap:12px}
 #profilePage .dossier-main,#profilePage .dossier-side{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;width:100%}
 #profilePage .dossier-card,#profilePage .dossier-side .dossier-card{padding:18px 16px;border-radius:0;border-left:0;border-right:0;background:#fffefa}
 #profilePage .dossier-card .section-heading h2{font-size:16px}
 #profilePage .dossier-hero{border-radius:0;border-left:0;border-right:0;margin-bottom:12px}
 #profilePage .dossier-cover{height:140px}
 #profilePage .dossier-identity{padding:0 16px 16px;gap:0 12px;align-items:start}
 #profilePage .dossier-name{padding-top:12px}#profilePage .name-row h1{font-size:22px;letter-spacing:-.3px}
 #profilePage .dossier-name>p{font-size:13px;margin:5px 0}#profilePage .identity-meta{font-size:11px}
 #profilePage .dossier-stats{padding:10px 16px}#profilePage .timeline-head h3{font-size:15px}
}
#profilePage #addStoryButton{width:36px;height:36px;min-width:36px;min-height:36px;padding:0;border-radius:50%;display:grid;place-items:center;line-height:1}

#profilePage .dossier-main>.dossier-card{border-radius:12px;box-shadow:0 3px 12px rgba(26,56,43,.025)}
#profilePage .dossier-main .section-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}
#profilePage .dossier-main .section-heading:before{content:"";width:3px;height:17px;border-radius:3px;background:#b58c48;flex-shrink:0}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card{background:transparent;border:0;border-radius:0;border-bottom:1px solid #e5eae4;padding:12px 0}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card:last-child{border-bottom:0;padding-bottom:0}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card:first-child{padding-top:0}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-heading small{background:#f1f4ee;border-radius:5px;padding:3px 8px;font-size:11px}
#profilePage .dossier-post{padding:0 0 12px}#profilePage .dossier-post:last-child{padding-bottom:0;border:0}
#profilePage .dossier-post p{font:400 14px/1.6 Inter,system-ui,sans-serif;margin:0 0 8px}
#profilePage .dossier-post small{font:400 11px/1.5 Inter,system-ui,sans-serif;color:#77857d}
@media(max-width:820px){#profilePage .dossier-main>.dossier-card{border-radius:0;box-shadow:none}}

#profilePage #dossierPosts{display:grid;gap:16px}
#profilePage #dossierPosts .post{margin:0;min-width:0;border:1px solid #e0e5df;border-radius:10px;overflow:hidden;box-shadow:none}
#profilePage #dossierPosts .post-head{padding:16px 18px}
#profilePage #dossierPosts .post-copy{margin:16px 18px;overflow-wrap:anywhere}
#profilePage #dossierPosts .post-meta,#profilePage #dossierPosts .post-actions{padding-left:18px;padding-right:18px}
#profilePage #dossierPosts .post-video-preview{margin:12px 18px}
@media(max-width:820px){#profilePage #dossierPosts .post-head{padding:12px}#profilePage #dossierPosts .post-copy{margin:12px}#profilePage #dossierPosts .post-actions{padding:10px 8px;gap:4px}#profilePage #dossierPosts .post-video-preview{margin:12px}}

/* Visually separate enrollment records and certifications without repeated headings. */
#profilePage :is(#profileCredentials,#profileCertifications) .resume-split{gap:14px}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-cards{gap:12px}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card,
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card:first-child,
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card:last-child{padding:16px 18px;border:1px solid #dfe7e0;border-radius:10px;background:linear-gradient(115deg,#f4f8f3,#fffefa)}
#profilePage :is(#profileCredentials,#profileCertifications) [data-field-view="certifications"] .credential-card{border-left:3px solid #b58c48;background:#fffdf7}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-heading{gap:12px;align-items:start}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-heading strong{font-size:14px;line-height:1.5}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-heading small{max-width:45%;white-space:normal;text-align:right;flex-shrink:1}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-issuer{color:#365e4f;font-weight:500;margin-top:5px}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-duration{display:block;margin-top:8px;color:#68786f;font:500 12px/1.5 Inter,system-ui,sans-serif}
#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-notes{color:#596b61;font-size:13px;margin-top:9px}
@media(max-width:600px){#profilePage :is(#profileCredentials,#profileCertifications) .credential-card{padding:14px!important}#profilePage :is(#profileCredentials,#profileCertifications) .credential-card-heading small{max-width:100%;text-align:left}}
