/* Experience pages: restrained typography and readable paragraphs. */
.experience-page .role-page{max-width:1040px;padding-top:40px}
.experience-page .role-hero h1{font-size:36px;line-height:44px;letter-spacing:-1px}
.experience-page .role-hero h2{font-size:16px;line-height:24px;margin-top:12px}
.experience-page .role-emblem{display:none}
.experience-page .breadcrumb{margin-bottom:32px}
.experience-page .role-lead{font-size:18px;line-height:28px;margin-top:24px;padding-bottom:24px;max-width:880px}
.experience-page .role-body{display:block;margin-top:32px;max-width:880px}
.experience-page .role-body h2{font-size:24px;line-height:32px;letter-spacing:-.5px;margin:0 0 20px}
.experience-page .experience-story p{font-size:16px;line-height:28px;color:#5f5b57;margin:0 0 20px}
.experience-page .experience-stack{font-size:14px!important;line-height:24px!important;color:#79716a!important;border-top:1px solid #e4e1dd;padding-top:20px;margin-top:28px!important}
.experience-page .experience-stack strong{font-weight:500;color:#4e4842}
.experience-page .detail-section{margin-top:40px;padding-top:32px}
.experience-page .detail-section>h2{font-size:24px;line-height:32px;letter-spacing:-.5px}
.experience-page .detail-section>.muted{font-size:14px;line-height:24px;max-width:800px}
.experience-page .concept-figure{margin:24px 0 32px}
.experience-page .concept-preview{display:block;background:#f4f2ee;border:1px solid #e4e1dd;border-radius:8px;padding:0;width:100%;overflow:hidden}
.experience-page .concept-preview img{width:100%;height:auto;display:block}
.experience-page .concept-figure figcaption{font-size:12px;line-height:20px;color:#79716a;margin-top:12px;max-width:880px}
.experience-page .video-block h3{font-size:16px;line-height:24px}
.experience-page .next-role{margin-top:40px;padding-top:24px}
.experience-page .next-role strong{font-size:18px;line-height:28px}
.experience-page .next-role>span{font-size:10px}
@media(max-width:620px){.experience-page .role-hero h1{font-size:30px;line-height:38px}.experience-page .role-lead{font-size:16px;line-height:26px}.experience-page .role-page{padding-top:28px}.experience-page .screenshot-grid{grid-template-columns:1fr}}

/* Review updates: compact section rhythm and justified paragraphs. */
.experience-page .role-page{padding-top:24px}
.experience-page .breadcrumb{margin-bottom:16px}
.experience-page .role-hero h1{margin-top:8px}
.experience-page .role-hero h2{margin-top:6px}
.experience-page .role-hero .muted{margin-top:4px}
.experience-page .role-lead{margin-top:16px;padding-bottom:16px}
.experience-page .role-body{margin-top:16px}
.experience-page .role-body h2{margin-bottom:12px}
.experience-page .experience-story p{margin-bottom:14px}
.experience-page .role-page p{text-align:justify;text-align-last:left;text-wrap:wrap;hyphens:auto}
.experience-page .experience-stack{margin-top:16px!important;padding-top:14px}
.experience-page .detail-section{margin-top:24px;padding-top:20px}
.experience-page .detail-section>.muted{margin-top:8px}
.experience-page .python-workspace h3{font-size:16px;line-height:24px;margin:0 0 12px;font-weight:500}
.experience-page .python-workspace iframe{display:block;width:100%;height:580px;border:1px solid #e1e6eb;border-radius:8px;background:#fff}
.experience-page .python-workspace>.text-link{margin-top:12px;font-size:12px}
@media(max-width:700px){.experience-page .python-workspace iframe{height:860px}.experience-page .role-page{padding-top:20px}}