/* Add verified background without changing the existing About composition. */
.about-identity { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 24px; margin: 0 0 18px; color: #b7cdd7; font-size: .875rem; line-height: 1.5; }
.credentials-trigger { appearance: none; border: 1px solid #bad2db80; border-radius: 999px; background: #c6e0e512; padding: 9px 18px; min-height: 44px; color: #e3f1f3; font: inherit; cursor: pointer; }
.credentials-trigger:hover { background: #c6e0e529; }
.credentials-trigger:focus-visible { outline: 2px solid #c6dde1; outline-offset: 4px; }
.credentials-dialog { width: min(1000px,calc(100% - 48px)); padding: clamp(24px,4vw,48px); }
.credentials-dialog .preview-topline { margin-bottom: 30px; }
.credentials-dialog h2 { margin: 0; font-size: clamp(1.5rem,3vw,2rem); line-height: 1.3; }
.credentials-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.credentials-grid > section { min-width: 0; }
.credentials-grid h3 { margin: 0 0 20px; font-size: 1.25rem; }
.credential-organization { margin: 0 0 4px; color: #bbd2da; font-size: 1rem; line-height: 1.6; }
.credential-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 20px; }
.credential-list li { border-top: 1px solid #bad2db40; padding-top: 14px; }
.credential-list .credential-date { margin: 0 0 6px; font-size: .875rem; line-height: 1.5; color: #b7cdd7; font-variant-numeric: tabular-nums; }
.credential-list h4 { margin: 0; font-size: 1rem; line-height: 1.65; font-weight: 500; overflow-wrap: break-word; }
.home.detail-draft #story .experience-page { justify-content: flex-start; padding-block: clamp(40px,5dvh,64px) clamp(56px,7dvh,88px); }
/* Give each study its own reading area and a consistent information hierarchy. */
.home.experience-detail #story .paper-list { gap: 36px; margin-top: 32px; }
.home.experience-detail #story .paper-card { display: block; padding: clamp(24px,3vw,40px); border: 1px solid #b2cbd333; border-radius: 14px; background: #101b2c73; }
.home.experience-detail #story .paper-journal { margin: 0 0 12px; color: #bad8de; font-size: .875rem; line-height: 1.6; }
.home.experience-detail #story .paper-title { max-width: 88ch; margin: 0; font-size: clamp(1.125rem,1.7vw,1.375rem); font-weight: 600; line-height: 1.5; letter-spacing: -.01em; text-wrap: pretty; }
.paper-details { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 32px; margin: 30px 0; }
.paper-detail { min-width: 0; border-top: 2px solid #a8cdd780; padding-top: 16px; }
.paper-detail dt { margin: 0 0 12px; color: #d4edf0; font-weight: 650; font-size: 1rem; line-height: 1.5; }
.paper-detail dd { margin: 0; color: #c8d7dd; font-size: 1rem; line-height: 1.8; text-align: start; }
.paper-footer { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 0; padding-top: 22px; border-top: 1px solid #b2cbd333; }
.home.experience-detail #story .paper-contribution { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: baseline; gap: 8px 16px; margin: 0; font-size: .9375rem; line-height: 1.75; }
.paper-contribution strong { color: #bad8de; font-size: .9375rem; font-weight: 650; }
.home.experience-detail #story .paper-footer .text-link { flex: none; min-height: 36px; margin: 0; font-size: .875rem; line-height: 1.5; }
@media (max-width:1000px) {
 .paper-details { grid-template-columns: minmax(0,1fr); gap: 24px; }
 .paper-detail { display: grid; grid-template-columns: 110px minmax(0,1fr); gap: 20px; padding-top: 18px; border-top-width: 1px; }
 .paper-detail dt { margin: 0; }
 .home.experience-detail #story .paper-contribution { grid-template-columns: minmax(0,1fr); gap: 6px; }
}
@media (max-width:650px) {
 .home.experience-detail #story .paper-card { padding: 22px 18px; }
 .home.experience-detail #story .paper-list { gap: 28px; }
 .paper-details { margin-block: 26px; }
 .paper-detail { grid-template-columns: minmax(0,1fr); gap: 10px; }
 .paper-footer { flex-direction: column; gap: 18px; }
 .home.experience-detail #story .paper-footer .text-link { min-height: 44px; }
}
.website-collaboration { border-top: 1px solid #bad2db40; margin-top: 24px; padding-top: 18px; }
.home.detail-site .website-collaboration h2 { font-size: 1rem; margin: 0 0 10px; line-height: 1.5; }
.website-collaboration p { margin: 8px 0 0; font-size: 1rem; line-height: 1.7; color: #c5d5df; }
@media (max-width:650px) {
 .credentials-dialog { width: calc(100% - 24px); padding: 24px; }
 .credentials-dialog .preview-topline { gap: 16px; }
 .credentials-grid { grid-template-columns: minmax(0,1fr); gap: 36px; }
 .about-identity { gap: 10px 16px; }
 .home.detail-draft #story .experience-page { justify-content: flex-start; padding-block: 32px 48px; }
}