.production-hub{margin-bottom:24px}.production-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.production-heading h2{margin:0}.production-heading p{margin:6px 0 0}.production-thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.production-thumb{min-width:0;border:1px solid #e3eaf3;border-radius:12px;padding:18px 14px;display:flex;flex-direction:column;gap:8px;transition:background .15s,border-color .15s}.production-thumb:hover,.production-thumb.selected{background:#edf4ff;border-color:#94bced}.production-picture{position:relative;display:flex;align-items:center;justify-content:center;height:80px;background:#f5f8fd;border-radius:9px;margin-bottom:6px}.production-picture img{max-width:100%;object-fit:contain}.production-count{position:absolute;right:8px;top:8px;border-radius:20px;background:#e4efff;color:#0964df;font-size:10px;padding:3px 8px;min-width:22px;text-align:center}.production-thumb strong{font-size:12px;font-weight:400;color:#081f55}.production-thumb small{font-size:10px;line-height:1.8;color:#61738e}.production-page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0 28px}.production-page-title h1{font-size:30px;margin:12px 0 6px;letter-spacing:-.8px}.production-page-title p{font-size:12px;color:#61738e}.production-page-title>.button{flex-shrink:0}.production-note{padding:14px;background:#f4f7fc;border-radius:9px}.list-total{display:inline-block;font-size:12px;background:#edf3fc;padding:3px 10px;border-radius:20px;margin-left:6px}.production-empty{text-align:center;padding:32px 12px}.production-empty h3{font-size:17px}.production-item{display:flex;justify-content:space-between;align-items:start;gap:20px;border-bottom:1px solid #e3eaf3;padding:24px 0}.production-item>div{min-width:0;flex:1}.production-item>.button{width:auto;flex-shrink:0;font-size:11px}.production-item h3{font-size:17px;overflow-wrap:anywhere;margin:12px 0}.production-excerpt{white-space:pre-wrap;overflow-wrap:anywhere}.production-item-meta{display:flex;align-items:center;gap:12px;font-size:10px;color:#61738e}.production-status{background:#eaf2ff;color:#0964df;padding:4px 9px;border-radius:20px}.production-details{display:flex;flex-wrap:wrap;gap:12px 24px;margin:14px 0 0}.production-details>div{max-width:100%;font-size:11px}.production-details dt{color:#61738e;font-size:10px;margin-bottom:4px}.production-details dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.production-pagination{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;font-size:11px;color:#61738e}.production-pagination a{color:#0964df}.production-page textarea,.production-page select{display:block;width:100%;margin-top:8px;border:1px solid #d6e3f3;border-radius:9px;background:#fbfdff;color:#081f55;font:inherit;font-size:13px;padding:12px;box-sizing:border-box}.production-page textarea{resize:vertical;min-height:90px}.production-page .profile-modal{max-width:560px}.production-page input[type=hidden]{display:none!important}
@media(max-width:650px){.production-thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.production-thumb{padding:12px}.production-heading{margin-bottom:16px}.production-page-title{align-items:start;flex-direction:column;gap:8px}.production-item{flex-direction:column;gap:10px}.production-item>.button{align-self:flex-start}.production-page-title h1{font-size:26px}.production-hub{padding:18px}.production-picture{height:70px}}

/* Readable production navigation at desktop and phone sizes. */
.production-hub .production-heading h2{font-size:24px;line-height:1.4}
.production-hub .production-heading p{font-size:15px;line-height:1.8;color:#52647e}
.production-thumb strong{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.production-thumb small{font-size:14px;line-height:1.7;color:#52647e;overflow-wrap:anywhere}
.production-count{font-size:12px;line-height:1.5;min-width:26px}
.production-thumb{gap:10px}
@media(max-width:380px){.production-thumbs{grid-template-columns:1fr}}