/* Shared ERICA x3 collection-status header, v1 */
/* Collection status: independent of ranking tabs and tables. */
        .page-heading, .site-title-row {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 16px 28px;
        }
        .page-heading-title { flex: 0 0 auto; }
        .collection-status {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px 20px;
            margin-left: auto;
            padding: 10px 14px;
            border: 1px solid #303641;
            border-radius: 9px;
            background: #171a20;
            font-size: 13px;
            color: #aeb6c2;
        }
        .collection-state {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: #e8e8e8;
        }
        .collection-dot {
            width: 8px;
            height: 8px;
            flex: 0 0 8px;
            border-radius: 50%;
            background: #8d96a5;
        }
        .collection-status[data-state="working"] .collection-dot { background: #62d394; }
        .collection-status[data-state="waiting"] .collection-dot { background: #e7c17f; }
        .collection-status[data-state="unavailable"] .collection-dot { background: #e56b6f; }
        .collection-detail { color: #aeb6c2; }
        .collection-detail strong { color: #e8e8e8; font-weight: 400; }
        @media (max-width: 700px) {
            .page-heading, .site-title-row { align-items: flex-start; }
            .collection-status { margin-left: 0; gap: 8px 16px; }
        }

.site-title-row { display:flex; align-items:center; justify-content:space-between; gap:16px 28px; flex-wrap:wrap; margin:10px 0 12px; }
.site-title-row > .site-title-left {min-width:0; flex:1 1 auto;}
.site-title-row h1 {overflow-wrap:anywhere;}
.site-title-row .collection-status{flex:0 1 auto;}