.work-collection{margin-block:36px;scroll-margin-top:20px}
.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:24px;align-items:start}
.work-card{min-width:0;border:1px solid #c5c8b9;border-radius:8px;background:#fffdf8;color:#17362c;overflow-wrap:anywhere}
.work-body{padding:22px}
.work-image{display:block}
.work-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:8px 8px 0 0}
.work-card h3{font-size:calc(23px * var(--text-scale,1));line-height:1.65;margin:16px 0}
.work-card h3 a{text-decoration:none}
.work-card h3 a:hover{text-decoration:underline}
.work-badges{display:flex;flex-wrap:wrap;gap:8px;font-size:calc(14px * var(--text-scale,1));line-height:1.7}
.work-type,.work-status{padding:4px 10px;border:1px solid currentColor;border-radius:4px}
.work-type{background:#f1eee5;color:#45544a}
.status-preprint{background:#e5f0fa;color:#174a72}
.status-submitted{background:#fff1d0;color:#654500}
.status-unpublished{background:#efedf5;color:#504368}
.status-media{background:#edf2e2;color:#3c5523}
.status-awareness{background:#faeae1;color:#743b1c}
.status-journal{background:#e2f3e9;color:#195333}
.status-conference{background:#e1f2f3;color:#1c5259}
.status-participation{background:#f6e8ef;color:#713a58}
.work-metadata{font-size:calc(15px * var(--text-scale,1));line-height:1.8;margin:0 0 16px}
.work-metadata>div{display:grid;grid-template-columns:minmax(0,8rem) minmax(0,1fr);gap:8px;margin-bottom:8px}
.work-metadata dt{font-weight:700}
.work-metadata dd{margin:0}
.work-summary{font-size:calc(18px * var(--text-scale,1));line-height:1.9}
.work-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}
.work-actions a{display:inline-flex;align-items:center;min-height:44px;font-size:calc(16px * var(--text-scale,1))}
.next-work{display:block;max-width:65ch;margin:36px auto 0;padding:24px;border-block-start:1px solid #c6a15b;font-size:calc(19px * var(--text-scale,1))}
.next-work h2{font-size:calc(22px * var(--text-scale,1));margin:0 0 12px}
html[data-theme=dark] .work-card{background:#1b2e25;color:#edf0e7;border-color:#8d957e}
html[data-theme=dark] .work-type{background:#243a2e;color:#edf0e7}
@media(max-width:500px){.work-body{padding:18px}.work-metadata>div{grid-template-columns:minmax(0,1fr);gap:0}.next-work{padding-inline:0}}