/* Dashboard inspiration is below Important Dates; existing numbers stay unchanged. */
#infoDetailModal[data-topic="lifehub"] .life-inspiration {
    display:grid;
    gap:17px;
    padding:20px 0 4px;
    border-top:1px solid rgba(172,192,219,.17);
    margin-top:12px;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-card {
    box-sizing:border-box;
    display:grid;
    gap:12px;
    min-width:0;
    padding:12px 0 16px;
    background:transparent;
    border-bottom:1px solid rgba(172,192,219,.14);
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-head {
    display:flex;align-items:center;justify-content:space-between;
    gap:10px;min-width:0;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-head>div {min-width:0;}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-head>div>span {
    display:block;
    margin-bottom:3px;
    color:var(--ui-subheader,var(--theme-text-muted,#bed0e0));
    font-weight:850;
    font-size:10px;
    letter-spacing:.05em;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-head h3 {
    margin:0;
    color:var(--ui-card-title,var(--theme-text,#fff));
    font-size:16px;line-height:1.25;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-head h3 small {
    color:var(--ui-card-description,var(--theme-text-muted,#b7c8d9));
    font-size:10px;
    font-weight:650;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-actions {
    display:flex;gap:6px;
    flex:0 0 auto;
    align-items:center;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-actions button {
    display:grid;
    place-items:center;
    width:31px;min-width:31px;height:34px;
    border:1px solid rgba(var(--theme-primary-rgb,0,212,255),.22);
    background:rgba(var(--theme-primary-rgb,0,212,255),.05);
    color:var(--theme-text,#fff);
    border-radius:9px;
    font-family:inherit;font-weight:800;font-size:21px;line-height:1;
    padding:0;
    cursor:pointer;
    touch-action:manipulation;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-actions button:last-child {
    color:var(--theme-primary,#00d4ff);
    font-size:17px;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-actions button:focus-visible,
#infoDetailModal[data-topic="lifehub"] .life-inspiration-link:focus-visible {
    outline:2px solid var(--theme-primary,#00d4ff);
    outline-offset:2px;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-text {
    color:var(--ui-card-description,var(--theme-text,#fff));
    font-size:13px;
    font-weight:550;
    line-height:1.65;
    white-space:pre-line;
    overflow-wrap:anywhere;
    margin:0;
}
#infoDetailModal[data-topic="lifehub"] blockquote.life-inspiration-text {
    padding:0;
    border:0;
    font-size:14px;
    font-weight:650;
    color:var(--ui-card-title,var(--theme-text,#fff));
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-credit {
    margin:0;
    font-size:11px;
    color:var(--ui-card-description,var(--theme-text-muted,#bdcad8));
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-link {
    width:max-content;
    padding:6px 0;
    background:transparent;
    border:0;
    color:var(--theme-primary,#00d4ff);
    font-family:inherit;font-weight:800;font-size:12px;line-height:1.3;
    cursor:pointer;
}
@media(max-width:390px){
    #infoDetailModal[data-topic="lifehub"] .life-inspiration-head {
        align-items:flex-start;
    }
    #infoDetailModal[data-topic="lifehub"] .life-inspiration-actions {gap:4px;}
    #infoDetailModal[data-topic="lifehub"] .life-inspiration-actions button {width:28px;min-width:28px;height:32px;}
}


/* Keep the single Daily Quote above What Changed, and force a white vector glyph. */
#infoDetailModal[data-topic="lifehub"] .life-inspiration {
    margin:0 0 17px !important;
    padding:0 0 15px !important;
    border:0 !important;
    border-bottom:1px solid rgba(172,192,219,.17) !important;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-card {
    padding:4px 0 9px;
    border:0;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-actions [data-inspire="quote-random"] {
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-actions [data-inspire="quote-random"] svg {
    display:block;width:18px;height:18px;stroke:#fff !important;
    fill:none !important;filter:none !important;
}
#infoDetailModal[data-topic="lifehub"] .life-inspiration-actions [data-inspire="quote-random"] svg path {
    stroke:#fff !important;
}
/* The music player belongs directly above the Dashboard shortcut. */
#rank-tab .rank-content > #rankMusicPlayer {
    margin-bottom:10px !important;
}
#rank-tab .rank-content > #rankMusicPlayer + #rankLifeDashboardButton {
    margin-top:12px !important;
}
