﻿/* Work updates share the current site shell and use a compact editorial list. */
.work-page { min-height:100vh; display:flex; flex-direction:column; }
.work-page > main { flex:1; }
.work-panel { margin-bottom:38px; }
.work-panel .center-section-heading { margin-bottom:4px; }
.work-list li { min-height:62px; padding-inline:10px; transition:background-color .15s; }
.work-list li:hover { background:#f6faff; }
.work-list li:last-child { border-bottom:0; }
.work-list a { font-size:17px; overflow-wrap:anywhere; }
.work-list time { min-width:92px; text-align:right; }
.work-skip-link { position:absolute; top:-80px; left:20px; z-index:100; padding:8px 16px; background:white; }
.work-skip-link:focus { top:8px; }
.work-article .center-article-header h1 { margin:0 auto 14px; max-width:1100px; font-size:28px; line-height:1.6; color:var(--center-ink); }
.work-article-body { max-width:1000px; margin-inline:auto; font-size:18px; line-height:2; }
.work-article-body img { display:block; max-width:100% !important; max-height:none; height:auto !important; margin:22px auto; }
.work-article-body p:empty { display:none; }
.work-article .center-article-bottom { max-width:1000px; margin-inline:auto; }
@media (max-width:520px) {
 .work-panel { margin-bottom:24px; }
 .work-list li { padding:12px 4px; }
 .work-list a { font-size:16px; }
 .work-list time { margin-top:3px; }
 .work-article .center-article-header h1 { font-size:21px; }
 .work-article-body { font-size:16px; line-height:1.9; }
}