body[data-ui=work]{display:grid;grid-template-rows:auto minmax(0,1fr) var(--ui-footer)}
body[data-ui=work] .builder-header{width:100%;margin:0 auto;padding-block:18px 0}
.work-shell{width:min(100%,980px);margin-inline:auto;padding:0 28px 28px;min-height:0;overflow:auto;scrollbar-width:thin}
.work-shell>h1{text-align:center;margin:10px 0 32px}
.work-list{display:grid;gap:20px}
.work-item{background:#fff2d83d;border-radius:24px;padding:24px 28px;overflow-wrap:anywhere}
.work-meta{display:flex;justify-content:space-between;gap:20px;color:#34291e;font-size:14px}
.work-item h2{font-size:24px;line-height:1.2;letter-spacing:-.5px;margin:14px 0 10px}
.work-item p{font-size:17px;line-height:1.55;margin:0;max-width:66ch}
.work-item nav{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px 24px;margin-top:16px}
.work-item a,.work-item summary,.work-more a{display:inline-flex;min-height:44px;align-items:center;cursor:pointer;text-underline-offset:5px}
.work-item details a{display:flex}.work-item summary{display:list-item;padding-block:12px}
.work-item a:focus-visible,.work-item summary:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}
.work-more{text-align:center;padding-top:12px}.work-empty{text-align:center;padding:40px 0}
@media(max-width:600px){.work-shell{padding-inline:16px}.work-item{padding:20px}.work-item h2{font-size:22px}body[data-ui=work]{--ui-footer:180px}}
@media(max-height:600px){body[data-ui=work]{height:auto;min-height:100dvh;max-height:none;overflow:auto;grid-template-rows:auto 1fr 180px}.work-shell{overflow:visible}}