/* Six service families share a readable solution library. */
#work .work-tools{gap:20px;align-items:center;margin-bottom:18px}
#work .work-filters{display:flex;flex-wrap:wrap;gap:9px}
#work .work-filters button{padding:10px 18px;border:1px solid #eee5dc;border-radius:7px;background:#fcf9f4;color:#8a7565;font-size:13px}
#work .work-filters button.active{background:#8b5035;border-color:#8b5035;color:#fff}
#work .work-count{white-space:nowrap;font-size:12px;letter-spacing:0;color:#9a8b7e}
#work .work-solution-note{font-size:12px;color:#a09080;line-height:1.9;margin:0 0 27px}
#work .work-grid{align-items:stretch;gap:24px}
#work .work-card{display:flex;flex-direction:column;text-align:left;min-width:0;border:1px solid #eee4da;border-radius:12px;background:#fff;overflow:hidden;padding:0;box-shadow:0 4px 18px #603d1f04}
#work .design-cover{width:100%;border-radius:0;aspect-ratio:1.8}
#work .work-caption{padding:22px 23px 10px;gap:12px;border-radius:0}
#work .work-caption small{font-size:11px;color:#a48e7a}
#work .work-caption h3{font-size:18px;line-height:1.65;font-weight:600;color:#44382e;margin-top:6px}
#work .work-caption>span{display:none}
#work .work-summary{padding:0 23px;font-size:12px;line-height:1.95;color:#948373;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin-bottom:17px}
#work .work-includes{display:flex;flex-wrap:wrap;gap:6px;padding:0 23px;margin-top:auto;margin-bottom:21px}
#work .work-includes span{font-size:10px;line-height:1.8;color:#a07151;background:#faf3eb;border-radius:4px;padding:3px 7px}
#work .work-more{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0e6dc;margin:0 23px;padding:14px 0 17px;font-size:11px;color:#a66a46}
#work .work-more svg{width:17px;height:17px}
#work .work-card[data-category=courseware] .work-includes span,#work .work-card[data-category=publishing] .work-includes span{background:#edf3ef;color:#698575}
#work .work-card[data-category=microcourse] .work-includes span,#work .work-card[data-category=writing] .work-includes span{background:#eef1f7;color:#7887a1}
#work .work-card:hover{background:#fffdf9;border-color:#d9bda8;box-shadow:0 14px 30px #603d1f10}
#work-dialog #work-detail>p{white-space:pre-line;line-height:1.95}
@media(max-width:1000px){#work .work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#work .work-tools{align-items:flex-start}#work .work-filters button{padding:9px 14px}}
@media(max-width:650px){#work .work-grid{grid-template-columns:1fr;gap:20px}#work .work-tools{display:block}#work .work-count{display:block;margin-top:13px}#work .work-filters{gap:7px}#work .work-filters button{font-size:12px;padding:8px 12px}#work .work-caption{padding:20px 20px 9px}#work .work-summary,#work .work-includes{padding-inline:20px}#work .work-more{margin-inline:20px}#work .work-caption h3{font-size:18px}#work .work-solution-note{font-size:11px}}

/* One group at a time; a stable row on desktop, swipeable cards on phones. */
#work .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
#work .work-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #eee4da;padding-top:24px;margin-top:30px}
#work .work-page-status{font-size:12px;color:#a38d79;margin:0}
#work .work-pagination>div{display:flex;gap:10px}
#work .work-pagination button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid #e8d9cb;border-radius:7px;padding:11px 19px;background:#fff;color:#977456;font-size:12px;transition:background .18s}
#work .work-pagination .work-page-next{background:#965a3d;border-color:#965a3d;color:#fff}
#work .work-pagination button:hover:not(:disabled){background:#f6e9dc;color:#87573a}
#work .work-pagination button:disabled{opacity:.38;cursor:default}
#work .work-pagination svg{width:16px;height:16px}
@media(max-width:1000px) and (min-width:651px){#work .work-grid{gap:15px}#work .work-caption{padding:17px 15px 9px}#work .work-caption h3{font-size:16px}#work .work-summary,#work .work-includes{padding-inline:15px}#work .work-more{margin-inline:15px}}
@media(max-width:650px){#work .work-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;overflow-x:auto;scroll-snap-type:x mandatory;gap:15px;padding:4px 2px 14px}#work .work-card{scroll-snap-align:start}#work .work-pagination{flex-wrap:wrap;gap:13px;margin-top:16px;padding-top:20px}#work .work-pagination>div{margin-left:auto}#work .work-pagination button{padding:10px 14px;gap:10px}}

@media(min-width:651px){#work .work-pagination{display:grid;grid-template-columns:1fr auto 1fr}#work .work-pagination>div{grid-column:2}}

/* Pagination lives beside the filters, replacing the previous total count. */
#work .work-tools{display:flex;align-items:center;justify-content:space-between;gap:20px}
#work .work-filters{gap:7px}
#work .work-filters button{padding:10px 14px}
#work .work-tools .work-pagination{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:12px;margin:0;padding:0;border:0}
#work .work-tools .work-page-status{white-space:nowrap;font-size:11px;color:#a18a76;line-height:1.7}
#work .work-tools .work-page-actions{display:flex;gap:7px;margin:0}
#work .work-tools .work-pagination button{min-height:38px;padding:9px 12px;gap:9px;font-size:11px;line-height:1.5}
#work .work-tools .work-pagination .work-page-prev{width:36px;padding:8px;font-size:17px}
#work .work-tools .work-page-next{white-space:nowrap}
#work .work-tools .work-page-next svg{width:14px;height:14px}
@media(max-width:1100px){#work .work-tools{flex-wrap:wrap;gap:14px}#work .work-tools .work-pagination{margin-left:auto}}
@media(max-width:650px){#work .work-filters{gap:7px}#work .work-filters button{padding:8px 12px}#work .work-tools .work-pagination{width:100%;justify-content:space-between;padding-top:12px;border-top:1px solid #eee4da;gap:10px}#work .work-tools .work-page-status{font-size:11px}}